akaunting 3.0 (the last dance)
This commit is contained in:
24
resources/views/livewire/report/pin.blade.php
Normal file
24
resources/views/livewire/report/pin.blade.php
Normal file
@ -0,0 +1,24 @@
|
||||
<button class="ltr:mr-4 rtl:m-4" data-tooltip-target="{{ $reportId }}-pin" data-tooltip-placement="bottom">
|
||||
<span
|
||||
id="{{ $pinned ? 'reports-unpin-' . $reportId : 'reports-pin-' . $reportId }}"
|
||||
@class([
|
||||
'text-purple text-lg transform rotate-45 cursor-pointer mx-2',
|
||||
'material-icons-outlined' => ($pinned) ? false : true,
|
||||
'material-icons' => (! $pinned) ? false : true,
|
||||
])
|
||||
wire:click="changeStatus('{{ $reportId }}')"
|
||||
>push_pin
|
||||
</span>
|
||||
|
||||
@if ($pinned)
|
||||
<div id="{{ $reportId }}-pin" role="tooltip" class="inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm whitespace-nowrap opacity-0 tooltip-content">
|
||||
{{ trans('reports.pin_text.unpin_report') }}
|
||||
<div class="absolute w-2 h-2 -top-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border before:border-b-0 before:border-r-0" data-popper-arrow></div>
|
||||
</div>
|
||||
@else
|
||||
<div id="{{ $reportId }}-pin" role="tooltip" class="inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm whitespace-nowrap opacity-0 tooltip-content">
|
||||
{{ trans('reports.pin_text.pin_report') }}
|
||||
<div class="absolute w-2 h-2 -top-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border before:border-b-0 before:border-r-0" data-popper-arrow></div>
|
||||
</div>
|
||||
@endif
|
||||
</button>
|
29
resources/views/livewire/report/pins.blade.php
Normal file
29
resources/views/livewire/report/pins.blade.php
Normal file
@ -0,0 +1,29 @@
|
||||
<div class="flex flex-wrap lg:flex-nowrap items-center justify-between my-16">
|
||||
@foreach ($reports as $report)
|
||||
<a href="{{ route('reports.show', $report->id) }}"
|
||||
@class([
|
||||
'w-6/12 lg:w-2/12 text-center px-3 group',
|
||||
'border-r border-gray-300' => ($loop->count == 6 && $loop->last) ? false : true,
|
||||
])
|
||||
>
|
||||
<span class="material-icons-outlined text-4xl transition-all">{{ $icons[$report->id] }}</span>
|
||||
<div class="h-10 font-medium text-sm mt-2">
|
||||
<span class="border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ $report->name }}
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
@endforeach
|
||||
|
||||
@for ($i = 6; $i > $reports->count(); $i--)
|
||||
<div
|
||||
@class([
|
||||
'w-6/12 lg:w-2/12 text-center opacity-20 px-3',
|
||||
'border-r border-gray-300' => ($i-1 == $reports->count()) ? false : true,
|
||||
])
|
||||
>
|
||||
<span class="material-icons-outlined text-4xl transform rotate-45">push_pin</span>
|
||||
<div class="h-10 font-medium text-sm mt-2">{{ trans('reports.pin') }}</div>
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
Reference in New Issue
Block a user