summary issue fixed..

This commit is contained in:
Cüneyt Şentürk 2022-10-03 13:19:36 +03:00
parent c94f395f13
commit e571e8a7af
2 changed files with 215 additions and 95 deletions

View File

@ -4,12 +4,24 @@
@elseif (! empty($items))
@foreach ($items as $item)
<div @class(['w-1/2 sm:w-1/3 text-center'])>
@php
$text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700';
@endphp
@if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}">
@if (! empty($item['href']))
<x-link href="{{ $item['href'] }}" class="group" override="class">
@endif
@php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
<x-link href="{{ $item['href'] }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -18,15 +30,21 @@
<span class="font-light mt-3">
{!! $item['title'] !!}
</span>
@if (! empty($item['href']))
</x-link>
@endif
</x-tooltip>
@else
@if (! empty($item['href']))
<x-link href="{{ $item['href'] }}" class="group" override="class">
@endif
@php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
<x-link href="{{ $item['href'] }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -35,8 +53,6 @@
<span class="font-light mt-3">
{!! $item['title'] !!}
</span>
@if (! empty($item['href']))
</x-link>
@endif
@endif
</div>
@ -46,13 +62,24 @@
{!! $first !!}
@elseif (! empty($first))
<div class="w-1/2 sm:w-1/3 text-center">
@php
$text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
@endphp
@if ($first->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@if ($first->attributes->has('href'))
<x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
@endif
@php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
<x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -61,16 +88,21 @@
<span class="font-light mt-3">
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</x-link>
@endif
</x-tooltip>
@else
@if ($first->attributes->has('href'))
<x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
@endif
@php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
<x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -79,8 +111,6 @@
<span class="font-light mt-3">
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</x-link>
@endif
@endif
</div>
@ -96,13 +126,24 @@
{!! $second !!}
@elseif (! empty($second))
<div class="w-1/2 sm:w-1/3 text-center">
@php
$text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
@endphp
@if ($second->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@if ($second->attributes->has('href'))
<x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
@endif
@php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
<x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -111,17 +152,21 @@
<span class="font-light mt-3">
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</x-link>
@endif
</x-tooltip>
@else
@if ($second->attributes->has('href'))
<x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
@endif
@php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
<x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -130,9 +175,6 @@
<span class="font-light mt-3">
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</x-link>
@endif
@endif
</div>
@ -148,13 +190,24 @@
{!! $third !!}
@elseif (! empty($third))
<div class="w-1/2 sm:w-1/3 text-center">
@php
$text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
@endphp
@if ($third->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@if ($third->attributes->has('href'))
<x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
@endif
@php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
<x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -163,16 +216,21 @@
<span class="font-light mt-3">
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</x-link>
@endif
</x-tooltip>
@else
@if ($third->attributes->has('href'))
<x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
@endif
@php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
<x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -181,11 +239,9 @@
<span class="font-light mt-3">
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</x-link>
@endif
@endif
</div>
@endif
@endif
</div>
</div>

View File

@ -4,10 +4,37 @@
@elseif (! empty($items))
@foreach ($items as $item)
<div @class(['w-1/2 sm:w-1/3 text-center'])>
@php
$text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700';
@endphp
@if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}">
@if (! empty($item['href']))
<x-link href="{{ $item['href'] }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@endif
</x-tooltip>
@else
@if (! empty($item['href']))
<x-link href="{{ $item['href'] }}" class="group" override="class">
@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>
@ -17,10 +44,7 @@
{!! $item['title'] !!}
</span>
</x-link>
</x-tooltip>
@else
<x-link href="{{ $item['href'] }}" class="group" override="class">
@php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
@else
<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>
@ -29,7 +53,7 @@
<span class="font-light mt-3">
{!! $item['title'] !!}
</span>
</x-link>
@endif
@endif
</div>
@endforeach
@ -38,14 +62,25 @@
{!! $first !!}
@elseif (! empty($first))
<div class="w-1/2 sm:w-1/3 text-center">
@php
$text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
@endphp
@if ($first->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@if ($first->attributes->has('href'))
<x-link href="{{ $first->attributes->get('hef') }}" class="group" override="class">
@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'])>
<x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -53,17 +88,22 @@
<span class="font-light mt-3">
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</x-link>
@endif
</x-tooltip>
@else
@if ($first->attributes->has('href'))
<x-link href="{{ $first->attributes->get('hef') }}" class="group" override="class">
@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'])>
<x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -71,8 +111,6 @@
<span class="font-light mt-3">
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</x-link>
@endif
@endif
</div>
@ -88,14 +126,25 @@
{!! $second !!}
@elseif (! empty($second))
<div class="w-1/2 sm:w-1/3 text-center">
@php
$text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
@endphp
@if ($second->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@if ($second->attributes->has('href'))
<x-link href="{{ $second->attributes->get('hef') }}" class="group" override="class">
@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'])>
<x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -103,17 +152,22 @@
<span class="font-light mt-3">
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</x-link>
@endif
</x-tooltip>
@else
@if ($second->attributes->has('href'))
<x-link href="{{ $second->attributes->get('hef') }}" class="group" override="class">
@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'])>
<x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -121,8 +175,6 @@
<span class="font-light mt-3">
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</x-link>
@endif
@endif
</div>
@ -141,10 +193,18 @@
@if ($third->attributes->has('tooltip'))
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@if ($third->attributes->has('href'))
<x-link href="{{ $third->attributes->get('hef') }}" class="group" override="class">
@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'])>
<x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -152,16 +212,22 @@
<span class="font-light mt-3">
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</x-link>
@endif
</x-tooltip>
@else
@if ($third->attributes->has('href'))
<x-link href="{{ $third->attributes->get('hef') }}" class="group" override="class">
@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'])>
<x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
<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>
</x-link>
@else
<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>
@ -169,8 +235,6 @@
<span class="font-light mt-3">
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</x-link>
@endif
@endif
</div>