Auth: convert auth views and verification email to Nova layout
This commit is contained in:
@@ -0,0 +1,84 @@
|
||||
@php
|
||||
$attachments = collect($attachments ?? []);
|
||||
$filesBaseUrl = rtrim((string) config('cdn.files_url', ''), '/');
|
||||
|
||||
$toUrl = function (?string $path) use ($filesBaseUrl): string {
|
||||
$cleanPath = ltrim((string) $path, '/');
|
||||
return $filesBaseUrl !== '' ? ($filesBaseUrl . '/' . $cleanPath) : ('/' . $cleanPath);
|
||||
};
|
||||
|
||||
$formatBytes = function ($bytes): string {
|
||||
$size = max((int) $bytes, 0);
|
||||
if ($size < 1024) {
|
||||
return $size . ' B';
|
||||
}
|
||||
|
||||
$units = ['KB', 'MB', 'GB'];
|
||||
$value = $size / 1024;
|
||||
$unitIndex = 0;
|
||||
|
||||
while ($value >= 1024 && $unitIndex < count($units) - 1) {
|
||||
$value /= 1024;
|
||||
$unitIndex++;
|
||||
}
|
||||
|
||||
return number_format($value, 1) . ' ' . $units[$unitIndex];
|
||||
};
|
||||
@endphp
|
||||
|
||||
@if ($attachments->isNotEmpty())
|
||||
<div class="mt-4 space-y-3 border-t border-white/10 pt-4">
|
||||
<h4 class="text-xs font-semibold uppercase tracking-wide text-zinc-400">Attachments</h4>
|
||||
<ul class="grid grid-cols-1 gap-3 sm:grid-cols-2">
|
||||
@foreach ($attachments as $attachment)
|
||||
@php
|
||||
$mime = (string) ($attachment->mime_type ?? '');
|
||||
$isImage = str_starts_with($mime, 'image/');
|
||||
$url = $toUrl($attachment->file_path ?? '');
|
||||
$modalId = 'attachment-modal-' . (string) data_get($attachment, 'id', uniqid());
|
||||
@endphp
|
||||
<li class="rounded-lg border border-white/10 bg-slate-900/60 p-3">
|
||||
@if ($isImage)
|
||||
<a href="#{{ $modalId }}" class="block overflow-hidden rounded-md border border-white/10">
|
||||
<img
|
||||
src="{{ $url }}"
|
||||
alt="Attachment preview"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
class="h-36 w-full object-cover"
|
||||
/>
|
||||
</a>
|
||||
@endif
|
||||
|
||||
<div class="mt-2 flex items-center justify-between gap-3 text-xs">
|
||||
<span class="truncate text-zinc-300">{{ basename((string) ($attachment->file_path ?? 'file')) }}</span>
|
||||
<span class="text-zinc-500">{{ $formatBytes($attachment->file_size ?? 0) }}</span>
|
||||
</div>
|
||||
|
||||
<a href="{{ $url }}" target="_blank" rel="noopener noreferrer" class="mt-2 inline-flex text-xs font-medium text-sky-300 hover:text-sky-200">
|
||||
Download
|
||||
</a>
|
||||
|
||||
@if ($isImage)
|
||||
<div id="{{ $modalId }}" class="pointer-events-none fixed inset-0 z-50 hidden bg-black/80 p-4 target:pointer-events-auto target:block" role="dialog" aria-label="Attachment preview">
|
||||
<div class="mx-auto flex h-full w-full max-w-5xl items-center justify-center">
|
||||
<div class="w-full overflow-hidden rounded-xl border border-white/10 bg-slate-950/95">
|
||||
<div class="flex items-center justify-between border-b border-white/10 px-4 py-2">
|
||||
<span class="truncate text-xs text-zinc-300">{{ basename((string) ($attachment->file_path ?? 'file')) }}</span>
|
||||
<a href="#" class="text-xs text-zinc-400 hover:text-zinc-200">Close</a>
|
||||
</div>
|
||||
<div class="max-h-[80vh] overflow-auto p-3">
|
||||
<img src="{{ $url }}" alt="Attachment full preview" class="mx-auto h-auto max-h-[72vh] w-auto max-w-full object-contain" />
|
||||
</div>
|
||||
<div class="border-t border-white/10 px-4 py-2 text-right">
|
||||
<a href="{{ $url }}" target="_blank" rel="noopener noreferrer" class="text-xs font-medium text-sky-300 hover:text-sky-200">Open original</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
@@ -0,0 +1,32 @@
|
||||
@php
|
||||
$user = $user ?? null;
|
||||
$name = data_get($user, 'name', 'Anonymous');
|
||||
$avatar = data_get($user, 'profile.avatar_url') ?? \App\Support\AvatarUrl::forUser((int) data_get($user, 'id', 0));
|
||||
$role = strtolower((string) data_get($user, 'role', 'member'));
|
||||
|
||||
$roleLabel = match ($role) {
|
||||
'admin' => 'Admin',
|
||||
'moderator' => 'Moderator',
|
||||
default => 'Member',
|
||||
};
|
||||
|
||||
$roleClasses = match ($role) {
|
||||
'admin' => 'bg-red-500/15 text-red-300',
|
||||
'moderator' => 'bg-amber-500/15 text-amber-300',
|
||||
default => 'bg-sky-500/15 text-sky-300',
|
||||
};
|
||||
@endphp
|
||||
|
||||
<div class="flex items-center gap-3">
|
||||
<img
|
||||
src="{{ $avatar }}"
|
||||
alt="{{ $name }} avatar"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
class="h-10 w-10 rounded-full border border-white/10 object-cover"
|
||||
/>
|
||||
<div class="min-w-0">
|
||||
<div class="truncate text-sm font-semibold text-zinc-100">{{ $name }}</div>
|
||||
<span class="inline-flex rounded-full px-2 py-0.5 text-[11px] font-medium {{ $roleClasses }}">{{ $roleLabel }}</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,30 @@
|
||||
@php
|
||||
$thread = $thread ?? null;
|
||||
$category = $category ?? null;
|
||||
@endphp
|
||||
|
||||
<nav class="text-sm text-zinc-400" aria-label="Breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
|
||||
<ol class="flex flex-wrap items-center gap-2">
|
||||
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a itemprop="item" href="{{ url('/') }}" class="hover:text-zinc-200"><span itemprop="name">Home</span></a>
|
||||
<meta itemprop="position" content="1">
|
||||
</li>
|
||||
<li aria-hidden="true">/</li>
|
||||
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a itemprop="item" href="{{ route('forum.index') }}" class="hover:text-zinc-200"><span itemprop="name">Forum</span></a>
|
||||
<meta itemprop="position" content="2">
|
||||
</li>
|
||||
<li aria-hidden="true">/</li>
|
||||
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a itemprop="item" href="{{ isset($category) ? route('forum.category.show', ['category' => $category->slug]) : route('forum.index') }}" class="hover:text-zinc-200">
|
||||
<span itemprop="name">{{ $category->name ?? 'Category' }}</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="3">
|
||||
</li>
|
||||
<li aria-hidden="true">/</li>
|
||||
<li class="text-zinc-200" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<span itemprop="name">{{ $thread->title ?? 'Thread' }}</span>
|
||||
<meta itemprop="position" content="4">
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
71
resources/views/forum/thread/components/post-card.blade.php
Normal file
71
resources/views/forum/thread/components/post-card.blade.php
Normal file
@@ -0,0 +1,71 @@
|
||||
@php
|
||||
$post = $post ?? null;
|
||||
$thread = $thread ?? null;
|
||||
$isOp = (bool) ($isOp ?? false);
|
||||
$author = data_get($post, 'user');
|
||||
$postedAt = data_get($post, 'created_at');
|
||||
$editedAt = data_get($post, 'edited_at');
|
||||
$content = (string) data_get($post, 'content', '');
|
||||
$rendered = \App\Support\ForumPostContent::render($content);
|
||||
@endphp
|
||||
|
||||
<article class="overflow-hidden rounded-xl border border-white/5 bg-slate-900/70 backdrop-blur" id="post-{{ data_get($post, 'id') }}">
|
||||
<header class="border-b border-white/10 px-4 py-3 sm:px-5">
|
||||
<div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<x-forum.thread.author-badge :user="$author" />
|
||||
<div class="text-xs text-zinc-400">
|
||||
@if ($postedAt)
|
||||
<time datetime="{{ \Illuminate\Support\Carbon::parse($postedAt)->toIso8601String() }}">
|
||||
{{ \Illuminate\Support\Carbon::parse($postedAt)->format('d.m.Y H:i') }}
|
||||
</time>
|
||||
@endif
|
||||
@if ($isOp)
|
||||
<span class="ml-2 rounded-full bg-cyan-500/15 px-2 py-0.5 text-[11px] font-medium text-cyan-300">OP</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="px-4 py-4 sm:px-5">
|
||||
<div class="prose prose-invert max-w-none text-sm leading-6 prose-pre:overflow-x-auto">
|
||||
{!! $rendered !!}
|
||||
</div>
|
||||
|
||||
@if (data_get($post, 'is_edited') && $editedAt)
|
||||
<p class="mt-3 text-xs text-zinc-500">
|
||||
Edited <time datetime="{{ \Illuminate\Support\Carbon::parse($editedAt)->toIso8601String() }}">{{ \Illuminate\Support\Carbon::parse($editedAt)->diffForHumans() }}</time>
|
||||
</p>
|
||||
@endif
|
||||
|
||||
<x-forum.thread.attachment-list :attachments="data_get($post, 'attachments', [])" />
|
||||
</div>
|
||||
|
||||
<footer class="flex flex-wrap items-center gap-3 border-t border-white/10 px-4 py-3 text-xs text-zinc-400 sm:px-5">
|
||||
<button type="button" disabled aria-disabled="true" title="Like coming soon" class="cursor-not-allowed rounded border border-white/10 px-2 py-0.5 text-zinc-500">Like</button>
|
||||
@if (!empty(data_get($thread, 'id')))
|
||||
<a href="{{ route('forum.thread.show', ['thread' => data_get($thread, 'id'), 'slug' => data_get($thread, 'slug'), 'quote' => data_get($post, 'id')]) }}#reply-content" class="hover:text-zinc-200">Quote</a>
|
||||
@else
|
||||
<a href="#post-{{ data_get($post, 'id') }}" class="hover:text-zinc-200">Quote</a>
|
||||
@endif
|
||||
@auth
|
||||
@if ((int) data_get($post, 'user_id') !== (int) auth()->id())
|
||||
<form method="POST" action="{{ route('forum.post.report', ['post' => data_get($post, 'id')]) }}" class="inline">
|
||||
@csrf
|
||||
<button type="submit" class="hover:text-zinc-200">Report</button>
|
||||
</form>
|
||||
@endif
|
||||
@else
|
||||
<a href="{{ route('login') }}" class="hover:text-zinc-200">Report</a>
|
||||
@endauth
|
||||
|
||||
@auth
|
||||
@if ((int) data_get($post, 'user_id') === (int) auth()->id() || Gate::allows('moderate-forum'))
|
||||
<a href="{{ route('forum.post.edit', ['post' => data_get($post, 'id')]) }}" class="hover:text-zinc-200">Edit</a>
|
||||
@endif
|
||||
@endauth
|
||||
|
||||
@can('moderate-forum')
|
||||
<span class="ml-auto text-amber-300">Moderation tools available</span>
|
||||
@endcan
|
||||
</footer>
|
||||
</article>
|
||||
Reference in New Issue
Block a user