From 1442dbfa60d6951cb96c24ddd7acc8dd294842ae Mon Sep 17 00:00:00 2001 From: Jaiden Date: Sun, 25 May 2025 05:23:34 -0400 Subject: [PATCH] add users page, full screen image preview, footer --- app/Livewire/App/Footer.php | 13 ++++++++ app/Livewire/App/Pfp.php | 2 +- app/Livewire/App/UserCard.php | 32 +++++++++++++++++++ app/Livewire/Pages/Users.php | 14 ++++++++ app/Livewire/PostFeature.php | 12 +++++++ app/Livewire/Posts/FullImage.php | 25 +++++++++++++++ app/Livewire/Posts/Image.php | 2 +- resources/css/app.css | 5 +++ .../views/components/layouts/app.blade.php | 6 +++- resources/views/livewire/app/footer.blade.php | 12 +++++++ resources/views/livewire/app/home.blade.php | 2 +- resources/views/livewire/app/navbar.blade.php | 10 +++++- resources/views/livewire/app/pfp.blade.php | 19 +++++------ .../views/livewire/app/user-card.blade.php | 13 ++++++++ .../views/livewire/pages/profile.blade.php | 7 ++-- .../views/livewire/pages/users.blade.php | 9 ++++++ .../views/livewire/posts/comment.blade.php | 28 ++++++++-------- .../views/livewire/posts/full-image.blade.php | 3 ++ resources/views/livewire/posts/view.blade.php | 18 ++++++++++- routes/web.php | 2 ++ 20 files changed, 202 insertions(+), 32 deletions(-) create mode 100644 app/Livewire/App/Footer.php create mode 100644 app/Livewire/App/UserCard.php create mode 100644 app/Livewire/Pages/Users.php create mode 100644 app/Livewire/Posts/FullImage.php create mode 100644 resources/views/livewire/app/footer.blade.php create mode 100644 resources/views/livewire/app/user-card.blade.php create mode 100644 resources/views/livewire/pages/users.blade.php create mode 100644 resources/views/livewire/posts/full-image.blade.php diff --git a/app/Livewire/App/Footer.php b/app/Livewire/App/Footer.php new file mode 100644 index 0000000..c5f80ce --- /dev/null +++ b/app/Livewire/App/Footer.php @@ -0,0 +1,13 @@ + +
+ +
+
+ + +
+ +HTML; + + } + + public function render() + { + return view('livewire.app.user-card'); + } +} diff --git a/app/Livewire/Pages/Users.php b/app/Livewire/Pages/Users.php new file mode 100644 index 0000000..2e92c01 --- /dev/null +++ b/app/Livewire/Pages/Users.php @@ -0,0 +1,14 @@ + User::all() ]); + } +} diff --git a/app/Livewire/PostFeature.php b/app/Livewire/PostFeature.php index 9bf3b5b..c426e06 100644 --- a/app/Livewire/PostFeature.php +++ b/app/Livewire/PostFeature.php @@ -20,6 +20,18 @@ class PostFeature extends Component })->first(); } + public function placeholder() + { + return << +
+ +
+ +HTML; + + } + public function render() { if ($this->post == null) diff --git a/app/Livewire/Posts/FullImage.php b/app/Livewire/Posts/FullImage.php new file mode 100644 index 0000000..5337771 --- /dev/null +++ b/app/Livewire/Posts/FullImage.php @@ -0,0 +1,25 @@ + + + +HTML; + } + + public function render() + { + return view('livewire.posts.full-image'); + } +} diff --git a/app/Livewire/Posts/Image.php b/app/Livewire/Posts/Image.php index 1bd03cb..4af36d1 100644 --- a/app/Livewire/Posts/Image.php +++ b/app/Livewire/Posts/Image.php @@ -14,7 +14,7 @@ class Image extends Component return <<<'HTML'
HTML; diff --git a/resources/css/app.css b/resources/css/app.css index d98e724..ceda652 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -45,6 +45,11 @@ wa-page[view='mobile'] { border-block-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border); } +[slot='footer'] { + --wa-link-decoration-default: none; + border-block-start: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border); +} + @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php'; @source '../../storage/framework/views/*.php'; @source '../**/*.blade.php'; diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php index d48a34d..0e547fb 100644 --- a/resources/views/components/layouts/app.blade.php +++ b/resources/views/components/layouts/app.blade.php @@ -1,5 +1,5 @@ - + @@ -19,6 +19,10 @@
{{ $slot }}
+ + @stack('modals') diff --git a/resources/views/livewire/app/footer.blade.php b/resources/views/livewire/app/footer.blade.php new file mode 100644 index 0000000..1d8d834 --- /dev/null +++ b/resources/views/livewire/app/footer.blade.php @@ -0,0 +1,12 @@ +
+ + +
diff --git a/resources/views/livewire/app/home.blade.php b/resources/views/livewire/app/home.blade.php index 8287697..64bdb7a 100644 --- a/resources/views/livewire/app/home.blade.php +++ b/resources/views/livewire/app/home.blade.php @@ -11,5 +11,5 @@ @endauth - + diff --git a/resources/views/livewire/app/navbar.blade.php b/resources/views/livewire/app/navbar.blade.php index e24b0c4..98ee452 100644 --- a/resources/views/livewire/app/navbar.blade.php +++ b/resources/views/livewire/app/navbar.blade.php @@ -23,6 +23,11 @@ Tags + + + + Users + @endauth @@ -41,7 +46,10 @@ {{ Auth::user()->name }} - + + + Sign out + @endauth diff --git a/resources/views/livewire/app/pfp.blade.php b/resources/views/livewire/app/pfp.blade.php index fb157ea..6767b75 100644 --- a/resources/views/livewire/app/pfp.blade.php +++ b/resources/views/livewire/app/pfp.blade.php @@ -1,11 +1,8 @@ -@php use Illuminate\Support\Facades\Storage; @endphp -
- id")) - image="{{ $user->getAvatarBase64() }}" - @endif - label="avatar for {{ $user->name }}" - shape="{{ $shape }}" - style="--size: {{ $size }}" - > -
+id")) + image="{{ $user->getAvatarBase64() }}" + @endif + label="avatar for {{ $user->name }}" + shape="{{ $shape }}" + style="--size: {{ $size }}" +> diff --git a/resources/views/livewire/app/user-card.blade.php b/resources/views/livewire/app/user-card.blade.php new file mode 100644 index 0000000..78562cd --- /dev/null +++ b/resources/views/livewire/app/user-card.blade.php @@ -0,0 +1,13 @@ + diff --git a/resources/views/livewire/pages/profile.blade.php b/resources/views/livewire/pages/profile.blade.php index 140c864..cb9e224 100644 --- a/resources/views/livewire/pages/profile.blade.php +++ b/resources/views/livewire/pages/profile.blade.php @@ -1,8 +1,11 @@