mkrieger/byos_laravel
1
0
Fork 0
mirror of https://github.com/usetrmnl/byos_laravel.git synced 2026-01-13 23:18:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: add delete flow for plugins on details page

Browse source
This commit is contained in:
Benjamin Nussbaum 2025-03-30 10:38:02 +02:00
parent 6e5e4cd633
commit c3a5c9110c
1 changed files with 46 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

40
resources/views/livewire/plugins/receipt.blade.php
View file

@ -141,7 +141,7 @@ new class extends Component {
}
$this->reset(['checked_devices', 'playlist_name', 'selected_weekdays', 'active_from', 'active_until', 'selected_playlist']);
Flux::modal('add-plugin')->close();
Flux::modal('add-to-playlist')->close();
}
public function getDevicePlaylists($deviceId)
@ -187,6 +187,13 @@ HTML;
</x-trmnl::view>
HTML;
}
public function deletePlugin(): void
{
abort_unless(auth()->user()->plugins->contains($this->plugin), 403);
$this->plugin->delete();
$this->redirect(route('plugins.index'));
}
}
?>
@ -195,12 +202,24 @@ HTML;
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-semibold dark:text-gray-100">{{$plugin->name}}</h2>
<flux:modal.trigger name="add-plugin">
<flux:button.group>
<flux:modal.trigger name="add-to-playlist">
<flux:button icon="play" variant="primary">Add to Playlist</flux:button>
</flux:modal.trigger>
<flux:dropdown>
<flux:button icon="chevron-down" variant="primary"></flux:button>
<flux:menu>
<flux:modal.trigger name="delete-plugin">
<flux:menu.item icon="trash">Delete Plugin</flux:menu.item>
</flux:modal.trigger>
</flux:menu>
</flux:dropdown>
</flux:button.group>
</div>
<flux:modal name="add-plugin" class="md:w-96">
<flux:modal name="add-to-playlist" class="md:w-96">
<div class="space-y-6">
<div>
<flux:heading size="lg">Add to Playlist</flux:heading>
@ -261,6 +280,21 @@ HTML;
</div>
</flux:modal>
<flux:modal name="delete-plugin" class="min-w-[22rem] space-y-6">
<div>
<flux:heading size="lg">Delete {{ $plugin->name }}?</flux:heading>
<p class="mt-2 text-sm text-zinc-600 dark:text-zinc-400">This will remove this plugin from your account.</p>
</div>
<div class="flex gap-2">
<flux:spacer/>
<flux:modal.close>
<flux:button variant="ghost">Cancel</flux:button>
</flux:modal.close>
<flux:button wire:click="deletePlugin" variant="danger">Delete plugin</flux:button>
</div>
</flux:modal>
<div class="mt-5 mb-5">
<h3 class="text-xl font-semibold dark:text-gray-100">Settings</h3>
</div>