punkfairie/retrofairie
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

layouts

Browse source
This commit is contained in:
punkfairie 2025-02-23 11:52:18 -08:00
parent fbc8bf9de4
commit 7971abee3d
Signed by: punkfairie
GPG key ID: B3C5488E9A1A7CA6
17 changed files with 251 additions and 239 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/css/app.css
View file

@ -73,6 +73,10 @@ @layer components {
cursor: pointer; cursor: pointer;
} }
.window:not(:last-child) {
margin-bottom: 1rem;
}
.window hr { .window hr {
height: 1px; height: 1px;
border-top: 1px solid var(--button-shadow); border-top: 1px solid var(--button-shadow);

6
resources/views/admin.blade.php
View file

@ -1,7 +1,7 @@
<x-layout> <x-layout title="Admin">
<x-slot:title>Admin</x-slot> <x-window>
<p>You're logged in!</p> <p>You're logged in!</p>
<a href="{{ route('categories.index') }}">Categories</a> <a href="{{ route('categories.index') }}">Categories</a>
</x-window>
</x-layout> </x-layout>

6
resources/views/auth/confirm-password.blade.php
View file

@ -1,7 +1,5 @@
<x-layout> <x-layout title="Confirm Password">
<x-slot:title>Confirm Password</x-slot> <x-window>
<x-window title="Confirm Password">
<div> <div>
This is a secure area of the application. Please confirm your password This is a secure area of the application. Please confirm your password
before continuing. before continuing.

14
resources/views/auth/forgot-password.blade.php
View file

@ -1,10 +1,9 @@
<x-guest-layout> <x-layout title="Forgot Password">
<x-slot:title>Forgot Password</x-slot> <x-window>
<div> <div>
Forgot your password? No problem. Just let us know your email address and we Forgot your password? No problem. Just let us know your email address and
will email you a password reset link that will allow you to choose a new we will email you a password reset link that will allow you to choose a
one. new one.
</div> </div>
<!-- Session Status --> <!-- Session Status -->
@ -28,4 +27,5 @@
<button type="submit">Email Password Reset Link</button> <button type="submit">Email Password Reset Link</button>
</form> </form>
</x-guest-layout> </x-window>
</x-layout>

6
resources/views/auth/login.blade.php
View file

@ -1,7 +1,5 @@
<x-layout> <x-layout title="Login">
<x-slot:title>Login</x-slot> <x-window>
<x-window title="Login">
<!-- Session Status --> <!-- Session Status -->
<x-auth-session-status :status="session('status')" /> <x-auth-session-status :status="session('status')" />

8
resources/views/auth/register.blade.php
View file

@ -1,6 +1,5 @@
<x-guest-layout> <x-layout title="Register">
<x-slot:title>Register</x-slot> <x-window>
<form method="POST" action="{{ route('register') }}"> <form method="POST" action="{{ route('register') }}">
@csrf @csrf
@ -69,4 +68,5 @@
<button type="submit">Register</button> <button type="submit">Register</button>
</div> </div>
</form> </form>
</x-guest-layout> </x-window>
</x-layout>

14
resources/views/auth/reset-password.blade.php
View file

@ -1,11 +1,14 @@
<x-guest-layout> <x-layout title="Reset Password">
<x-slot:title>Reset Password</x-slot> <x-window>
<form method="POST" action="{{ route('password.store') }}"> <form method="POST" action="{{ route('password.store') }}">
@csrf @csrf
<!-- Password Reset Token --> <!-- Password Reset Token -->
<input type="hidden" name="token" value="{{ $request->route('token') }}" /> <input
type="hidden"
name="token"
value="{{ $request->route('token') }}"
/>
<!-- Email Address --> <!-- Email Address -->
<div class="field-row"> <div class="field-row">
@ -52,4 +55,5 @@
<button type="submit">Reset Password</button> <button type="submit">Reset Password</button>
</form> </form>
</x-guest-layout> </x-window>
</x-layout>

8
resources/views/auth/verify-email.blade.php
View file

@ -1,6 +1,5 @@
<x-guest-layout> <x-layout title="Verify Email">
<x-slot:title>Verify Email</x-slot> <x-window>
<p> <p>
Thanks for signing up! Before getting started, could you verify your email Thanks for signing up! Before getting started, could you verify your email
address by clicking on the link we just emailed to you? If you didn't address by clicking on the link we just emailed to you? If you didn't
@ -29,4 +28,5 @@
<button type="submit">Log Out</button> <button type="submit">Log Out</button>
</form> </form>
</div> </div>
</x-guest-layout> </x-window>
</x-layout>

6
resources/views/categories/create.blade.php
View file

@ -1,6 +1,5 @@
<x-layout> <x-layout title="New Category">
<x-slot:title>New Category</x-slot> <x-window>
<form action="{{ route('categories.store') }}" method="POST"> <form action="{{ route('categories.store') }}" method="POST">
@csrf @csrf
@ -12,4 +11,5 @@
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>
</x-window>
</x-layout> </x-layout>

17
resources/views/categories/index.blade.php
View file

@ -1,6 +1,5 @@
<x-layout> <x-layout title="Categories">
<x-slot:title>Categories</x-slot> <x-window>
<div class="sunken-panel"> <div class="sunken-panel">
<table class="interactive"> <table class="interactive">
<thead> <thead>
@ -9,7 +8,10 @@
<th>Actions</th> <th>Actions</th>
</tr> </tr>
</thead> </thead>
<tbody x-data="{ hovered: null }" x-on:mouseleave="hovered = null"> <tbody
x-data="{ hovered: null }"
x-on:mouseleave="hovered = null"
>
@foreach ($categories as $category) @foreach ($categories as $category)
<tr <tr
id="{{ $category->id }}" id="{{ $category->id }}"
@ -18,7 +20,9 @@
> >
<td>{{ $category->name }}</td> <td>{{ $category->name }}</td>
<td> <td>
<a href="{{ route('categories.show', $category->id) }}">View</a> <a href="{{ route('categories.show', $category->id) }}">
View
</a>
</td> </td>
</tr> </tr>
@endforeach @endforeach
@ -26,5 +30,6 @@
</table> </table>
</div> </div>
<a href="{{ route('categories.create') }}">New</a> <a href="{{ route('categories.create') }}" class="button">New</a>
</x-window>
</x-layout> </x-layout>

9
resources/views/categories/show.blade.php
View file

@ -1,8 +1,5 @@
<x-layout> <x-layout :title="'Category: '. $category->name">
<x-slot:title> <x-window>
Category: {{ $category->name }}
</x-slot>
<h2>{{ $category->name }}</h2>
<a href="{{ route('categories.index') }}">All</a> <a href="{{ route('categories.index') }}">All</a>
</x-window>
</x-layout> </x-layout>

4
resources/views/components/layout/layout.blade.php
View file

@ -1,3 +1,7 @@
@props([
'title',
])
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> <head>

7
resources/views/components/window/window.blade.php
View file

@ -1,5 +1,4 @@
@props([ @props([
'title',
'minimize' => true, 'minimize' => true,
'maximize' => false, 'maximize' => false,
'restore' => true, 'restore' => true,
@ -7,6 +6,10 @@
'close' => true, 'close' => true,
]) ])
@aware([
'title' => config('app.name', 'Laravel'),
])
@php @php
if ($restore) { if ($restore) {
$maximize = false; $maximize = false;
@ -15,9 +18,7 @@
<div {{ $attributes->merge(['class' => 'window']) }}> <div {{ $attributes->merge(['class' => 'window']) }}>
<div class="title-bar"> <div class="title-bar">
@isset($title)
<div class="title-bar-text">{{ $title }}</div> <div class="title-bar-text">{{ $title }}</div>
@endisset
@if ($minimize || $maximize || $restore || $help || $close) @if ($minimize || $maximize || $restore || $help || $close)
<div class="title-bar-controls"> <div class="title-bar-controls">

9
resources/views/profile/edit.blade.php
View file

@ -1,6 +1,9 @@
<x-layout> <x-layout title="Profile">
<x-slot:title>Profile</x-slot> <x-window title="Profile Information">
@include('profile.partials.update-profile-information-form') @include('profile.partials.update-profile-information-form')
</x-window>
<x-window title="Update Password">
@include('profile.partials.update-password-form') @include('profile.partials.update-password-form')
</x-window>
</x-layout> </x-layout>

2
resources/views/profile/partials/update-password-form.blade.php
View file

@ -1,5 +1,3 @@
<p>Update Password</p>
<p>Ensure your account is using a long, random password to stay secure.</p> <p>Ensure your account is using a long, random password to stay secure.</p>
<form method="post" action="{{ route('password.update') }}"> <form method="post" action="{{ route('password.update') }}">

2
resources/views/profile/partials/update-profile-information-form.blade.php
View file

@ -1,5 +1,3 @@
<h2>Profile Information</h2>
<p>Update your account's profile information and email address.</p> <p>Update your account's profile information and email address.</p>
<form <form

4
resources/views/welcome.blade.php
View file

@ -1 +1,3 @@
<x-layout></x-layout> <x-layout>
<x-window>Welcome!</x-window>
</x-layout>