akaunting 3.0 (the last dance)
This commit is contained in:
13
resources/views/components/show/accordion/head.blade.php
Normal file
13
resources/views/components/show/accordion/head.blade.php
Normal file
@ -0,0 +1,13 @@
|
||||
<div>
|
||||
<h2 class="lg:text-lg font-medium text-black">
|
||||
<span class="border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ $title }}
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
@if (! empty($description))
|
||||
<span class="text-sm font-light text-black">
|
||||
{!! $description !!}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
28
resources/views/components/show/accordion/index.blade.php
Normal file
28
resources/views/components/show/accordion/index.blade.php
Normal file
@ -0,0 +1,28 @@
|
||||
<div {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'border-b pb-4']) : $attributes }}
|
||||
x-data="{ {{ $type }} : {{ ($open) ? "'open'" : "'close'" }} }"
|
||||
>
|
||||
@if (! empty($head) && $head->isNotEmpty())
|
||||
<div class="relative w-full text-left cursor-pointer group" x-on:click="{{ $type }} !== 'open' ? {{ $type }} = 'open' : {{ $type }} = 'close'">
|
||||
{!! $head !!}
|
||||
|
||||
<x-icon filled class="absolute right-0 top-0 transition-all transform" :icon="$icon" x-bind:class="{{ $type }} === 'open' ? 'rotate-180' : ''" />
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (! empty($body) && $body->isNotEmpty())
|
||||
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
|
||||
x-ref="accordion_{{ $type }}"
|
||||
x-bind:class="{{ $type }} == 'open' ? 'h-auto ' : 'scale-y-0 h-0'"
|
||||
>
|
||||
<div class="my-3 space-x-3 rtl:space-x-reverse">
|
||||
{!! $body !!}
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (! empty($foot) && $foot->isNotEmpty())
|
||||
<div class="relative__footer">
|
||||
{!! $foot !!}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
9
resources/views/components/show/container.blade.php
Normal file
9
resources/views/components/show/container.blade.php
Normal file
@ -0,0 +1,9 @@
|
||||
@if (! empty($left) && $left->isNotEmpty())
|
||||
{!! $left !!}
|
||||
@endif
|
||||
|
||||
@if (! empty($right) && $right->isNotEmpty())
|
||||
{!! $right !!}
|
||||
@endif
|
||||
|
||||
{!! $slot !!}
|
3
resources/views/components/show/content/index.blade.php
Normal file
3
resources/views/components/show/content/index.blade.php
Normal file
@ -0,0 +1,3 @@
|
||||
<div class="flex flex-col lg:flex-row mt-12">
|
||||
{!! $slot !!}
|
||||
</div>
|
3
resources/views/components/show/content/left.blade.php
Normal file
3
resources/views/components/show/content/left.blade.php
Normal file
@ -0,0 +1,3 @@
|
||||
<div class="lg:w-4/12 border-r border-gray-300 pr-12">
|
||||
{!! $slot !!}
|
||||
</div>
|
5
resources/views/components/show/content/right.blade.php
Normal file
5
resources/views/components/show/content/right.blade.php
Normal file
@ -0,0 +1,5 @@
|
||||
<div class="relative lg:w-8/12 ltr:pl-8 rtl:pr-8">
|
||||
<x-loading.absolute />
|
||||
|
||||
{!! $slot !!}
|
||||
</div>
|
30
resources/views/components/show/no-records.blade.php
Normal file
30
resources/views/components/show/no-records.blade.php
Normal file
@ -0,0 +1,30 @@
|
||||
<div @class([
|
||||
'relative lg:h-60',
|
||||
$backgroundColor,
|
||||
'rounded-lg flex flex-col lg:flex-row items-center justify-between mt-8 mb-12',
|
||||
])
|
||||
>
|
||||
<div class="hidden lg:block px-4">
|
||||
<img src="{{ $image }}" class="w-60 h-60 object-contain mt-10 m-auto" />
|
||||
</div>
|
||||
|
||||
|
||||
<div @class([
|
||||
'lg:w-3/5',
|
||||
$textColor,
|
||||
'text-right py-4 lg:py-0 px-4 space-y-2',
|
||||
])
|
||||
>
|
||||
<p class="mb-5">
|
||||
{!! $description !!}
|
||||
</p>
|
||||
|
||||
@if (! empty($button) && $button->isNotEmpty())
|
||||
{!! $button !!}
|
||||
@else
|
||||
<a href="{!! $url !!}" class="border-b border-transparent transition-all hover:border-white">
|
||||
{{ $textAction }}
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
8
resources/views/components/show/status.blade.php
Normal file
8
resources/views/components/show/status.blade.php
Normal file
@ -0,0 +1,8 @@
|
||||
<span @class([
|
||||
'px-2.5 py-1 ltr:ml-2 rtl:mr-2 text-xs font-medium rounded-xl',
|
||||
$backgroundColor,
|
||||
$textColor,
|
||||
])
|
||||
>
|
||||
{{ $textStatus }}
|
||||
</span>
|
3
resources/views/components/show/summary/index.blade.php
Normal file
3
resources/views/components/show/summary/index.blade.php
Normal file
@ -0,0 +1,3 @@
|
||||
<div class="flex flex-col lg:flex-row items-center my-10">
|
||||
{!! $slot !!}
|
||||
</div>
|
11
resources/views/components/show/summary/left.blade.php
Normal file
11
resources/views/components/show/summary/left.blade.php
Normal file
@ -0,0 +1,11 @@
|
||||
<div class="w-full lg:w-5/12 flex items-center">
|
||||
@if (! empty($avatar) && $avatar->isNotEmpty())
|
||||
<div class="w-12 h-12 flex items-center justify-center text-2xl font-regular border border-gray-300 rounded-full p-6">
|
||||
{!! $avatar !!}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="flex flex-col text-black text-sm font-medium ml-8">
|
||||
{!! $slot !!}
|
||||
</div>
|
||||
</div>
|
100
resources/views/components/show/summary/right.blade.php
Normal file
100
resources/views/components/show/summary/right.blade.php
Normal file
@ -0,0 +1,100 @@
|
||||
<div class="w-full lg:w-7/12 flex items-center mt-5 lg:mt-0">
|
||||
@if (! empty($slot) && $slot->isNotEmpty())
|
||||
{!! $slot !!}
|
||||
@elseif (! empty($items))
|
||||
@foreach ($items as $item)
|
||||
<div @class(['w-1/2 sm:w-1/3 text-center'])>
|
||||
<a href="{{ $item['href'] }}" class="group">
|
||||
@php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
|
||||
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
|
||||
{!! $item['amount'] !!}
|
||||
<span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
|
||||
</div>
|
||||
|
||||
<span class="font-light mt-3">
|
||||
{!! $item['title'] !!}
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
@if (! empty($first) && $first->isNotEmpty())
|
||||
{!! $first !!}
|
||||
@elseif (! empty($first))
|
||||
<div class="w-1/2 sm:w-1/3 text-center">
|
||||
@if ($first->attributes->has('href'))
|
||||
<a href="{{ $first->attributes->get('hef') }}" class="group">
|
||||
@endif
|
||||
@php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
|
||||
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
|
||||
{!! $first->attributes->get('amount') !!}
|
||||
<span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
|
||||
</div>
|
||||
|
||||
<span class="font-light mt-3">
|
||||
{!! $first->attributes->get('title') !!}
|
||||
</span>
|
||||
@if ($first->attributes->has('href'))
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@if ($first->attributes->has('divider'))
|
||||
<span class="material-icons text-4xl -mt-8 hidden lg:block">
|
||||
{{ $first->attributes->get('divider') }}
|
||||
</span>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if (! empty($second) && $second->isNotEmpty())
|
||||
{!! $second !!}
|
||||
@elseif (! empty($second))
|
||||
<div class="w-1/2 sm:w-1/3 text-center">
|
||||
@if ($second->attributes->has('href'))
|
||||
<a href="{{ $second->attributes->get('hef') }}" class="group">
|
||||
@endif
|
||||
@php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
|
||||
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
|
||||
{!! $second->attributes->get('amount') !!}
|
||||
<span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
|
||||
</div>
|
||||
|
||||
<span class="font-light mt-3">
|
||||
{!! $second->attributes->get('title') !!}
|
||||
</span>
|
||||
|
||||
@if ($second->attributes->has('href'))
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@if ($second->attributes->has('divider'))
|
||||
<span class="material-icons text-4xl -mt-8 hidden lg:block">
|
||||
{{ $second->attributes->get('divider') }}
|
||||
</span>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if (! empty($third) && $third->isNotEmpty())
|
||||
{!! $third !!}
|
||||
@elseif (! empty($third))
|
||||
<div class="w-1/2 sm:w-1/3 text-center">
|
||||
@if ($third->attributes->has('href'))
|
||||
<a href="{{ $third->attributes->get('hef') }}" class="group">
|
||||
@endif
|
||||
@php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
|
||||
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
|
||||
{!! $third->attributes->get('amount') !!}
|
||||
<span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
|
||||
</div>
|
||||
|
||||
<span class="font-light mt-3">
|
||||
{!! $third->attributes->get('title') !!}
|
||||
</span>
|
||||
@if ($third->attributes->has('href'))
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
Reference in New Issue
Block a user