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 users page, full screen image preview, footer
Some checks are pending
Docker / build (push) Waiting to run
Details

Browse source
This commit is contained in:
yuriko 🦊 2025-05-25 05:23:34 -04:00
parent 7ec9c4bc9d
commit 1442dbfa60
Signed by: jaiden
SSH key fingerprint: SHA256:f8tvveBoXBrKZIQDWLLcpQrKbATUCGg98x2N4YzkDM8
20 changed files with 202 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

28
resources/views/livewire/posts/comment.blade.php
View file

@ -1,16 +1,18 @@
<div class="wa-flank wa-align-items-center">
<livewire:app.pfp :user="$comment->user" />
<div class="wa-split">
<div class="wa-stack wa-gap-3xs">
<div class="wa-cluster wa-align-items-center">
<strong>{{ $comment->user->name }}</strong>
<span class="wa-caption-m" wire:poll.visible>{{ $comment->created_at->diffForHumans() }}</span>
<wa-card>
<div class="wa-flank wa-align-items-start">
<livewire:app.pfp :user="$comment->user" />
<div class="wa-split">
<div class="wa-stack wa-gap-3xs">
<div class="wa-cluster wa-align-items-center">
<strong>{{ $comment->user->name }}</strong>
<span class="wa-caption-m" wire:poll.visible>{{ $comment->created_at->diffForHumans() }}</span>
</div>
<span>{{ $comment->message }}</span>
</div>
<span>{{ $comment->message }}</span>
</div>
@if (Auth::id() == $comment->user->id)
<wa-icon-button href="{{ url("/delete/comment/$comment->id") }}" name="times" label="Delete"></wa-icon-button>
@endif
@if (Auth::id() == $comment->user->id)
<wa-icon-button href="{{ url("/delete/comment/$comment->id") }}" name="times" label="Delete"></wa-icon-button>
@endif
</div>
</div>
</div>
</wa-card>

3
resources/views/livewire/posts/full-image.blade.php Normal file
View file

@ -0,0 +1,3 @@
<div class="wa-frame wa-border-radius-l" style="max-inline-size: 100%; {{ $post->getAspectRatio() }}">
<img src="{{ $post->getFullUrl() }}" />
</div>

18
resources/views/livewire/posts/view.blade.php
View file

@ -19,6 +19,7 @@
<wa-icon-button href="{{ url("posts/$post->id/edit") }}" name="file-pen" style="color: var(--wa-color-text-link);" wire:navigate.hover></wa-icon-button>
<wa-icon-button href="{{ url("posts/$post->id/download") }}" name="download" style="color: var(--wa-color-text-link);"></wa-icon-button>
<wa-icon-button name="arrow-up-right-and-arrow-down-left-from-center" wire:click="$js.showFullImage" style="color: var(--wa-color-text-link);"></wa-icon-button>
</div>
<wa-divider></wa-divider>
@ -70,7 +71,9 @@
{{-- Main content --}}
<div class="wa-stack wa-gap-2xl" wire:poll.visible>
<livewire:posts.image :$post lazy />
<a wire:click="$js.showFullImage" style="cursor: pointer;">
<livewire:posts.image :$post lazy />
</a>
<span class="wa-heading-m">
<wa-format-number value="{{ $post->comments->count() }}"></wa-format-number>
@ -86,6 +89,19 @@
@foreach ($comments as $comment)
<livewire:posts.comment :$comment :key="$comment->id" />
@endforeach
{{-- Full image dialog --}}
<wa-dialog id="fullImagePreview" without-header without-footer light-dismiss style="--width: 90%;" wire:ignore>
<livewire:posts.full-image :$post lazy />
</wa-dialog>
@script
<script>
$js('showFullImage', () => {
document.querySelector('#fullImagePreview').open = true
});
</script>
@endscript
</div>
</div>