Merge pull request #2619 from brkcvn/code-clean

HTML structures development
This commit is contained in:
Cüneyt Şentürk
2022-09-07 13:46:21 +03:00
committed by GitHub
89 changed files with 1208 additions and 1339 deletions

View File

@@ -24,7 +24,7 @@
<x-table>
<x-table.thead>
<x-table.tr class="flex items-center px-1">
<x-table.tr>
@if (! $hideBulkAction)
<x-table.th class="{{ $classBulkAction }}" override="class">
<x-index.bulkaction.all />
@@ -135,7 +135,7 @@
<x-table.td class="{{ $classNameAndTaxNumber }}">
@stack('name_td_start')
@if (! $hideName)
<x-slot name="first" class="flex items-center font-medium">
<x-slot name="first" class="flex items-center">
@if ($showLogo)
@if (is_object($item->logo))
<img src="{{ Storage::url($item->logo->id) }}" class="absolute w-6 h-6 bottom-6 rounded-full mr-2 hidden lg:block" alt="{{ $item->name }}" title="{{ $item->name }}">
@@ -144,7 +144,7 @@
@endif
@endif
<div class="truncate {{ $showLogo ? ' ltr:pl-8 rtl:pr-8' : '' }}">
<div class="truncate {{ $showLogo ? 'ltr:lg:pl-8 rtl:lg:pr-8' : '' }}">
{{ $item->name }}
</div>
@@ -157,7 +157,7 @@
@stack('tax_number_td_start')
@if (! $hideTaxNumber)
<x-slot name="second" class="w-32 font-normal truncate {{ $showLogo ? ' ltr:pl-8 rtl:pr-8' : '' }}">
<x-slot name="second" class="w-32 {{ $showLogo ? ' ltr:pl-8 rtl:pr-8' : '' }}">
{{ $item->tax_number }}
</x-slot>
@endif

View File

@@ -111,29 +111,19 @@
<div class="flex flex-col text-sm mb-5">
<div class="flex items-center font-medium">
<div class="flex items-center cursor-default">
<div data-tooltip-target="tooltip-client-describe" data-tooltip-placement="bottom">
<x-tooltip id="tooltip-client-describe" placement="bottom" size="w-2/12" message="{{ trans('customers.client_portal_description') }}">
{{ trans('general.client_portal') }}
</div>
</x-tooltip>
@if ($contact->user)
<span data-tooltip-target="tooltip-client-permission" data-tooltip-placement="bottom" class="material-icons text-green text-base ltr:ml-1 rtl:mr-1">check</span>
<x-tooltip id="tooltip-client-permission" placement="bottom" message="{{ trans('customers.client_portal_text.can') }}">
<span class="material-icons text-green text-base ltr:ml-1 rtl:mr-1">check</span>
</x-tooltip>
@else
<span data-tooltip-target="tooltip-client-permission" data-tooltip-placement="bottom" class="material-icons-round text-red text-sm ltr:ml-1 rtl:mr-1">hide_source</span>
<x-tooltip id="tooltip-client-permission" placement="bottom" message="{{ trans('customers.client_portal_text.cant') }}">
<span class="material-icons-round text-red text-sm ltr:ml-1 rtl:mr-1">hide_source</span>
</x-tooltip>
@endif
<div id="tooltip-client-describe" role="tooltip" class="w-2/12 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 opacity-0 whitespace-normal tooltip-content">
{{ trans('customers.client_portal_description') }}
<div class="absolute w-2 h-2 -top-1 -left-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>
<div id="tooltip-client-permission" 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 opacity-0 whitespace-nowrap tooltip-content">
@if ($contact->user)
{{ trans('customers.client_portal_text.can') }}
@else
{{ trans('customers.client_portal_text.cant') }}
@endif
<div class="absolute w-2 h-2 -top-1 -left-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>
</div>
</div>
</div>
@@ -152,7 +142,6 @@
id="documents"
name="{{ trans_choice($textDocument, 2) }}"
active
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/>
@stack('transactions_nav_start')
@@ -160,7 +149,6 @@
<x-tabs.nav
id="transactions"
name="{{ trans_choice('general.transactions', 2) }}"
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/>
@stack('transactions_nav_end')
@@ -173,7 +161,7 @@
@if ($documents->count())
<x-table>
<x-table.thead>
<x-table.tr class="flex items-center px-1">
<x-table.tr>
<x-table.th class="w-4/12 lg:w-3/12">
<x-slot name="first">
<x-sortablelink column="due_at" title="{{ trans('invoices.due_date') }}" />
@@ -184,7 +172,7 @@
</x-slot>
</x-table.th>
<x-table.th class="w-3/12 hidden sm:table-cell">
<x-table.th class="w-3/12" hidden-mobile>
<x-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" />
</x-table.th>
@@ -218,7 +206,7 @@
</x-slot>
</x-table.td>
<x-table.td class="w-3/12 hidden sm:table-cell">
<x-table.td class="w-3/12" hidden-mobile>
<x-show.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" />
</x-table.td>
@@ -262,7 +250,7 @@
@if ($transactions->count())
<x-table>
<x-table.thead>
<x-table.tr class="flex items-center px-1">
<x-table.tr>
<x-table.th class="w-4/12 lg:w-3/12">
<x-slot name="first">
<x-sortablelink column="paid_at" title="{{ trans('general.date') }}" />
@@ -272,7 +260,7 @@
</x-slot>
</x-table.th>
<x-table.th class="w-3/12 hidden sm:table-cell">
<x-table.th class="w-3/12" hidden-mobile>
<x-slot name="first">
<x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" />
</x-slot>
@@ -308,7 +296,7 @@
</x-slot>
</x-table.td>
<x-table.td class="w-3/12 hidden sm:table-cell">
<x-table.td class="w-3/12" hidden-mobile>
<x-slot name="first">
{{ $item->type_title }}
</x-slot>
@@ -323,9 +311,9 @@
</x-slot>
<x-slot name="second">
@if ($item->document)
<a href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed">
<x-link href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed" override="class">
{{ $item->document->document_number }}
</a>
</x-link>
@else
<x-empty-data />
@endif

View File

@@ -1,6 +1,6 @@
<x-table>
<x-table.thead>
<x-table.tr class="flex items-center px-1">
<x-table.tr>
@if (! $hideBulkAction)
<x-table.th class="{{ $classBulkAction }}" override="class">
<x-index.bulkaction.all />
@@ -96,7 +96,7 @@
<x-table.td class="{{ $classDueAtAndIssueAt }}">
@stack('due_at_td_start')
@if (! $hideDueAt)
<x-slot name="first" class="font-bold truncate" override="class">
<x-slot name="first" class="font-bold" override="class">
@stack('due_at_td_inside_start')
<x-date :date="$item->due_at" function="diffForHumans" />
@stack('due_at_td_inside_end')
@@ -142,7 +142,7 @@
@stack('document_number_td_start')
@if (! $hideDocumentNumber)
<x-slot name="second" class="w-20 font-normal group" data-tooltip-target="tooltip-information-{{ $item->id }}" data-tooltip-placement="left" override="class">
<x-slot name="second" class="w-20 group" data-tooltip-target="tooltip-information-{{ $item->id }}" data-tooltip-placement="left" override="class">
@stack('document_number_td_inside_start')
<span class="border-black border-b border-dashed">
{{ $item->document_number }}

View File

@@ -17,9 +17,9 @@
</div>
@if (! $hideShow)
<a href="{{ route($showRoute, $document->contact_id) }}" class="font-medium border-b border-black">
<x-link href="{{ route($showRoute, $document->contact_id) }}" class="font-medium border-b border-black" override="class">
{{ $document->contact_name }}
</a>
</x-link>
@else
<div class="font-medium border-b border-black">
{{ $document->contact_name }}
@@ -76,9 +76,9 @@
@if ($document->items->count() > 2)
<li class="ml-10 mb-10">
@if (! $hideShow)
<a href="{{ route($showDocumentRoute, $document->id) }}" class="border-b">
<x-link href="{{ route($showDocumentRoute, $document->id) }}" class="border-b" override="class">
{{ trans('documents.invoice_detail.more_item', ['count' => $document->items->count() - 2]) }}
</a>
</x-link>
@else
<div class="border-b">
{{ trans('documents.invoice_detail.more_item', ['count' => $document->items->count() - 2]) }}

View File

@@ -1,8 +1,8 @@
<x-table>
<x-table.thead>
<x-table.tr class="flex items-center px-1">
<x-table.tr>
@if (! $hideBulkAction)
<x-table.th class="{{ $classBulkAction }}" override="class">
<x-table.th class="{{ $classBulkAction }}" hidden-mobile override="class">
<x-index.bulkaction.all />
</x-table.th>
@endif
@@ -16,7 +16,7 @@
</x-slot>
</x-table.th>
<x-table.th class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider hidden sm:table-cell">
<x-table.th class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider" hidden-mobile>
<x-sortablelink column="category.name" title="{{ trans_choice('general.categories', 1) }}" />
</x-table.th>
@@ -24,7 +24,7 @@
<x-sortablelink column="recurring.status" title="{{ trans_choice('general.statuses', 1) }}" />
</x-table.th>
<x-table.th class="w-2/12 hidden sm:table-cell">
<x-table.th class="w-2/12" hidden-mobile>
<x-slot name="first">
{{ trans('recurring.frequency') }}
</x-slot>
@@ -43,7 +43,7 @@
@foreach($documents as $item)
<x-table.tr href="{{ route($showRoute, $item->id) }}">
@if (! $hideBulkAction)
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" hidden-mobile override="class">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" />
</x-table.td>
@endif
@@ -59,7 +59,7 @@
</x-slot>
</x-table.td>
<x-table.td class="w-2/12 hidden sm:table-cell">
<x-table.td class="w-2/12" hidden-mobile>
<div class="flex items-center">
<x-index.category :model="$item->category" />
</div>
@@ -69,7 +69,7 @@
<x-index.status status="{{ $item->recurring->status }}" background-color="bg-{{ $item->recurring_status_label }}" text-color="text-text-{{ $item->recurring_status_label }}" />
</x-table.td>
<x-table.td class="w-2/12 hidden sm:table-cell">
<x-table.td class="w-2/12" hidden-mobile>
<x-slot name="first">
{{ trans('recurring.' . $item->recurring->frequency) }}
</x-slot>

View File

@@ -18,7 +18,7 @@
@can ($button['permission'])
@endif
<li class="border-b p-2 hover:bg-gray-100">
<a href="{{ $button['url']}}" class="flex items-center justify-between text-xs">
<x-link href="{{ $button['url']}}" class="flex items-center justify-between text-xs" override="class">
<div class="truncate">
<div class="flex items-center">
<h2 class="relative">
@@ -37,7 +37,7 @@
</div>
<span class="material-icons text-gray-500 transform rtl:rotate-180">chevron_right</span>
</a>
</x-link>
</li>
@if ($checkPermissionCreate)
@endcan
@@ -46,7 +46,7 @@
@if (! empty($suggestion))
<li class="border-b p-2 hover:bg-gray-100">
<a href="{{ url($suggestion->action_url) . '?' . http_build_query((array) $suggestion->action_parameters) }}" class="flex items-center justify-between text-xs">
<x-link href="{{ url($suggestion->action_url) . '?' . http_build_query((array) $suggestion->action_parameters) }}" class="flex items-center justify-between text-xs" override="class">
<div class="truncate">
<h2>
{{ $suggestion->name }}
@@ -58,7 +58,7 @@
</div>
<span class="material-icons text-gray-500">chevron_right</span>
</a>
</x-link>
</li>
@endif
</ul>

View File

@@ -4,9 +4,16 @@
@endif
@if (! empty($body) && $body->isNotEmpty())
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
{!! $body !!}
</div>
<div
@class([
'grid my-3.5',
$spacingVertical,
$spacingHorizontal,
$columnNumber,
])
>
{!! $body !!}
</div>
@endif
@if (! empty($foot) && $foot->isNotEmpty())

View File

@@ -7,7 +7,7 @@
@if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}">
@if (! empty($item['href']))
<a href="{{ $item['href'] }}" class="group">
<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
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
@@ -19,12 +19,12 @@
{!! $item['title'] !!}
</span>
@if (! empty($item['href']))
</a>
</x-link>
@endif
</x-tooltip>
@else
@if (! empty($item['href']))
<a href="{{ $item['href'] }}" class="group">
<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
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
@@ -36,7 +36,7 @@
{!! $item['title'] !!}
</span>
@if (! empty($item['href']))
</a>
</x-link>
@endif
@endif
</div>
@@ -50,7 +50,7 @@
<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">
<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
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
@@ -62,13 +62,13 @@
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</a>
</x-link>
@endif
</x-tooltip>
@else
@if ($first->attributes->has('href'))
<a href="{{ $first->attributes->get('href') }}" class="group">
<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
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
@@ -80,7 +80,7 @@
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</a>
</x-link>
@endif
@endif
</div>
@@ -100,7 +100,7 @@
<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">
<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
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
@@ -113,13 +113,13 @@
</span>
@if ($second->attributes->has('href'))
</a>
</x-link>
@endif
</x-tooltip>
@else
@if ($second->attributes->has('href'))
<a href="{{ $second->attributes->get('href') }}" class="group">
<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
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
@@ -132,7 +132,7 @@
</span>
@if ($second->attributes->has('href'))
</a>
</x-link>
@endif
@endif
</div>
@@ -152,7 +152,7 @@
<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">
<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
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
@@ -164,13 +164,13 @@
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</a>
</x-link>
@endif
</x-tooltip>
@else
@if ($third->attributes->has('href'))
<a href="{{ $third->attributes->get('href') }}" class="group">
<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
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
@@ -182,10 +182,10 @@
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</a>
</x-link>
@endif
@endif
</div>
@endif
@endif
</div>
</div>

View File

@@ -3,7 +3,7 @@
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div>
{{ trans('footer.powered') }}:
<a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a>
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>
&nbsp;<span class="material-icons align-middle text-black-300">code</span>&nbsp;
{{ trans('footer.version') }} {{ version('short') }}
</div>

View File

@@ -95,9 +95,9 @@
</x-tooltip>
<x-tooltip id="tooltip-support" placement="right" message="{{ trans('general.help') }}">
<a href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles">
<x-link href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles" override="class">
<span id="menu-support-icon" class="material-icons-outlined text-purple text-2xl">support</span>
</a>
</x-link>
</x-tooltip>
</div>
@@ -131,23 +131,23 @@
@can('read-common-companies')
<div id="dropdown-menu-company" class="absolute right-0 mt-3 pt-2 bg-white rounded-md shadow-xl z-20 hidden" style="left: auto; min-width: 10rem;">
@foreach($companies as $com)
<a href="{{ route('companies.switch', $com->id) }}" id="$com->id" class="h-9 leading-9 flex items-center text-sm px-2" role="menuitem" tabindex="-1">
<x-link href="{{ route('companies.switch', $com->id) }}" id="$com->id" class="h-9 leading-9 flex items-center text-sm px-2" override="class" role="menuitem" tabindex="-1">
<div class="w-full h-full flex items-center rounded-md px-2 hover:bg-lilac-100">
<span class="material-icons-outlined text-purple text-xl">business</span>
<span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate">{{ Str::limit($com->name, 18) }}</span>
</div>
</a>
</x-link>
@endforeach
@can('update-common-companies')
<a href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 mt-2 border-t rounded-bl rounded-br group hover:bg-purple">
<x-link href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 mt-2 border-t rounded-bl rounded-br group hover:bg-purple" override="class">
<div class="w-full h-full flex items-center rounded-md px-2">
<span class="material-icons-outlined text-purple text-xl group-hover:text-white">settings</span>
<span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate group-hover:text-white">
{{ trans('general.title.manage', ['type' => trans_choice('general.companies', 2)]) }}
</span>
</div>
</a>
</x-link>
@endcan
</div>
@endcan

View File

@@ -1,7 +1,7 @@
@stack('footer_start')
<footer class="footer">
<div class="lg:absolute bottom-10 right-6 lg:right-24 flex flex-col sm:flex-row items-center justify-end text-sm font-light">
{{ trans('footer.powered') }}:&nbsp;<a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a>
{{ trans('footer.powered') }}:&nbsp;<x-link href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</x-link>
</div>
</footer>
@stack('footer_end')

View File

@@ -18,9 +18,9 @@
<div class="card-footer">
<div class="float-right">
@if (Request::is('install/requirements'))
<a href="{{ route('install.requirements') }}" class="btn btn-success">
<x-link href="{{ route('install.requirements') }}" class="btn btn-success" override="class">
{{ trans('install.refresh') }}
</a>
</x-link>
@else
<x-button
type="submit"

View File

@@ -31,7 +31,7 @@
<div class="flex flex-col gap-4">
@foreach ($popular->data as $item)
<div class="hover:shadow-2xl rounded-lg">
<a href="{{ route('apps.app.show', $item->slug) }}" class="flex items-center p-2">
<x-link href="{{ route('apps.app.show', $item->slug) }}" class="flex items-center p-2" override="class">
@foreach ($item->files as $file)
@if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail'))
<img src="{{ $file->path_string }}" alt="{{ $item->name }}" class="w-28 h-20 rounded-md object-cover ltr:mr-3 rtl:ml-3" />
@@ -49,7 +49,7 @@
</p>
</div>
</div>
</a>
</x-link>
</div>
@endforeach
</div>

View File

@@ -1,20 +1,20 @@
<div>
<div>
@foreach ($module->files as $file)
<a href="{{ route('apps.app.show', $module->slug) }}">
<x-link href="{{ route('apps.app.show', $module->slug) }}" override="class">
@if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail'))
<img src="{{ $file->path_string }}" alt="{{ $module->name }}" class="rounded-md" />
@endif
</a>
</x-link>
@endforeach
</div>
<div class="flex flex-col py-2 justify-between align-bottom">
<div class="flex items-baseline justify-between">
<h4 class="w-32 truncate">
<a href="{{ route('apps.app.show', $module->slug) }}">
<x-link href="{{ route('apps.app.show', $module->slug) }}" override="class">
{{ $module->name }}
</a>
</x-link>
</h4>
<div class="text-xs">

View File

@@ -21,20 +21,20 @@
<div>
@foreach ($module->files as $file)
<a href="{{ route('apps.app.show', $module->slug) }}">
<x-link href="{{ route('apps.app.show', $module->slug) }}" override="class">
@if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail'))
<img src="{{ $file->path_string }}" alt="{{ $module->name }}" class="rounded-md" />
@endif
</a>
</x-link>
@endforeach
</div>
<div class="flex py-2 justify-between items-center">
<div class="py-2">
<h4 class="truncate font-bold text-sm">
<a href="{{ route('apps.app.show', $module->slug) }}">
<x-link href="{{ route('apps.app.show', $module->slug) }}" override="class">
{{ $module->name }}
</a>
</x-link>
</h4>
</div>

View File

@@ -13,7 +13,7 @@
<div x-show="price_type == false" class="text-center text-sm mt-3 mb--2">
<span style="font-size: 12px;">
<span class="text-red">*</span> <a href="https://akaunting.com/features/why-akaunting-cloud?utm_source=software&utm_medium=app_show&utm_campaign={{ str_replace('-', '_', $module->slug) }}" target="_blank">{!! trans('modules.information_monthly') !!}</a>
<span class="text-red">*</span> <x-link href="https://akaunting.com/features/why-akaunting-cloud?utm_source=software&utm_medium=app_show&utm_campaign={{ str_replace('-', '_', $module->slug) }}" target="_blank" override="class">{!! trans('modules.information_monthly') !!}</x-link>
</span>
</div>
@else

View File

@@ -7,9 +7,9 @@
</div>
<div class="my-10">
<a href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=invoice_payment&utm_campaign=plg" class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700">
<x-link href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=invoice_payment&utm_campaign=plg" class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700" override="class">
{{ trans('portal.get_started') }}
</a>
</x-link>
</div>
<div class="my-10">

View File

@@ -66,9 +66,9 @@
</x-tooltip>
<x-tooltip id="tooltip-support" placement="right" message="{{ trans('general.help') }}">
<a href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles">
<x-link href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles" override="class">
<span class="material-icons-outlined text-purple text-2xl">support</span>
</a>
</x-link>
</x-tooltip>
</div>
@@ -102,23 +102,23 @@
@can('read-common-companies')
<div id="dropdown-menu-company" class="absolute right-0 mt-3 py-2 bg-white rounded-md shadow-xl z-20 hidden" style="left: auto; min-width: 10rem;">
@foreach($companies as $com)
<a href="{{ route('companies.switch', $com->id) }}" id="$com->id" class="h-9 leading-9 flex items-center text-sm px-2" role="menuitem" tabindex="-1">
<x-link href="{{ route('companies.switch', $com->id) }}" id="$com->id" class="h-9 leading-9 flex items-center text-sm px-2" override="class" role="menuitem" tabindex="-1">
<div class="w-full h-full flex items-center rounded-md px-2 hover:bg-lilac-100">
<span class="material-icons-outlined text-purple text-xl">business</span>
<span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate">{{ Str::limit($com->name, 18) }}</span>
</div>
</a>
</x-link>
@endforeach
@can('update-common-companies')
<a href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 border-t rounded-bl rounded-br group hover:bg-purple">
<x-link href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 border-t rounded-bl rounded-br group hover:bg-purple" override="class">
<div class="w-full h-full flex items-center rounded-md px-2 ">
<span class="material-icons-outlined text-purple text-xl group-hover:text-white">settings</span>
<span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate group-hover:text-white">
{{ trans('general.title.manage', ['type' => trans_choice('general.companies', 2)]) }}
</span>
</div>
</a>
</x-link>
@endcan
</div>
@endcan

View File

@@ -22,9 +22,9 @@
</span>
</div>
<a href="{!! !empty($sticky->attributes->has('url')) ? $sticky->attributes->get('url') : route('dashboard') !!}" class="px-3 py-1.5 rounded-xl text-sm font-medium leading-6 bg-purple hover:bg-purple-700 text-white disabled:bg-purple-100">
<x-link href="{!! !empty($sticky->attributes->has('url')) ? $sticky->attributes->get('url') : route('dashboard') !!}" class="px-3 py-1.5 rounded-xl text-sm font-medium leading-6 bg-purple hover:bg-purple-700 text-white disabled:bg-purple-100" override="class">
{{ trans('general.go_back', ['type' => company()->name]) }}
</a>
</x-link>
</div>
</header>

View File

@@ -4,7 +4,7 @@
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div>
{{ trans('footer.powered') }}:
<a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a>
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>
&nbsp;<span class="material-icons align-middle text-black-300">code</span>&nbsp;
{{ trans('footer.version') }} {{ version('short') }}
</div>

View File

@@ -4,7 +4,7 @@
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div>
{{ trans('footer.powered') }}:
<a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a>
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>
&nbsp;<span class="material-icons align-middle text-black-300">code</span>&nbsp;
{{ trans('footer.version') }} {{ version('short') }}
</div>

View File

@@ -19,9 +19,9 @@
<div class="flex flex-row lg:flex-col gap-x-1">
@can('delete-common-uploads')
<a href="javascript:void();" id="remove-{{ $column_name }}" @click="onDeleteFile('{{ $file->id }}', '{{ route('uploads.destroy', $file->id) }}', '{{ trans('general.title.delete', ['type' => $column_name]) }}', '{{ trans('general.delete_confirm', ['name' => $file->basename, 'type' => $column_name]) }} ', '{{ trans('general.cancel') }}', '{{ trans('general.delete') }}')" type="button" class="group">
<x-link href="javascript:void();" id="remove-{{ $column_name }}" @click="onDeleteFile('{{ $file->id }}', '{{ route('uploads.destroy', $file->id) }}', '{{ trans('general.title.delete', ['type' => $column_name]) }}', '{{ trans('general.delete_confirm', ['name' => $file->basename, 'type' => $column_name]) }} ', '{{ trans('general.cancel') }}', '{{ trans('general.delete') }}')" type="button" class="group" override="class">
<span class="material-icons text-base text-red px-1.5 py-1 rounded-lg group-hover:bg-gray-100">delete</span>
</a>
</x-link>
@if ($options)
<input type="hidden" name="page_{{ $file->id}}" id="file-page-{{ $file->id}}" value="{{ $options['page'] }}" />
@@ -30,8 +30,8 @@
@endif
@endcan
<a href="{{ route('uploads.download', $file->id) }}" type="button" class="group">
<x-link href="{{ route('uploads.download', $file->id) }}" type="button" class="group" override="class">
<span class="material-icons text-base text-purple px-1.5 py-1 rounded-lg group-hover:bg-gray-100">download</span>
</a>
</x-link>
</div>
</div>

View File

@@ -23,9 +23,9 @@
<h1 class="text-lg lg:text-7xl font-semibold text-white" x-text="text"></h1>
</div>
<a href="https://akaunting.com/plans" class="text-white transition-all hover:underline">
<x-link href="https://akaunting.com/plans" class="text-white transition-all hover:underline" override="class">
{{ trans('modules.learn_more') }}
</a>
</x-link>
</div>
<div class="hidden lg:block">

View File

@@ -1,20 +1,20 @@
<div>
<div class="overflow-hidden rounded-md">
@foreach ($module->files as $file)
<a href="{{ route('apps.app.show', $module->slug) }}">
<x-link href="{{ route('apps.app.show', $module->slug) }}" override="class">
@if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail'))
<img src="{{ $file->path_string }}" alt="{{ $module->name }}" class="rounded-md transform transition-all hover:scale-125" />
@endif
</a>
</x-link>
@endforeach
</div>
<div class="flex flex-col py-2 justify-between align-bottom">
<div class="flex items-baseline justify-between">
<h4 class="w-32 truncate">
<a href="{{ route('apps.app.show', $module->slug) }}">
<x-link href="{{ route('apps.app.show', $module->slug) }}" override="class">
{!! $module->name !!}
</a>
</x-link>
</h4>
@if (! empty($module->subscription_type))

View File

@@ -11,9 +11,9 @@
{{ trans('modules.no_apps') }}
</p>
<a href="{{ route('apps.home.index') }}" class="px-3 py-1 bg-green rounded-md text-white">
<x-link href="{{ route('apps.home.index') }}" class="px-3 py-1 bg-green rounded-md text-white" override="class">
{{ trans('modules.see_all') }}
</a>
</x-link>
</div>
</div>

View File

@@ -11,13 +11,14 @@
</x-slot>
@foreach($limits as $item)
<a href="javascript:;" @click="onChangePaginationLimit($event)" value="{{ $item }}"
<x-link href="javascript:;" @click="onChangePaginationLimit($event)" value="{{ $item }}"
class="w-full flex items-center text-purple px-2 h-9 leading-9 whitespace-nowrap"
override="class"
>
<span class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100" value="{{ $item }}">
{{ $item }}
</span>
</a>
</x-link>
@endforeach
</x-dropdown>

View File

@@ -6,7 +6,7 @@
<div @class(['w-1/2 sm:w-1/3 text-center'])>
@if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}">
<a href="{{ $item['href'] }}" class="group">
<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'] !!}
@@ -16,10 +16,10 @@
<span class="font-light mt-3">
{!! $item['title'] !!}
</span>
</a>
</x-link>
</x-tooltip>
@else
<a href="{{ $item['href'] }}" class="group">
<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'] !!}
@@ -29,7 +29,7 @@
<span class="font-light mt-3">
{!! $item['title'] !!}
</span>
</a>
</x-link>
@endif
</div>
@endforeach
@@ -42,7 +42,7 @@
<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">
<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'])>
@@ -54,13 +54,13 @@
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</a>
</x-link>
@endif
</x-tooltip>
@else
@if ($first->attributes->has('href'))
<a href="{{ $first->attributes->get('hef') }}" class="group">
<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'])>
@@ -72,7 +72,7 @@
{!! $first->attributes->get('title') !!}
</span>
@if ($first->attributes->has('href'))
</a>
</x-link>
@endif
@endif
</div>
@@ -92,7 +92,7 @@
<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">
<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'])>
@@ -104,13 +104,13 @@
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</a>
</x-link>
@endif
</x-tooltip>
@else
@if ($second->attributes->has('href'))
<a href="{{ $second->attributes->get('hef') }}" class="group">
<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'])>
@@ -122,7 +122,7 @@
{!! $second->attributes->get('title') !!}
</span>
@if ($second->attributes->has('href'))
</a>
</x-link>
@endif
@endif
</div>
@@ -141,7 +141,7 @@
@if ($third->attributes->has('tooltip'))
<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">
<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'])>
@@ -153,12 +153,12 @@
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</a>
</x-link>
@endif
</x-tooltip>
@else
@if ($third->attributes->has('href'))
<a href="{{ $third->attributes->get('hef') }}" class="group">
<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'])>
@@ -170,7 +170,7 @@
{!! $third->attributes->get('title') !!}
</span>
@if ($third->attributes->has('href'))
</a>
</x-link>
@endif
@endif
</div>

View File

@@ -1,12 +1,10 @@
@props(['active'])
<div x-data="{ active: '{{ $active }}' }">
<div {{ $attributes }}>
<div>
<ul class="flex items-center">
{!! $navs !!}
</ul>
</div>
<div>
<ul {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'flex items-center']) : $attributes }}>
{!! $navs !!}
</ul>
</div>
{!! $content !!}

View File

@@ -1,13 +1,11 @@
@props(['id', 'name', 'href', 'active'])
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
@class([
'text-purple border-purple transition-al after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md' => !empty($active),
])
<li
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link"
id="tab-{{ $id }}"
data-id="tab-{{ $id }}"
data-tabs="{{ $id }}"
x-bind:class="active != '{{ $id }}' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
x-bind:class="active != '{{ $id }}' ? 'text-black' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
{{ $attributes }}
>
@if ($slot->isNotEmpty())

View File

@@ -1,14 +1,12 @@
@props(['id', 'name', 'active'])
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
@class([
'text-purple border-purple transition-al after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md' => !empty($active),
])
<li
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link"
id="tab-{{ $id }}"
data-id="tab-{{ $id }}"
data-tabs="{{ $id }}"
x-on:click="active = '{{ $id }}'"
x-bind:class="active != '{{ $id }}' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
x-bind:class="active != '{{ $id }}' ? 'text-black' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
{{ $attributes }}
>
@if ($slot->isNotEmpty())

View File

@@ -1,30 +1,16 @@
@if ($attachment)
<div class="border-b border-gray-200 pb-4"
x-data="{ attachment : null }"
>
<div class="relative w-full ltr:text-left rtl:text-right cursor-pointer group"
x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"
>
<span class="font-medium">
<x-button.hover group-hover>
{{ trans_choice('general.attachments', 2) }}
</x-button.hover>
</span>
<x-show.accordion type="attachment">
<x-slot name="head">
<x-show.accordion.head
title="{{ trans_choice('general.attachments', 2) }}"
description="{{ trans('transactions.slider.attachments') }}"
/>
</x-slot>
<div class="text-black-400 text-sm flex gap-x-1 mt-1">
{{ trans('transactions.slider.attachments') }}
</div>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span>
</div>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
x-ref="container1"
x-bind:class="attachment == 1 ? 'h-auto ' : 'scale-y-0 h-0'"
>
<x-slot name="body">
@foreach ($attachment as $file)
<x-media.file :file="$file" />
@endforeach
</div>
</div>
</x-slot>
</x-show.accordion>
@endif

View File

@@ -1,29 +1,15 @@
<div class="border-b pb-4" x-data="{ children : null }">
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group"
x-on:click="children !== 1 ? children = 1 : children = null"
>
<span class="font-medium">
<x-button.hover group-hover>
{{ trans_choice('general.transactions', 2) }}
</x-button.hover>
</span>
<x-show.accordion type="children">
<x-slot name="head">
<x-show.accordion.head
title="{{ trans_choice('general.transactions', 2) }}"
description="{!! trans('transactions.slider.children', ['count' => $transaction->children()->count()]) !!}"
/>
</x-slot>
<div class="text-black-400 text-sm flex gap-x-1 mt-1">
{!! trans('transactions.slider.children', ['count' => $transaction->children()->count()]) !!}
</div>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform"
x-bind:class="children === 1 ? 'rotate-180' : ''"
>expand_more</span>
</button>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
x-ref="container1"
x-bind:class="children == 1 ? 'h-auto ' : 'scale-y-0 h-0'"
>
<x-slot name="body">
@if ($transaction->children()->count())
@foreach ($transaction->children()->get() as $child)
@php $url = '<a href="' . route('transactions.show', $child->id) . '" class="text-purple">' . $child->number . '</a>' @endphp
@php $url = '<a href="' . route('transactions.show', $child->id) . '" class="text-purple" override="class">' . $child->number . '</a>' @endphp
<div class="my-2">
{!! trans('recurring.child', ['url' => $url, 'date' => company_date($child->paid_at)]) !!}
@@ -32,5 +18,5 @@
@else
{{ trans('general.none') }}
@endif
</div>
</div>
</x-slot>
</x-show.accordion>

View File

@@ -18,7 +18,7 @@
@php
$recurring_message = trans('recurring.message_parent', [
'type' => mb_strtolower(trans_choice($textRecurringType, 1)),
'link' => '<a href="' . route(config('type.transaction.' . $transaction->parent->type . '.route.prefix') . '.show', $parent->id) . '"><u>' . $parent->number . '</u></a>'
'link' => '<a href="' . route(config('type.transaction.' . $transaction->parent->type . '.route.prefix') . '.show', $parent->id) . '" override="class"><u>' . $parent->number . '</u></a>'
]);
@endphp

View File

@@ -1,14 +1,10 @@
@php $created_date = '<span class="font-medium">' . company_date($transaction->created_at) . '</span>' @endphp
<div class="border-b pb-4" x-data="{ create : null }">
<button class="relative w-full ltr:text-left rtl:text-right group"
x-on:click="create !== 1 ? create = 1 : create = null"
>
<span class="font-medium">
<x-button.hover>
{{ trans('general.create') }}
</x-button.hover>
</span>
<x-show.accordion type="create">
<x-slot name="head">
<x-show.accordion.head
title="{{ trans('general.create') }}"
/>
<div class="text-black-400 text-sm flex gap-x-1 mt-1">
@if ($transaction->isRecurringTransaction())
@@ -17,6 +13,7 @@
{!! trans('transactions.slider.create', ['user' => $transaction->owner->name, 'date' => $created_date]) !!}
@endif
</div>
</x-slot>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span>
</button>
@@ -27,10 +24,10 @@
>
@if ($transaction->isNotTransferTransaction())
<div class="flex my-3 space-x-2 rtl:space-x-reverse">
<a href="{{ route($routeButtonEdit, [$transaction->id, 'type' => $transaction->type]) }}" id="show-slider-actions-edit-{{ $transaction->type }}" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6">
<x-link href="{{ route($routeButtonEdit, [$transaction->id, 'type' => $transaction->type]) }}" id="show-slider-actions-edit-{{ $transaction->type }}" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6">
{{ trans('general.edit') }}
</a>
</x-link>
</div>
@endif
</div>
</div>
</x-slot>
</x-show.accordion>

View File

@@ -3,27 +3,15 @@
$frequency = Str::lower(trans('recurring.' . str_replace('ly', 's', $transaction->recurring->frequency)));
@endphp
<div class="border-b pb-4" x-data="{ schedule : null }">
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group"
x-on:click="schedule !== 1 ? schedule = 1 : schedule = null"
>
<span class="font-medium">
<x-button.hover group-hover>
{{ trans_choice('general.schedules', 1) }}
</x-button.hover>
</span>
<x-show.accordion type="schedule">
<x-slot name="head">
<x-show.accordion.head
title="{{ trans_choice('general.schedules', 1) }}"
description="{!! trans('transactions.slider.schedule', ['frequency' => $frequency, 'interval' => $transaction->recurring->interval, 'date' => $started_date]) !!}"
/>
</x-slot>
<div class="text-black-400 text-sm flex gap-x-1 mt-1">
{!! trans('transactions.slider.schedule', ['frequency' => $frequency, 'interval' => $transaction->recurring->interval, 'date' => $started_date]) !!}
</div>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="schedule === 1 ? 'rotate-180' : ''">expand_more</span>
</button>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
x-ref="container1"
x-bind:class="schedule == 1 ? 'h-auto ' : 'scale-y-0 h-0'"
>
<x-slot name="body">
<div class="flex my-3 space-x-2 rtl:space-x-reverse">
@if ($next = $transaction->recurring->getNextRecurring())
{{ trans('recurring.next_date', ['date' => $next->format(company_date_format())]) }}
@@ -41,5 +29,5 @@
{{ trans('documents.statuses.ended') }}
@endif
</div>
</div>
</div>
</x-slot>
</x-show.accordion>

View File

@@ -5,46 +5,37 @@
@php
$from_account = '<span class="font-medium">' . $transfer->expense_account->title . '</span>';
$to_account = '<span class="font-medium">' . $transfer->income_account->title . '</span>';
$date = '<a href="' . route('transfers.show', $transfer->id) . '" class="text-purple">' . company_date($transaction->paid_at) . '</a>';
$date = '<a href="' . route('transfers.show', $transfer->id) . '" class="text-purple" override="class">' . company_date($transaction->paid_at) . '</a>';
@endphp
@endif
<div class="border-b pb-4" x-data="{ transfer : 1 }">
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group"
x-on:click="transfer !== 1 ? transfer = 1 : transfer = null"
>
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
{{ trans_choice('general.transfers', 1) }}
</span>
<x-show.accordion type="transfer" open>
<x-slot name="head">
<x-show.accordion.head
title="{{ trans_choice('general.transfers', 1) }}"
/>
@if ($transfer)
<div class="text-black-400 text-sm flex gap-x-1 mt-1">
{!! trans('transactions.slider.transfer_headline', ['from_account' => $from_account, 'to_account' => $to_account]) !!}
</div>
@endif
</x-slot>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform"
x-bind:class="transfer === 1 ? 'rotate-180' : ''"
>expand_more</span>
</button>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
x-ref="container1"
x-bind:class="transfer === 1 ? 'h-auto' : 'scale-y-0 h-0'"
>
<x-slot name="body">
@if ($transfer)
<div class="my-2">
{!! trans('transactions.slider.transfer_desc', ['date' => $date]) !!}
</div>
@else
<div class="mt-2">
<div class="alert alert-notify p-4 font-bold rounded-lg bg-orange-100 text-orange-600">
<span class="alert-text">
<span>{{ trans('messages.warning.missing_transfer') }}</span>
</span>
<div class="my-2">
{!! trans('transactions.slider.transfer_desc', ['date' => $date]) !!}
</div>
@else
<div class="mt-2">
<div class="alert alert-notify p-4 font-bold rounded-lg bg-orange-100 text-orange-600">
<span class="alert-text">
<span>{{ trans('messages.warning.missing_transfer') }}</span>
</span>
</div>
</div>
</div>
@endif
</div>
</div>
</x-slot>
</x-show.accordion>
@endif

View File

@@ -1,26 +1,16 @@
@if ($transfer->attachment)
<div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }">
<div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null">
<span class="font-medium">
<x-button.hover group-hover>
{{ trans_choice('general.attachments', 2) }}
</x-button.hover>
</span>
<x-show.accordion type="attachment">
<x-slot name="head">
<x-show.accordion.head
title="{{ trans_choice('general.attachments', 2) }}"
description="{{ trans('transfers.slider.attachments') }}"
/>
</x-slot>
<div class="text-black-400 text-sm">
{{ trans('transers.slider.attachments') }}
</div>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span>
</div>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
x-ref="container1"
x-bind:class="attachment == 1 ? 'h-auto ' : 'scale-y-0 h-0'"
>
<x-slot name="body">
@foreach ($transfer->attachment as $file)
<x-media.file :file="$file" />
@endforeach
</div>
</div>
</x-slot>
</x-show.accordion>
@endif

View File

@@ -1,29 +1,18 @@
@php $created_date = '<span class="font-medium">' . company_date($transfer->created_at) . '</span>' @endphp
<div class="border-b pb-4" x-data="{ create : null }">
<button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null">
<span class="font-medium">
<x-button.hover group-hover>
{{ trans('general.create') }}
</x-button.hover>
</span>
<x-show.accordion type="create">
<x-slot name="head">
<x-show.accordion.head
title="{{ trans('general.create') }}"
description="{!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!}"
/>
</x-slot>
<div class="text-black-400 text-sm">
{!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!}
</div>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span>
</button>
<div
class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
x-ref="container1"
x-bind:class="create == 1 ? 'h-auto ' : 'scale-y-0 h-0'"
>
<x-slot name="body">
<div class="flex my-3 space-x-2 rtl:space-x-reverse">
<a href="{{ route('transfers.edit', $transfer->id) }}" id="show-slider-actions-edit-transfer" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6">
<x-link href="{{ route('transfers.edit', $transfer->id) }}" id="show-slider-actions-edit-transfer" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6">
{{ trans('general.edit') }}
</a>
</x-link>
</div>
</div>
</div>
</x-slot>
</x-show.accordion>

View File

@@ -1,27 +1,18 @@
@php
$link_class = 'to-black-400 hover:bg-full-2 bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize';
$expense_number = '<a href="' . route('transactions.show', $transfer->expense_transaction->id) . '" class="' . $link_class . '">' . $transfer->expense_transaction->number . '</a>';
$income_number = '<a href="' . route('transactions.show', $transfer->income_transaction->id) . '" class="' . $link_class . '">' . $transfer->income_transaction->number . '</a>';
$expense_number = '<a href="' . route('transactions.show', $transfer->expense_transaction->id) . '" class="' . $link_class . '" override="class">' . $transfer->expense_transaction->number . '</a>';
$income_number = '<a href="' . route('transactions.show', $transfer->income_transaction->id) . '" class="' . $link_class . '" override="class">' . $transfer->income_transaction->number . '</a>';
@endphp
<div class="border-b pb-4" x-data="{ transactions : null }">
<button class="relative w-full text-left group" x-on:click="transactions !== 1 ? transactions = 1 : transactions = null">
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
{{ trans_choice('general.transactions', 2) }}
</span>
<x-show.accordion type="transactions">
<x-slot name="head">
<x-show.accordion.head
title="{{ trans_choice('general.transactions', 2) }}"
description="{!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!}"
/>
</x-slot>
<div class="text-black-400 text-sm">
{!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!}
</div>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="transactions === 1 ? 'rotate-180' : ''">expand_more</span>
</button>
<div
class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
x-ref="container1"
x-bind:class="transactions === 1 ? 'h-auto' : 'scale-y-0 h-0'"
>
<x-slot name="body">
<div class="my-2">
{!! trans('transfers.slider.transactions_desc', ['number' => $expense_number, 'account' => $transfer->expense_account->title]) !!}
</div>
@@ -29,5 +20,5 @@
<div class="my-2">
{!! trans('transfers.slider.transactions_desc', ['number' => $income_number, 'account' => $transfer->income_account->title]) !!}
</div>
</div>
</div>
</x-slot>
</x-show.accordion>

View File

@@ -45,7 +45,7 @@
@endif
</div>
<a href="{{ route('portal.profile.edit', user()->id) }}" class="border-b text-sm hover:text-black">
<x-link href="{{ route('portal.profile.edit', user()->id) }}" class="border-b text-sm hover:text-black" override="class">
{{ trans('portal.see_all_details') }}
</a>
</x-link>
</div>

View File

@@ -11,9 +11,9 @@
@endforeach
@if ($invoices->count() > 2)
<a href="{{ route('portal.invoices.index') }}" class="underline hover:text-black-700">
<x-link href="{{ route('portal.invoices.index') }}" class="underline hover:text-black-700" override="class">
{{ trans('modules.see_all_type', ['type' => trans_choice('general.invoices', 2)]) }}
</a>
</x-link>
@endif
@else
<span class="text-xs">

View File

@@ -11,9 +11,9 @@
@endforeach
@if ($invoices->count() > 2)
<a href="{{ route('portal.invoices.index') }}" class="underline hover:text-black-700">
<x-link href="{{ route('portal.invoices.index') }}" class="underline hover:text-black-700" override="class">
{{ trans('modules.see_all_type', ['type' => trans_choice('general.invoices', 2)]) }}
</a>
</x-link>
@endif
@else
<span class="text-xs">

View File

@@ -13,9 +13,9 @@
<x-money :amount="$contact->overdue" :currency="$contact->currency_code" convert />
</span>
<a href="{{ route('portal.invoices.index') }}" class="px-2 py-1 my-3 rounded-lg text-xs leading-6 bg-green text-white hover:bg-green-700 disabled:bg-green-100">
<x-link href="{{ route('portal.invoices.index') }}" class="px-2 py-1 my-3 rounded-lg text-xs leading-6 bg-green text-white hover:bg-green-700 disabled:bg-green-100" override="class">
{{ trans('bills.make_payment') }}
</a>
</x-link>
</div>
@else
<span class="text-xs">

View File

@@ -15,9 +15,9 @@
@endforeach
@if ($payments->count() > 2)
<a href="{{ route('portal.payments.index') }}" class="underline hover:text-black-700">
<x-link href="{{ route('portal.payments.index') }}" class="underline hover:text-black-700" override="class">
{{ trans('modules.see_all_type', ['type' => trans_choice('general.payments', 2)]) }}
</a>
</x-link>
@endif
@else
<span class="text-xs">