shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

summary component tooltip issue solved..

Browse Source
This commit is contained in:
Cüneyt Şentürk 2022-07-28 18:34:34 +03:00
parent ca3914e84b
commit e7feb944de
2 changed files with 245 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
resources/views/components/index/summary.blade.php
View File

@ -4,6 +4,8 @@
@elseif (! empty($items)) @elseif (! empty($items))
@foreach ($items as $item) @foreach ($items as $item)
<div @class(['w-1/2 sm:w-1/3 text-center'])> <div @class(['w-1/2 sm:w-1/3 text-center'])>
@if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
<a href="{{ $item['href'] }}" class="group"> <a href="{{ $item['href'] }}" class="group">
@php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp @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'])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
@ -15,6 +17,20 @@
{!! $item['title'] !!} {!! $item['title'] !!}
</span> </span>
</a> </a>
</x-tooltip>
@else
<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>
@endif
</div> </div>
@endforeach @endforeach
@else @else
@ -24,7 +40,6 @@
<div class="w-1/2 sm:w-1/3 text-center"> <div class="w-1/2 sm:w-1/3 text-center">
@if ($first->attributes->has('tooltip')) @if ($first->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@endif
@if ($first->attributes->has('href')) @if ($first->attributes->has('href'))
<a href="{{ $first->attributes->get('href') }}" class="group"> <a href="{{ $first->attributes->get('href') }}" class="group">
@ -42,8 +57,23 @@
</a> </a>
@endif @endif
@if ($first->attributes->has('tooltip'))
</x-tooltip> </x-tooltip>
@else
@if ($first->attributes->has('href'))
<a href="{{ $first->attributes->get('href') }}" 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('class')])>
{!! $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
@endif @endif
</div> </div>
@ -60,7 +90,6 @@
<div class="w-1/2 sm:w-1/3 text-center"> <div class="w-1/2 sm:w-1/3 text-center">
@if ($second->attributes->has('tooltip')) @if ($second->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@endif
@if ($second->attributes->has('href')) @if ($second->attributes->has('href'))
<a href="{{ $second->attributes->get('href') }}" class="group"> <a href="{{ $second->attributes->get('href') }}" class="group">
@ -79,8 +108,24 @@
</a> </a>
@endif @endif
@if ($second->attributes->has('tooltip'))
</x-tooltip> </x-tooltip>
@else
@if ($second->attributes->has('href'))
<a href="{{ $second->attributes->get('href') }}" 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('class')])>
{!! $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
@endif @endif
</div> </div>
@ -97,7 +142,6 @@
<div class="w-1/2 sm:w-1/3 text-center"> <div class="w-1/2 sm:w-1/3 text-center">
@if ($third->attributes->has('tooltip')) @if ($third->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@endif
@if ($third->attributes->has('href')) @if ($third->attributes->has('href'))
<a href="{{ $third->attributes->get('href') }}" class="group"> <a href="{{ $third->attributes->get('href') }}" class="group">
@ -115,8 +159,23 @@
</a> </a>
@endif @endif
@if ($third->attributes->has('tooltip'))
</x-tooltip> </x-tooltip>
@else
@if ($third->attributes->has('href'))
<a href="{{ $third->attributes->get('href') }}" 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('class')])>
{!! $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
@endif @endif
</div> </div>
@endif @endif

73
resources/views/components/show/summary/right.blade.php
View File

@ -4,6 +4,8 @@
@elseif (! empty($items)) @elseif (! empty($items))
@foreach ($items as $item) @foreach ($items as $item)
<div @class(['w-1/2 sm:w-1/3 text-center'])> <div @class(['w-1/2 sm:w-1/3 text-center'])>
@if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
<a href="{{ $item['href'] }}" class="group"> <a href="{{ $item['href'] }}" class="group">
@php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp @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'])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
@ -15,6 +17,20 @@
{!! $item['title'] !!} {!! $item['title'] !!}
</span> </span>
</a> </a>
</x-tooltip>
@else
<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>
@endif
</div> </div>
@endforeach @endforeach
@else @else
@ -24,7 +40,6 @@
<div class="w-1/2 sm:w-1/3 text-center"> <div class="w-1/2 sm:w-1/3 text-center">
@if ($first->attributes->has('tooltip')) @if ($first->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@endif
@if ($first->attributes->has('href')) @if ($first->attributes->has('href'))
<a href="{{ $first->attributes->get('hef') }}" class="group"> <a href="{{ $first->attributes->get('hef') }}" class="group">
@ -42,8 +57,23 @@
</a> </a>
@endif @endif
@if ($first->attributes->has('tooltip'))
</x-tooltip> </x-tooltip>
@else
@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
@endif @endif
</div> </div>
@ -60,7 +90,6 @@
<div class="w-1/2 sm:w-1/3 text-center"> <div class="w-1/2 sm:w-1/3 text-center">
@if ($second->attributes->has('tooltip')) @if ($second->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@endif
@if ($second->attributes->has('href')) @if ($second->attributes->has('href'))
<a href="{{ $second->attributes->get('hef') }}" class="group"> <a href="{{ $second->attributes->get('hef') }}" class="group">
@ -74,13 +103,27 @@
<span class="font-light mt-3"> <span class="font-light mt-3">
{!! $second->attributes->get('title') !!} {!! $second->attributes->get('title') !!}
</span> </span>
@if ($second->attributes->has('href')) @if ($second->attributes->has('href'))
</a> </a>
@endif @endif
@if ($second->attributes->has('tooltip'))
</x-tooltip> </x-tooltip>
@else
@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
@endif @endif
</div> </div>
@ -97,8 +140,6 @@
<div class="w-1/2 sm:w-1/3 text-center"> <div class="w-1/2 sm:w-1/3 text-center">
@if ($third->attributes->has('tooltip')) @if ($third->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@endif
@if ($third->attributes->has('href')) @if ($third->attributes->has('href'))
<a href="{{ $third->attributes->get('hef') }}" class="group"> <a href="{{ $third->attributes->get('hef') }}" class="group">
@endif @endif
@ -114,9 +155,23 @@
@if ($third->attributes->has('href')) @if ($third->attributes->has('href'))
</a> </a>
@endif @endif
@if ($third->attributes->has('tooltip'))
</x-tooltip> </x-tooltip>
@else
@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
@endif @endif
</div> </div>
@endif @endif