app-layout > layout
This commit is contained in:
parent
72b6b2c349
commit
fbc8bf9de4
GPG key ID:
B3C5488E9A1A7CA6
15 changed files with 42 additions and 100 deletions
|
|
@ -1,17 +0,0 @@
|
||||||
<?php
|
|
||||||
|
|
||||||
namespace App\View\Components;
|
|
||||||
|
|
||||||
use Illuminate\View\Component;
|
|
||||||
use Illuminate\View\View;
|
|
||||||
|
|
||||||
class AppLayout extends Component
|
|
||||||
{
|
|
||||||
/**
|
|
||||||
* Get the view / contents that represents the component.
|
|
||||||
*/
|
|
||||||
public function render(): View
|
|
||||||
{
|
|
||||||
return view('layouts.app');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
<?php
|
|
||||||
|
|
||||||
namespace App\View\Components;
|
|
||||||
|
|
||||||
use Illuminate\View\Component;
|
|
||||||
use Illuminate\View\View;
|
|
||||||
|
|
||||||
class GuestLayout extends Component
|
|
||||||
{
|
|
||||||
/**
|
|
||||||
* Get the view / contents that represents the component.
|
|
||||||
*/
|
|
||||||
public function render(): View
|
|
||||||
{
|
|
||||||
return view('layouts.guest');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<x-app-layout>
|
<x-layout>
|
||||||
<x-slot:title>Admin</x-slot>
|
<x-slot:title>Admin</x-slot>
|
||||||
|
|
||||||
<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-app-layout>
|
</x-layout>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<x-app-layout>
|
<x-layout>
|
||||||
<x-slot:title>Confirm Password</x-slot>
|
<x-slot:title>Confirm Password</x-slot>
|
||||||
|
|
||||||
<x-window title="Confirm Password">
|
<x-window title="Confirm Password">
|
||||||
|
|
@ -26,4 +26,4 @@
|
||||||
<button type="submit">Confirm</button>
|
<button type="submit">Confirm</button>
|
||||||
</form>
|
</form>
|
||||||
</x-window>
|
</x-window>
|
||||||
</x-app-layout>
|
</x-layout>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<x-app-layout>
|
<x-layout>
|
||||||
<x-slot:title>Login</x-slot>
|
<x-slot:title>Login</x-slot>
|
||||||
|
|
||||||
<x-window title="Login">
|
<x-window title="Login">
|
||||||
|
|
@ -51,4 +51,4 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</x-window>
|
</x-window>
|
||||||
</x-app-layout>
|
</x-layout>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<x-app-layout>
|
<x-layout>
|
||||||
<x-slot:title>New Category</x-slot>
|
<x-slot:title>New Category</x-slot>
|
||||||
|
|
||||||
<form action="{{ route('categories.store') }}" method="POST">
|
<form action="{{ route('categories.store') }}" method="POST">
|
||||||
|
|
@ -12,4 +12,4 @@
|
||||||
|
|
||||||
<button type="submit">Submit</button>
|
<button type="submit">Submit</button>
|
||||||
</form>
|
</form>
|
||||||
</x-app-layout>
|
</x-layout>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<x-app-layout>
|
<x-layout>
|
||||||
<x-slot:title>Categories</x-slot>
|
<x-slot:title>Categories</x-slot>
|
||||||
|
|
||||||
<div class="sunken-panel">
|
<div class="sunken-panel">
|
||||||
|
|
@ -27,4 +27,4 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href="{{ route('categories.create') }}">New</a>
|
<a href="{{ route('categories.create') }}">New</a>
|
||||||
</x-app-layout>
|
</x-layout>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<x-app-layout>
|
<x-layout>
|
||||||
<x-slot:title>
|
<x-slot:title>
|
||||||
Category: {{ $category->name }}
|
Category: {{ $category->name }}
|
||||||
</x-slot>
|
</x-slot>
|
||||||
|
|
||||||
<h2>{{ $category->name }}</h2>
|
<h2>{{ $category->name }}</h2>
|
||||||
<a href="{{ route('categories.index') }}">All</a>
|
<a href="{{ route('categories.index') }}">All</a>
|
||||||
</x-app-layout>
|
</x-layout>
|
||||||
|
|
|
||||||
27
resources/views/components/layout/layout.blade.php
Normal file
27
resources/views/components/layout/layout.blade.php
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="csrf-token" content="{{ csrf_token() }}" />
|
||||||
|
|
||||||
|
<title>
|
||||||
|
{{ config('app.name', 'Laravel') }} @isset($title)
|
||||||
|
- {{ $title }} @endisset
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- Scripts -->
|
||||||
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||||
|
|
||||||
|
<!-- polyfills -->
|
||||||
|
<script src="//polyfill.io/v3/polyfill.min.js?flags=gated&features=default,es5,es6,es7,matchMedia,IntersectionObserver,ResizeObserver,NodeList.prototype.forEach,HTMLTemplateElement,Element.prototype.closest,requestAnimationFrame,CustomEvent,URLSearchParams,queueMicrotask"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main class="max-w-[600px]">
|
||||||
|
{{ $slot }}
|
||||||
|
|
||||||
|
<x-layout.navigation />
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
||||||
@include('layouts.head')
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<main class="max-w-[600px]">
|
|
||||||
{{ $slot }}
|
|
||||||
|
|
||||||
@include('layouts.navigation')
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
||||||
@include('layouts.head')
|
|
||||||
|
|
||||||
<body class="h-screen">
|
|
||||||
<div class="m-auto w-1/4">
|
|
||||||
<a href="/">
|
|
||||||
<x-application-logo class="w-48" />
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<div class="window">
|
|
||||||
<div class="title-bar">
|
|
||||||
<div class="title-bar-text">
|
|
||||||
@isset($title)
|
|
||||||
{{ $title }}
|
|
||||||
@endisset
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="window-body">{{ $slot }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<meta name="csrf-token" content="{{ csrf_token() }}" />
|
|
||||||
|
|
||||||
<title>
|
|
||||||
{{ config('app.name', 'Laravel') }} @isset($title)
|
|
||||||
- {{ $title }} @endisset
|
|
||||||
</title>
|
|
||||||
|
|
||||||
<!-- Scripts -->
|
|
||||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
|
||||||
|
|
||||||
<!-- polyfills -->
|
|
||||||
<script src="//polyfill.io/v3/polyfill.min.js?flags=gated&features=default,es5,es6,es7,matchMedia,IntersectionObserver,ResizeObserver,NodeList.prototype.forEach,HTMLTemplateElement,Element.prototype.closest,requestAnimationFrame,CustomEvent,URLSearchParams,queueMicrotask"></script>
|
|
||||||
</head>
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<x-app-layout>
|
<x-layout>
|
||||||
<x-slot:title>Profile</x-slot>
|
<x-slot:title>Profile</x-slot>
|
||||||
|
|
||||||
@include('profile.partials.update-profile-information-form')
|
@include('profile.partials.update-profile-information-form')
|
||||||
@include('profile.partials.update-password-form')
|
@include('profile.partials.update-password-form')
|
||||||
</x-app-layout>
|
</x-layout>
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
<x-app-layout></x-app-layout>
|
<x-layout></x-layout>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue