refactor(components): Replace wire:navigate.hover with wire:navigate in various Blade components for improved consistency in navigation handling.
This commit is contained in:
parent
9bb9164ac1
commit
877c5ea061
@ -1,4 +1,4 @@
|
||||
<flux:tooltip content="Ubah">
|
||||
<flux:button href="{{ $editRoute }}" wire:navigate.hover variant="primary" color="yellow" icon="pencil-square"
|
||||
<flux:button href="{{ $editRoute }}" wire:navigate variant="primary" color="yellow" icon="pencil-square"
|
||||
size="sm"></flux:button>
|
||||
</flux:tooltip>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<flux:tooltip content="{{ $tooltip }}">
|
||||
<flux:button wire:navigate.hover variant="primary" color="{{ $color }}" icon="{{ $icon }}" size="sm"
|
||||
<flux:button wire:navigate variant="primary" color="{{ $color }}" icon="{{ $icon }}" size="sm"
|
||||
wire:click="$dispatch('fn:sortOrder', {'{{ $module }}': '{{ $id }}', direction: '{{ $direction }}'})">
|
||||
</flux:button>
|
||||
</flux:tooltip>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.catalog.' . $module . '.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.catalog.' . $module . '.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -6,7 +6,8 @@ class="fixed top-0 left-0 w-full p-4 lg:px-10 flex justify-between items-center
|
||||
class="rounded-full w-10 h-10 flex items-center justify-center hover:bg-white/10 transition-colors relative group">
|
||||
|
||||
<svg id="hamburger-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
|
||||
stroke-width="1.5" stroke="currentColor" class="size-6 text-home-foreground transition-colors duration-300">
|
||||
stroke-width="1.5" stroke="currentColor"
|
||||
class="size-6 text-home-foreground transition-colors duration-300">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
||||
</svg>
|
||||
|
||||
|
||||
@ -7,13 +7,13 @@ class="bg-zinc-50 dark:bg-zinc-900 border-r rtl:border-r-0 rtl:border-l border-z
|
||||
<div class="mb-1">
|
||||
<div class="grid gap-2">
|
||||
<flux:navlist.item icon="squares-plus" href="{{ route('member.overview') }}"
|
||||
:current="request()->routeIs('member.overview')" wire:navigate.hover>
|
||||
:current="request()->routeIs('member.overview')" wire:navigate>
|
||||
Ringkasan</flux:navlist.item>
|
||||
<flux:navlist.item icon="ticket" href="{{ route('member.voucher') }}"
|
||||
:current="request()->routeIs('member.voucher')" wire:navigate.hover>
|
||||
:current="request()->routeIs('member.voucher')" wire:navigate>
|
||||
Voucher</flux:navlist.item>
|
||||
<flux:navlist.item icon="user-circle" href="{{ route('member.membership') }}"
|
||||
:current="request()->routeIs('member.membership')" wire:navigate.hover>
|
||||
:current="request()->routeIs('member.membership')" wire:navigate>
|
||||
Membership</flux:navlist.item>
|
||||
|
||||
@if (auth()->user()->permission('view studio overview'))
|
||||
|
||||
@ -23,7 +23,7 @@ class="max-lg:hidden! hidden dark:flex" />
|
||||
<flux:dropdown position="top" align="end">
|
||||
<flux:profile circle name="{{ $profileName }}" />
|
||||
<flux:navmenu>
|
||||
<flux:navmenu.item href="{{ $settingsRoute }}" icon="cog" wire:navigate.hover>
|
||||
<flux:navmenu.item href="{{ $settingsRoute }}" icon="cog" wire:navigate>
|
||||
Pengaturan
|
||||
</flux:navmenu.item>
|
||||
<flux:menu.separator />
|
||||
|
||||
@ -25,13 +25,13 @@ class="bg-zinc-50 dark:bg-zinc-900 border-r rtl:border-r-0 rtl:border-l border-z
|
||||
|
||||
@if ($hasBadge)
|
||||
<flux:navlist.item icon="{{ $item['icon'] }}" href="{{ route($item['route']) }}"
|
||||
:current="request()->routeIs($item['match'])" wire:navigate.hover
|
||||
:current="request()->routeIs($item['match'])" wire:navigate
|
||||
badge="{{ $item['badge'] }}">
|
||||
{{ $item['label'] }}
|
||||
</flux:navlist.item>
|
||||
@else
|
||||
<flux:navlist.item icon="{{ $item['icon'] }}" href="{{ route($item['route']) }}"
|
||||
:current="request()->routeIs($item['match'])" wire:navigate.hover>
|
||||
:current="request()->routeIs($item['match'])" wire:navigate>
|
||||
{{ $item['label'] }}
|
||||
</flux:navlist.item>
|
||||
@endif
|
||||
@ -41,7 +41,7 @@ class="bg-zinc-50 dark:bg-zinc-900 border-r rtl:border-r-0 rtl:border-l border-z
|
||||
@else
|
||||
@foreach ($items as $item)
|
||||
<flux:navlist.item icon="{{ $item['icon'] }}" href="{{ route($item['route']) }}"
|
||||
:current="request()->routeIs($item['match'])" wire:navigate.hover>
|
||||
:current="request()->routeIs($item['match'])" wire:navigate>
|
||||
{{ $item['label'] }}
|
||||
</flux:navlist.item>
|
||||
@endforeach
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="flex-1 flex justify-center items-center">
|
||||
<div class="w-80 md:w-100 space-y-6">
|
||||
<div class="flex justify-center opacity-50">
|
||||
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate.hover>
|
||||
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate>
|
||||
<x-slot name="logo">
|
||||
<div
|
||||
class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-center justify-center">
|
||||
@ -29,7 +29,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
|
||||
</flux:button>
|
||||
</div>
|
||||
<flux:subheading class="text-center">
|
||||
Sudah ingat kata sandi? <flux:link href="{{ route('login') }}" wire:navigate.hover>Masuk
|
||||
Sudah ingat kata sandi? <flux:link href="{{ route('login') }}" wire:navigate>Masuk
|
||||
</flux:link>
|
||||
</flux:subheading>
|
||||
</div>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="flex-1 flex justify-center items-center">
|
||||
<div class="w-80 md:w-100 space-y-6">
|
||||
<div class="flex justify-center opacity-50">
|
||||
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate.hover>
|
||||
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate>
|
||||
<x-slot name="logo">
|
||||
<div
|
||||
class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-center justify-center">
|
||||
@ -20,8 +20,8 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
|
||||
<div class="flex flex-col gap-6">
|
||||
<flux:field>
|
||||
<flux:label>Nama Pengguna atau Email <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input wire:model="form.login" type="text" placeholder="johndoe / info.pangestuyoga@gmail.com"
|
||||
autocomplete="off" />
|
||||
<flux:input wire:model="form.login" type="text"
|
||||
placeholder="johndoe / info.pangestuyoga@gmail.com" autocomplete="off" />
|
||||
<flux:error name="form.login" />
|
||||
</flux:field>
|
||||
|
||||
@ -30,7 +30,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
|
||||
<flux:label>Kata Sandi <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
|
||||
<flux:link href="{{ route('password.request') }}" variant="subtle" class="text-sm"
|
||||
wire:navigate.hover>Lupa kata
|
||||
wire:navigate>Lupa kata
|
||||
sandi?</flux:link>
|
||||
</div>
|
||||
|
||||
@ -42,7 +42,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
|
||||
<flux:button variant="primary" class="w-full cursor-pointer" wire:click="auth">Masuk</flux:button>
|
||||
</div>
|
||||
<flux:subheading class="text-center">
|
||||
Nikmati berbagai keuntungan! <flux:link href="{{ route('register') }}" wire:navigate.hover>Daftar
|
||||
Nikmati berbagai keuntungan! <flux:link href="{{ route('register') }}" wire:navigate>Daftar
|
||||
sekarang.
|
||||
</flux:link>
|
||||
</flux:subheading>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="flex-1 flex justify-center items-center">
|
||||
<div class="w-80 md:w-100 space-y-6">
|
||||
<div class="flex justify-center opacity-50">
|
||||
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate.hover>
|
||||
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate>
|
||||
<x-slot name="logo">
|
||||
<div
|
||||
class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-center justify-center">
|
||||
@ -144,7 +144,7 @@ class="transition-all duration-500 ease-in-out {{ $currentStep === $step['id'] ?
|
||||
</div>
|
||||
|
||||
<flux:subheading class="text-center mt-8">
|
||||
Sudah punya akun? <flux:link href="{{ route('login') }}" wire:navigate.hover>Masuk sekarang.
|
||||
Sudah punya akun? <flux:link href="{{ route('login') }}" wire:navigate>Masuk sekarang.
|
||||
</flux:link>
|
||||
</flux:subheading>
|
||||
</div>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="flex-1 flex justify-center items-center">
|
||||
<div class="w-80 md:w-100 space-y-6">
|
||||
<div class="flex justify-center opacity-50">
|
||||
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate.hover>
|
||||
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate>
|
||||
<x-slot name="logo">
|
||||
<div
|
||||
class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-center justify-center">
|
||||
@ -36,7 +36,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
|
||||
</div>
|
||||
|
||||
<flux:subheading class="text-center">
|
||||
Sudah ingat kata sandi? <flux:link href="{{ route('login') }}" wire:navigate.hover>Masuk
|
||||
Sudah ingat kata sandi? <flux:link href="{{ route('login') }}" wire:navigate>Masuk
|
||||
</flux:link>
|
||||
</flux:subheading>
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.catalog.bottle.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.catalog.bottle.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</div>
|
||||
@can('create bottle')
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.catalog.bottle.create') }}" variant="primary" wire:navigate.hover
|
||||
<flux:button href="{{ route('studio.catalog.bottle.create') }}" variant="primary" wire:navigate
|
||||
class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.catalog.perfume.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.catalog.perfume.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</div>
|
||||
@can('create perfume')
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.catalog.perfume.create') }}" variant="primary" wire:navigate.hover
|
||||
<flux:button href="{{ route('studio.catalog.perfume.create') }}" variant="primary" wire:navigate
|
||||
class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.catalog.product.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.catalog.product.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</div>
|
||||
@can('create product')
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.catalog.product.create') }}" variant="primary" wire:navigate.hover
|
||||
<flux:button href="{{ route('studio.catalog.product.create') }}" variant="primary" wire:navigate
|
||||
class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.loyalty.voucher.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.loyalty.voucher.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</div>
|
||||
@can('create voucher')
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.loyalty.voucher.create') }}" variant="primary" wire:navigate.hover
|
||||
<flux:button href="{{ route('studio.loyalty.voucher.create') }}" variant="primary" wire:navigate
|
||||
class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.manage.article.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.manage.article.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</div>
|
||||
@can('create article')
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.manage.article.create') }}" variant="primary" wire:navigate.hover
|
||||
<flux:button href="{{ route('studio.manage.article.create') }}" variant="primary" wire:navigate
|
||||
class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.manage.order.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.manage.order.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,8 +5,7 @@
|
||||
</div>
|
||||
@can('create order')
|
||||
<div class="flex">
|
||||
<flux:button href="{{ route('studio.manage.order.create') }}" variant="primary" wire:navigate.hover
|
||||
class="text-sm">
|
||||
<flux:button href="{{ route('studio.manage.order.create') }}" variant="primary" wire:navigate class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
<flux:button variant="primary" color="cyan" class="ms-2" wire:click="$dispatch('connectUSB')">
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.manage.order.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.manage.order.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.manage.purchase.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.manage.purchase.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</div>
|
||||
@can('create purchase')
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.manage.purchase.create') }}" variant="primary" wire:navigate.hover
|
||||
<flux:button href="{{ route('studio.manage.purchase.create') }}" variant="primary" wire:navigate
|
||||
class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.manage.stock_opname.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.manage.stock_opname.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.manage.stock_opname.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.manage.stock_opname.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.master.outlet.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.master.outlet.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,8 +5,7 @@
|
||||
</div>
|
||||
@can('create outlet')
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.master.outlet.create') }}" variant="primary" wire:navigate.hover
|
||||
class="text-sm">
|
||||
<flux:button href="{{ route('studio.master.outlet.create') }}" variant="primary" wire:navigate class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
</div>
|
||||
@ -144,8 +143,7 @@ class="w-12 h-12 rounded-full -ml-3 first:ml-0">
|
||||
@can('update outlet')
|
||||
<flux:tooltip content="Ubah">
|
||||
<flux:button href="{{ route('studio.master.outlet.edit', $outlet->hash) }}"
|
||||
wire:navigate.hover variant="primary" color="yellow" icon="pencil-square"
|
||||
size="sm">
|
||||
wire:navigate variant="primary" color="yellow" icon="pencil-square" size="sm">
|
||||
</flux:button>
|
||||
</flux:tooltip>
|
||||
@endcan
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
||||
</div>
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.master.user.index') }}" wire:navigate.hover class="text-sm">
|
||||
<flux:button href="{{ route('studio.master.user.index') }}" wire:navigate class="text-sm">
|
||||
Kembali
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
@ -5,8 +5,7 @@
|
||||
</div>
|
||||
@can('create user')
|
||||
<div>
|
||||
<flux:button href="{{ route('studio.master.user.create') }}" variant="primary" wire:navigate.hover
|
||||
class="text-sm">
|
||||
<flux:button href="{{ route('studio.master.user.create') }}" variant="primary" wire:navigate class="text-sm">
|
||||
Tambah
|
||||
</flux:button>
|
||||
</div>
|
||||
@ -199,7 +198,7 @@ class="text-gray-500">({{ formatRelativeTime($employee->resign_date) }})</span>
|
||||
@can('update user')
|
||||
<flux:tooltip content="Ubah">
|
||||
<flux:button href="{{ route('studio.master.user.edit', $employee->user?->hash) }}"
|
||||
wire:navigate.hover variant="primary" color="yellow" icon="pencil-square"
|
||||
wire:navigate variant="primary" color="yellow" icon="pencil-square"
|
||||
size="sm"></flux:button>
|
||||
</flux:tooltip>
|
||||
@endcan
|
||||
|
||||
Loading…
Reference in New Issue
Block a user