mirror of
https://github.com/NyaaStudios/nyaabooru.git
synced 2025-12-10 05:42:58 +00:00
add users page, full screen image preview, footer
Some checks are pending
Docker / build (push) Waiting to run
Some checks are pending
Docker / build (push) Waiting to run
This commit is contained in:
parent
7ec9c4bc9d
commit
1442dbfa60
20 changed files with 202 additions and 32 deletions
13
app/Livewire/App/Footer.php
Normal file
13
app/Livewire/App/Footer.php
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<?php
|
||||
|
||||
namespace App\Livewire\App;
|
||||
|
||||
use Livewire\Component;
|
||||
|
||||
class Footer extends Component
|
||||
{
|
||||
public function render()
|
||||
{
|
||||
return view('livewire.app.footer');
|
||||
}
|
||||
}
|
||||
|
|
@ -9,7 +9,7 @@ class Pfp extends Component
|
|||
{
|
||||
public User $user;
|
||||
public string $size = '3rem';
|
||||
public string $shape = 'circle';
|
||||
public string $shape = 'rounded';
|
||||
|
||||
public function render()
|
||||
{
|
||||
|
|
|
|||
32
app/Livewire/App/UserCard.php
Normal file
32
app/Livewire/App/UserCard.php
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?php
|
||||
|
||||
namespace App\Livewire\App;
|
||||
|
||||
use App\Models\User;
|
||||
use Livewire\Component;
|
||||
|
||||
class UserCard extends Component
|
||||
{
|
||||
public User $user;
|
||||
|
||||
public function placeholder()
|
||||
{
|
||||
return <<<HTML
|
||||
<article class="wa-stack">
|
||||
<div class="wa-frame wa-border-radius-l">
|
||||
<wa-spinner style="font-size: 2rem;"></wa-spinner>
|
||||
</div>
|
||||
<div class="wa-stack wa-gap-3xs">
|
||||
<wa-skeleton effect="pulse"></wa-skeleton>
|
||||
<wa-skeleton effect="pulse"></wa-skeleton>
|
||||
</div>
|
||||
</article>
|
||||
HTML;
|
||||
|
||||
}
|
||||
|
||||
public function render()
|
||||
{
|
||||
return view('livewire.app.user-card');
|
||||
}
|
||||
}
|
||||
14
app/Livewire/Pages/Users.php
Normal file
14
app/Livewire/Pages/Users.php
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?php
|
||||
|
||||
namespace App\Livewire\Pages;
|
||||
|
||||
use App\Models\User;
|
||||
use Livewire\Component;
|
||||
|
||||
class Users extends Component
|
||||
{
|
||||
public function render()
|
||||
{
|
||||
return view('livewire.pages.users', [ 'users' => User::all() ]);
|
||||
}
|
||||
}
|
||||
|
|
@ -20,6 +20,18 @@ class PostFeature extends Component
|
|||
})->first();
|
||||
}
|
||||
|
||||
public function placeholder()
|
||||
{
|
||||
return <<<HTML
|
||||
<div class="wa-stack" style="max-height: 80vh;">
|
||||
<div class="wa-frame wa-border-radius-l">
|
||||
<wa-spinner style="font-size: 3rem; --track-width: 10px;"></wa-spinner>
|
||||
</div>
|
||||
</div>
|
||||
HTML;
|
||||
|
||||
}
|
||||
|
||||
public function render()
|
||||
{
|
||||
if ($this->post == null)
|
||||
|
|
|
|||
25
app/Livewire/Posts/FullImage.php
Normal file
25
app/Livewire/Posts/FullImage.php
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?php
|
||||
|
||||
namespace App\Livewire\Posts;
|
||||
|
||||
use App\Models\Post;
|
||||
use Livewire\Component;
|
||||
|
||||
class FullImage extends Component
|
||||
{
|
||||
public Post $post;
|
||||
|
||||
public function placeholder()
|
||||
{
|
||||
return <<<'HTML'
|
||||
<div class="wa-frame wa-border-radius-l" style="max-inline-size: 100%; aspect-ratio: 1280/720;">
|
||||
<wa-spinner style="font-size: 3rem; --track-width: 10px;"></wa-spinner>
|
||||
</div>
|
||||
HTML;
|
||||
}
|
||||
|
||||
public function render()
|
||||
{
|
||||
return view('livewire.posts.full-image');
|
||||
}
|
||||
}
|
||||
|
|
@ -14,7 +14,7 @@ class Image extends Component
|
|||
return <<<'HTML'
|
||||
<div class="wa-stack" style="display: flex; align-items: center; justify-content: center; max-height: 80vh;">
|
||||
<div class="wa-frame wa-border-radius-l" style="max-inline-size: 100%;">
|
||||
<wa-spinner></wa-spinner>
|
||||
<wa-spinner style="font-size: 3rem; --track-width: 10px;"></wa-spinner>
|
||||
</div>
|
||||
</div>
|
||||
HTML;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue