mirror of
https://github.com/NyaaStudios/nyaabooru.git
synced 2025-12-10 05:42:58 +00:00
add profile pictures & (attempt) fix uploads
This commit is contained in:
parent
2aa0689720
commit
bb15fc96b4
8 changed files with 92 additions and 9 deletions
|
|
@ -5,7 +5,7 @@
|
|||
</wa-avatar>
|
||||
<div class="wa-stack wa-gap-2xs">
|
||||
<h3 class="wa-caption-m">{{ $title }}</h3>
|
||||
<wa-format-number class="wa-heading-l" :$value></wa-format-number>
|
||||
<wa-format-number class="wa-heading-l" value="{{ $value }}"></wa-format-number>
|
||||
</div>
|
||||
</div>
|
||||
</wa-card>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,12 @@
|
|||
@endguest
|
||||
|
||||
@auth
|
||||
<wa-button href="{{ url('/profiles/' . Auth::id()) }}" appearance="plain" wire:navigate.hover>{{ Auth::user()->name }}</wa-button>
|
||||
<div class="wa-cluster wa-gap-3xs wa-align-items-center">
|
||||
<livewire:app.pfp :user="Auth::user()" size="2rem" />
|
||||
<wa-button href="{{ url('/profiles/' . Auth::id()) }}" appearance="plain" wire:navigate.hover>
|
||||
{{ Auth::user()->name }}
|
||||
</wa-button>
|
||||
</div>
|
||||
<wa-icon-button href="{{ route('logout') }}" appearance="plain" name="arrow-left-from-bracket"></wa-icon-button>
|
||||
@endauth
|
||||
</div>
|
||||
|
|
|
|||
2
resources/views/livewire/app/pfp.blade.php
Normal file
2
resources/views/livewire/app/pfp.blade.php
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<wa-avatar image="{{ $pfp }}" label="{{ $user->name }}'s Profile Picture" shape="{{ $shape }}" loading="lazy" style="--size: {{ $size }}">
|
||||
</wa-avatar>
|
||||
|
|
@ -1,8 +1,30 @@
|
|||
<div class="wa-stack">
|
||||
<h1>{{ $user->name }}</h1>
|
||||
<div class="wa-stack wa-gap-3xl">
|
||||
<div class="wa-stack">
|
||||
<div class="wa-flank wa-align-items-center">
|
||||
<livewire:app.pfp :$user size="5rem" shape="rounded" />
|
||||
<h1>{{ $user->name }}</h1>
|
||||
</div>
|
||||
|
||||
<div class="wa-grid" style="--min-column-size: 30ch;">
|
||||
<livewire:app.data-card icon="images" title="Posts" value="{{ $user->posts->count() }}" />
|
||||
<livewire:app.data-card icon="comments" title="Comments" value="{{ $user->comments->count() }}" />
|
||||
<div class="wa-grid" style="--min-column-size: 30ch;">
|
||||
<livewire:app.data-card icon="images" title="Posts" value="{{ $user->posts->count() }}" />
|
||||
<livewire:app.data-card icon="comments" title="Comments" value="{{ $user->comments->count() }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (Auth::id() == $user->id)
|
||||
<div class="wa-stack">
|
||||
<h2>User settings</h2>
|
||||
<form wire:submit>
|
||||
<wa-card>
|
||||
<div class="wa-stack">
|
||||
<span class="wa-heading-m">Profile picture</span>
|
||||
<input type="file" wire:model.live="avatar" wire:loading.attr="disabled" />
|
||||
@error('avatar')
|
||||
<span class="wa-caption-m">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</wa-card>
|
||||
</form>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="wa-flank wa-align-items-start">
|
||||
<wa-avatar initials="" label="{{ $comment->user->name }}"></wa-avatar>
|
||||
<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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue