NyaaStudios/nyaabooru
4
0
Fork 0
mirror of https://github.com/NyaaStudios/nyaabooru.git synced 2025-12-10 05:42:58 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add post deletion w/ confirmation, search (broken), profile page

Browse source
This commit is contained in:
yuriko 🦊 2025-05-24 19:30:44 -04:00
parent bfb497c367
commit 827d125639
21 changed files with 374 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

52
resources/views/livewire/posts/edit.blade.php
View file

@ -1,17 +1,12 @@
<div class="wa-flank wa-align-items-start wa-gap-3xl" style="--flank-size: 20rem;">
{{-- Sidebar --}}
<div class="wa-stack" wire:poll>
<div class="wa-stack">
<div class="wa-cluster">
<span class="wa-caption-m">Changes are automatically saved.</span>
<wa-button href="{{ url("posts/$post->id") }}" appearance="outlined" variant="neutral" size="small" wire:navigate.hover>
<wa-icon slot="prefix" name="check"></wa-icon>
<span>Finish</span>
</wa-button>
</div>
<wa-divider></wa-divider>
<wa-callout variant="brand" appearance="outlined">
<wa-icon slot="icon" name="circle-info"></wa-icon>
<span>Changes are automatically saved.</span>
</wa-callout>
<form wire:submit class="wa-stack">
<wa-select wire:model.live="rating" label="Rating" value="{{ $post->rating }}" wire:loading.attr="disabled" @error('rating') hint="{{ $message }}" @enderror>
@ -39,11 +34,46 @@
<span>Tags</span>
</div>
<wa-divider></wa-divider>
<div class="wa-split">
<wa-button href="{{ url("posts/$post->id") }}" appearance="outlined" variant="neutral" size="small" wire:navigate.hover>
<wa-icon slot="prefix" name="arrow-left"></wa-icon>
<span>Exit</span>
</wa-button>
<wa-button appearance="outlined" variant="danger" size="small" wire:click="$js.openDialog">
<wa-icon slot="prefix" name="trash"></wa-icon>
<span>Delete post</span>
</wa-button>
</div>
</div>
{{-- Main content --}}
<div class="wa-stack wa-gap-2xl" wire:poll>
<div class="wa-stack wa-gap-2xl">
<livewire:posts.image :$post lazy />
</div>
{{-- Confirm deletion dialog --}}
<wa-dialog label="Confirm post deletion" without-header light-dismiss id="modal-confirm-post-delete" style="--width: 360px;">
<div class="wa-stack wa-align-items-center">
<span>Are you sure you want to delete this post?</span>
<div class="wa-split">
<wa-button variant="neutral" appearance="outlined" data-dialog="close">
No, go back
</wa-button>
<wa-button href="{{ url("delete/post/$post->id") }}" appearance="outlined" variant="danger" wire:navigate>
Yes, delete it
</wa-button>
</div>
</div>
</wa-dialog>
@script
<script>
const dialog = document.querySelector('#modal-confirm-post-delete');
$js('openDialog', () => { dialog.open = true})
</script>
@endscript
</div>