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

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

@ -4,17 +4,33 @@
@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>
@if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
<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>
<span class="font-light mt-3">
{!! $item['title'] !!}
</span>
</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>
@endforeach
@else
@ -23,27 +39,41 @@
@elseif (! empty($first))
<div class="w-1/2 sm:w-1/3 text-center">
@if ($first->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@endif
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@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>
@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
<span class="font-light mt-3">
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</a>
@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
</div>
@ -59,28 +89,43 @@
@elseif (! empty($second))
<div class="w-1/2 sm:w-1/3 text-center">
@if ($second->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@endif
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@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>
@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>
<span class="font-light mt-3">
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</a>
@endif
@if ($second->attributes->has('href'))
</a>
@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
</div>
@ -96,27 +141,41 @@
@elseif (! empty($third))
<div class="w-1/2 sm:w-1/3 text-center">
@if ($third->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@endif
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@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>
@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
<span class="font-light mt-3">
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</a>
@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
</div>
@endif

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

@ -4,17 +4,33 @@
@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>
@if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
<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>
<span class="font-light mt-3">
{!! $item['title'] !!}
</span>
</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>
@endforeach
@else
@ -23,27 +39,41 @@
@elseif (! empty($first))
<div class="w-1/2 sm:w-1/3 text-center">
@if ($first->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@endif
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@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>
@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
<span class="font-light mt-3">
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</a>
@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
</div>
@ -59,28 +89,41 @@
@elseif (! empty($second))
<div class="w-1/2 sm:w-1/3 text-center">
@if ($second->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@endif
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@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>
@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>
<span class="font-light mt-3">
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</a>
@endif
@if ($second->attributes->has('href'))
</a>
@endif
</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>
@if ($second->attributes->has('tooltip'))
</x-tooltip>
<span class="font-light mt-3">
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</a>
@endif
@endif
</div>
@ -96,27 +139,39 @@
@elseif (! empty($third))
<div class="w-1/2 sm:w-1/3 text-center">
@if ($third->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@endif
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@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>
@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
</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
@if ($third->attributes->has('tooltip'))
</x-tooltip>
<span class="font-light mt-3">
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</a>
@endif
@endif
</div>
@endif