feat(member): membuat layouting member
-membuat halaman overview -membuat routes sendiri
This commit is contained in:
Yoga Pangestu
parent
7fa46c0e9b
commit
c1702df327
17
app/Livewire/Customer/Dashboard/Overview.php
Normal file
17
app/Livewire/Customer/Dashboard/Overview.php
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Livewire\Customer\Dashboard;
|
||||||
|
|
||||||
|
use Livewire\Attributes\Layout;
|
||||||
|
use Livewire\Attributes\Title;
|
||||||
|
use Livewire\Component;
|
||||||
|
|
||||||
|
#[Title('Ringkasan')]
|
||||||
|
#[Layout('components.layouts.customer')]
|
||||||
|
class Overview extends Component
|
||||||
|
{
|
||||||
|
public function render()
|
||||||
|
{
|
||||||
|
return view('livewire.customer.dashboard.overview');
|
||||||
|
}
|
||||||
|
}
|
||||||
27
resources/views/components/layouts/customer.blade.php
Normal file
27
resources/views/components/layouts/customer.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.0">
|
||||||
|
<title>{{ $title }} | {{ config('app.name') }}</title>
|
||||||
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||||
|
@fluxAppearance
|
||||||
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
||||||
|
<link href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="min-h-screen bg-white dark:bg-zinc-800">
|
||||||
|
@include('components.partials.customer._sidebar')
|
||||||
|
@include('components.partials.customer._header')
|
||||||
|
|
||||||
|
@persist('toast')
|
||||||
|
<flux:toast position="bottom end" class="ps-6" />
|
||||||
|
@endpersist
|
||||||
|
|
||||||
|
{{ $slot }}
|
||||||
|
|
||||||
|
@fluxScripts
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
<flux:header class="bg-zinc-50 dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700">
|
||||||
|
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" />
|
||||||
|
<flux:brand logo="{{ asset('assets/images/logo.png') }}" name="Yadi Parfum" class="max-lg:hidden dark:hidden" />
|
||||||
|
<flux:brand logo="{{ asset('assets/images/dark-logo.png') }}" name="Yadi Parfum"
|
||||||
|
class="max-lg:hidden! hidden dark:flex" />
|
||||||
|
<flux:spacer />
|
||||||
|
<flux:navbar class="me-4">
|
||||||
|
<flux:navbar.item icon="bell" label="Notifikasi" />
|
||||||
|
<flux:navbar.item x-data x-on:click="$flux.dark = ! $flux.dark">
|
||||||
|
<template x-if="$flux.dark">
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
|
<flux:icon name="sun" class="w-5 h-5" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template x-if="!$flux.dark">
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
|
<flux:icon name="moon" class="w-5 h-5" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</flux:navbar.item>
|
||||||
|
</flux:navbar>
|
||||||
|
<flux:dropdown position="top" align="end">
|
||||||
|
<flux:avatar circle size="sm" src="https://unavatar.io/x/calebporzio" as="button" />
|
||||||
|
<flux:navmenu>
|
||||||
|
<flux:navmenu.item href="#" icon="cog">Pengaturan</flux:navmenu.item>
|
||||||
|
<flux:navmenu.item href="#" icon="paint-brush">Tema</flux:navmenu.item>
|
||||||
|
<flux:navmenu.item href="#" icon="chart-bar">Statistik</flux:navmenu.item>
|
||||||
|
<flux:menu.separator />
|
||||||
|
@livewire('auth.logout')
|
||||||
|
</flux:navmenu>
|
||||||
|
</flux:dropdown>
|
||||||
|
</flux:header>
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
<flux:sidebar sticky stashable
|
||||||
|
class="bg-zinc-50 dark:bg-zinc-900 border-r rtl:border-r-0 rtl:border-l border-zinc-200 dark:border-zinc-700">
|
||||||
|
<flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
|
||||||
|
<flux:brand logo="{{ asset('assets/images/logo.png') }}" name="Yadi Parfum" class="px-2 dark:hidden" />
|
||||||
|
<flux:brand logo="{{ asset('assets/images/dark-logo.png') }}" name="Yadi Parfum" class="px-2 hidden dark:flex" />
|
||||||
|
<flux:navlist variant="outline">
|
||||||
|
<flux:navlist.item icon="squares-plus" href="{{ route('customer.dashboard.overview') }}"
|
||||||
|
:current="request()->routeIs('customer.dashboard.overview')" wire:navigate.hover>
|
||||||
|
Ringkasan</flux:navlist.item>
|
||||||
|
</flux:navlist>
|
||||||
|
</flux:sidebar>
|
||||||
@ -0,0 +1,55 @@
|
|||||||
|
<flux:main>
|
||||||
|
<flux:heading size="xl" level="1">Haloo, {{ auth()->user()?->customer?->name }}</flux:heading>
|
||||||
|
<flux:text class="mb-6 mt-2 text-base">Selamat datang di Studio Yadi Parfum.</flux:text>
|
||||||
|
<flux:separator variant="subtle" />
|
||||||
|
|
||||||
|
<div class="mt-6 grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<flux:callout icon="envelope" color="rose" inline>
|
||||||
|
<flux:callout.heading> Silakan verifikasi email Anda agar bisa menikmati seluruh fitur kami.
|
||||||
|
</flux:callout.heading>
|
||||||
|
|
||||||
|
<x-slot name="actions">
|
||||||
|
<flux:button>Verifikasi -></flux:button>
|
||||||
|
</x-slot>
|
||||||
|
</flux:callout>
|
||||||
|
|
||||||
|
<flux:callout icon="star" color="purple" inline>
|
||||||
|
<flux:callout.heading> Temukan keuntungan eksklusif dan manfaat spesial sebagai member.
|
||||||
|
</flux:callout.heading>
|
||||||
|
|
||||||
|
<x-slot name="actions">
|
||||||
|
<flux:button>Lihat</flux:button>
|
||||||
|
</x-slot>
|
||||||
|
</flux:callout>
|
||||||
|
|
||||||
|
<flux:callout icon="user-group" color="blue">
|
||||||
|
<flux:callout.heading>
|
||||||
|
{{ auth()->user()?->membership?->tier?->name }}
|
||||||
|
<flux:badge color="emerald" size="sm" inset="top bottom">
|
||||||
|
{{ auth()->user()?->membership?->total_points }} Poin</flux:badge>
|
||||||
|
</flux:callout.heading>
|
||||||
|
|
||||||
|
<flux:callout.text>
|
||||||
|
<p>Undang teman dan dapatkan hadiah menarik!</p>
|
||||||
|
</flux:callout.text>
|
||||||
|
|
||||||
|
<x-slot name="actions">
|
||||||
|
<flux:button>Undang teman</flux:button>
|
||||||
|
<flux:button>Ambil Hadiah</flux:button>
|
||||||
|
</x-slot>
|
||||||
|
</flux:callout>
|
||||||
|
|
||||||
|
<flux:callout icon="magnifying-glass" color="emerald">
|
||||||
|
<flux:callout.heading>Jelajahi Produk Kami</flux:callout.heading>
|
||||||
|
|
||||||
|
<flux:callout.text>
|
||||||
|
Coba dan rasakan manfaat menggunakanan yadi parfum.
|
||||||
|
</flux:callout.text>
|
||||||
|
|
||||||
|
<x-slot name="actions">
|
||||||
|
<flux:button>Jelajadi</flux:button>
|
||||||
|
<flux:button>Tanya Ahli</flux:button>
|
||||||
|
</x-slot>
|
||||||
|
</flux:callout>
|
||||||
|
</div>
|
||||||
|
</flux:main>
|
||||||
14
routes/customer.php
Normal file
14
routes/customer.php
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
use App\Livewire\Customer\Dashboard\Overview;
|
||||||
|
use Illuminate\Support\Facades\Route;
|
||||||
|
|
||||||
|
Route::middleware('auth')
|
||||||
|
->prefix('customer')
|
||||||
|
->group(function () {
|
||||||
|
Route::prefix('dashboard')
|
||||||
|
->as('customer.dashboard.')
|
||||||
|
->group(function () {
|
||||||
|
Route::get('overview', Overview::class)->name('overview');
|
||||||
|
});
|
||||||
|
});
|
||||||
@ -18,6 +18,8 @@
|
|||||||
use App\Livewire\Studio\Master\User\Index as UserIndex;
|
use App\Livewire\Studio\Master\User\Index as UserIndex;
|
||||||
use Illuminate\Support\Facades\Route;
|
use Illuminate\Support\Facades\Route;
|
||||||
|
|
||||||
|
require __DIR__.'/customer.php';
|
||||||
|
|
||||||
Route::get('/', function () {
|
Route::get('/', function () {
|
||||||
return view('welcome');
|
return view('welcome');
|
||||||
})->name('homepage');
|
})->name('homepage');
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user