mirror of
https://github.com/usetrmnl/byos_laravel.git
synced 2026-01-13 23:18:10 +00:00
Compare commits
3 commits
eacb891cba
...
55b188a7e8
| Author | SHA1 | Date | |
|---|---|---|---|
|
55b188a7e8 | ||
|
|
9f23a7a48e | ||
|
|
393fa9598c |
6 changed files with 48 additions and 142 deletions
|
|
@ -4,6 +4,8 @@
|
|||
@include('partials.head')
|
||||
</head>
|
||||
<body class="min-h-screen bg-white dark:bg-zinc-800">
|
||||
|
||||
<!-- Desktop Header Menu -->
|
||||
<flux:header container class="border-b border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
|
||||
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left"/>
|
||||
|
||||
|
|
@ -66,7 +68,8 @@
|
|||
<flux:menu.separator/>
|
||||
|
||||
<flux:menu.radio.group>
|
||||
<flux:menu.item href="/settings/preferences" wire:navigate icon="cog">Settings</flux:menu.item>
|
||||
<flux:menu.item href="{{ route('settings.preferences') }}" wire:navigate icon="cog">Settings</flux:menu.item>
|
||||
<flux:menu.item href="{{ route('settings.support') }}" wire:navigate icon="heart">Support</flux:menu.item>
|
||||
</flux:menu.radio.group>
|
||||
|
||||
<flux:menu.separator/>
|
||||
|
|
@ -91,23 +94,23 @@
|
|||
</a>
|
||||
|
||||
<flux:navlist variant="outline">
|
||||
<flux:navlist.group heading="Platform">
|
||||
<flux:navlist.group heading="Menu">
|
||||
<flux:navlist.item icon="layout-grid" href="{{ route('dashboard') }}" wire:navigate
|
||||
:current="request()->routeIs('dashboard')" class="m-2">
|
||||
Dashboard
|
||||
</flux:navlist.item>
|
||||
<flux:navbar.item icon="trmnl" href="{{ route('devices') }}" wire:navigate
|
||||
<flux:navlist.item icon="trmnl" href="{{ route('devices') }}" wire:navigate
|
||||
:current="request()->routeIs('devices')" class="m-2">
|
||||
Devices
|
||||
</flux:navbar.item>
|
||||
<flux:navbar.item icon="puzzle-piece" href="{{ route('plugins.index') }}" wire:navigate
|
||||
</flux:navlist.item>
|
||||
<flux:navlist.item icon="puzzle-piece" href="{{ route('plugins.index') }}" wire:navigate
|
||||
:current="request()->routeIs('plugins.index')" class="m-2">
|
||||
Plugins & Recipes
|
||||
</flux:navbar.item>
|
||||
<flux:navbar.item icon="play" href="{{ route('playlists.index') }}" wire:navigate
|
||||
</flux:navlist.item>
|
||||
<flux:navlist.item icon="play" href="{{ route('playlists.index') }}" wire:navigate
|
||||
:current="request()->routeIs('playlists.index')" class="m-2">
|
||||
Playlists
|
||||
</flux:navbar.item>
|
||||
</flux:navlist.item>
|
||||
</flux:navlist.group>
|
||||
</flux:navlist>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,132 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
|
||||
<head>
|
||||
@include('partials.head')
|
||||
</head>
|
||||
<body class="min-h-screen bg-white dark:bg-zinc-800">
|
||||
<flux:sidebar sticky stashable class="border-r border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
|
||||
<flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
|
||||
|
||||
<a href="{{ route('dashboard') }}" wire:navigate class="mr-5 flex items-center space-x-2">
|
||||
<x-app-logo class="size-8" href="#"></x-app-logo>
|
||||
</a>
|
||||
|
||||
<flux:navlist variant="outline">
|
||||
<flux:navlist.group heading="Platform" class="grid">
|
||||
<flux:navlist.item icon="home" :href="route('dashboard')" wire:navigate :current="request()->routeIs('dashboard')">Dashboard</flux:navlist.item>
|
||||
</flux:navlist.group>
|
||||
</flux:navlist>
|
||||
|
||||
<flux:spacer />
|
||||
|
||||
<flux:navlist variant="outline">
|
||||
<flux:navlist.item icon="folder-git-2" href="https://github.com/laravel/livewire-starter-kit" target="_blank">
|
||||
Repository
|
||||
</flux:navlist.item>
|
||||
|
||||
<flux:navlist.item icon="book-open-text" href="https://laravel.com/docs/starter-kits" target="_blank">
|
||||
Documentation
|
||||
</flux:navlist.item>
|
||||
</flux:navlist>
|
||||
|
||||
<!-- Desktop User Menu -->
|
||||
<flux:dropdown position="bottom" align="start">
|
||||
<flux:profile
|
||||
:name="auth()->user()->name"
|
||||
:initials="auth()->user()->initials()"
|
||||
icon-trailing="chevrons-up-down"
|
||||
/>
|
||||
|
||||
<flux:menu class="w-[220px]">
|
||||
<flux:menu.radio.group>
|
||||
<div class="p-0 text-sm font-normal">
|
||||
<div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
|
||||
<span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
|
||||
<span
|
||||
class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
|
||||
>
|
||||
{{ auth()->user()->initials() }}
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<div class="grid flex-1 text-left text-sm leading-tight">
|
||||
<span class="truncate font-semibold">{{ auth()->user()->name }}</span>
|
||||
<span class="truncate text-xs">{{ auth()->user()->email }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</flux:menu.radio.group>
|
||||
|
||||
<flux:menu.separator />
|
||||
|
||||
<flux:menu.radio.group>
|
||||
<flux:menu.item href="/settings/profile" icon="cog">Settings</flux:menu.item>
|
||||
</flux:menu.radio.group>
|
||||
|
||||
<flux:menu.separator />
|
||||
|
||||
<form method="POST" action="{{ route('logout') }}" class="w-full">
|
||||
@csrf
|
||||
<flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
|
||||
{{ __('Log Out') }}
|
||||
</flux:menu.item>
|
||||
</form>
|
||||
</flux:menu>
|
||||
</flux:dropdown>
|
||||
</flux:sidebar>
|
||||
|
||||
<!-- Mobile User Menu -->
|
||||
<flux:header class="lg:hidden">
|
||||
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
|
||||
|
||||
<flux:spacer />
|
||||
|
||||
<flux:dropdown position="top" align="end">
|
||||
<flux:profile
|
||||
:initials="auth()->user()->initials()"
|
||||
icon-trailing="chevron-down"
|
||||
/>
|
||||
|
||||
<flux:menu>
|
||||
<flux:menu.radio.group>
|
||||
<div class="p-0 text-sm font-normal">
|
||||
<div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
|
||||
<span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
|
||||
<span
|
||||
class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
|
||||
>
|
||||
{{ auth()->user()->initials() }}
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<div class="grid flex-1 text-left text-sm leading-tight">
|
||||
<span class="truncate font-semibold">{{ auth()->user()->name }}</span>
|
||||
<span class="truncate text-xs">{{ auth()->user()->email }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</flux:menu.radio.group>
|
||||
|
||||
<flux:menu.separator />
|
||||
|
||||
<flux:menu.radio.group>
|
||||
<flux:menu.item href="/settings/profile" icon="cog">Settings</flux:menu.item>
|
||||
</flux:menu.radio.group>
|
||||
|
||||
<flux:menu.separator />
|
||||
|
||||
<form method="POST" action="{{ route('logout') }}" class="w-full">
|
||||
@csrf
|
||||
<flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
|
||||
{{ __('Log Out') }}
|
||||
</flux:menu.item>
|
||||
</form>
|
||||
</flux:menu>
|
||||
</flux:dropdown>
|
||||
</flux:header>
|
||||
|
||||
{{ $slot }}
|
||||
|
||||
@fluxScripts
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -5,6 +5,7 @@
|
|||
<flux:navlist.item href="{{ route('settings.profile') }}" wire:navigate>Profile</flux:navlist.item>
|
||||
<flux:navlist.item href="{{ route('settings.password') }}" wire:navigate>Password</flux:navlist.item>
|
||||
<flux:navlist.item href="{{ route('settings.appearance') }}" wire:navigate>Appearance</flux:navlist.item>
|
||||
<flux:navlist.item href="{{ route('settings.support') }}" wire:navigate>Support</flux:navlist.item>
|
||||
</flux:navlist>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
33
resources/views/livewire/settings/support.blade.php
Normal file
33
resources/views/livewire/settings/support.blade.php
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<section class="w-full">
|
||||
@include('partials.settings-heading')
|
||||
|
||||
<x-settings.layout heading="Support" subheading="Support the development of this project">
|
||||
|
||||
<div class="flex items-center gap-4">
|
||||
<div class="flex items-center justify-end gap-2">
|
||||
<flux:button class="w-42"
|
||||
href="https://github.com/sponsors/bnussbau"
|
||||
target="_blank"
|
||||
icon:trailing="arrow-up-right">{{ __('GitHub Sponsors') }}</flux:button>
|
||||
<flux:button class="w-42"
|
||||
href="https://www.buymeacoffee.com/bnussbau"
|
||||
target="_blank"
|
||||
icon:trailing="arrow-up-right">{{ __('Buy me a coffee') }}</flux:button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative mt-10">
|
||||
<flux:heading>{{ __('Referral Code') }}</flux:heading>
|
||||
<flux:subheading>{{ __('Use the code to receive a $15 discount on your TRMNL device purchase.') }}</flux:subheading>
|
||||
|
||||
<div class="mt-3 flex items-center justify-start gap-2">
|
||||
<flux:input value="laravel-trmnl" readonly copyable class="max-w-42"/>
|
||||
<flux:button class="w-42"
|
||||
href="https://usetrmnl.com/?ref=laravel-trmnl"
|
||||
target="_blank"
|
||||
icon:trailing="arrow-up-right">{{ __('Referral link') }}</flux:button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</x-settings.layout>
|
||||
</section>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<script src="https://code.highcharts.com/highcharts.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/chartkick@5.0.1/dist/chartkick.min.js"></script>
|
||||
<script src="https://usetrmnl.com/js/highcharts/12.3.0/highcharts.js"></script>
|
||||
<script src="https://usetrmnl.com/js/chartkick/5.0.1/chartkick.min.js"></script>
|
||||
|
||||
<div class="view view--{{ size }}">
|
||||
<div class="layout layout--col gap--space-between">
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@ Route::middleware(['auth'])->group(function () {
|
|||
Volt::route('settings/profile', 'settings.profile')->name('settings.profile');
|
||||
Volt::route('settings/password', 'settings.password')->name('settings.password');
|
||||
Volt::route('settings/appearance', 'settings.appearance')->name('settings.appearance');
|
||||
Volt::route('settings/support', 'settings.support')->name('settings.support');
|
||||
|
||||
Volt::route('/dashboard', 'device-dashboard')->name('dashboard');
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue