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
commit e7a05d12ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
89 changed files with 1208 additions and 1339 deletions

View File

@ -0,0 +1,38 @@
<?php
namespace App\View\Components\Form;
use App\Abstracts\View\Component;
use Illuminate\Support\Str;
class Section extends Component
{
public $spacingVertical;
public $spacingHorizontal;
public $columnNumber;
/**
* Create a new component instance.
*
* @return void
*/
public function __construct(
string $spacingVertical = 'gap-y-6', string $spacingHorizontal = 'gap-x-8', string $columnNumber = 'sm:grid-cols-6',
) {
$this->spacingVertical = $spacingVertical;
$this->spacingHorizontal = $spacingHorizontal;
$this->columnNumber = $columnNumber;
}
/**
* Get the view / contents that represent the component.
*
* @return \Illuminate\Contracts\View\View|string
*/
public function render()
{
return view('components.form.section.index');
}
}

View File

@ -11,6 +11,7 @@ class Td extends Component
public $override; public $override;
public $kind; public $kind;
public $hiddenMobile;
/** /**
* Create a new component instance. * Create a new component instance.
@ -18,11 +19,12 @@ class Td extends Component
* @return void * @return void
*/ */
public function __construct( public function __construct(
string $class = '', string $override = '', string $kind = '' string $class = '', string $override = '', string $kind = '', bool $hiddenMobile = false,
) { ) {
$this->override = $this->getOverride($override); $this->override = $this->getOverride($override);
$this->kind = $kind; $this->kind = $kind;
$this->hiddenMobile = $hiddenMobile;
$this->class = $this->getClass($class); $this->class = $this->getClass($class);
} }
@ -47,6 +49,10 @@ class Td extends Component
return $class; return $class;
} }
if ($this->hiddenMobile) {
$class = $class . ' ' . 'hidden sm:table-cell';
}
$default = 'py-4 whitespace-nowrap text-sm font-normal text-black truncate'; $default = 'py-4 whitespace-nowrap text-sm font-normal text-black truncate';
switch ($this->kind) { switch ($this->kind) {
@ -56,6 +62,9 @@ class Td extends Component
case 'right': case 'right':
$default = $class . ' ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left ' . $default; $default = $class . ' ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left ' . $default;
break; break;
case 'bulkaction':
$default = $class . 'ltr:pr-6 rtl:pl-6 hidden sm:table-cell';
break;
case 'action': case 'action':
$default = 'p-0'; $default = 'p-0';
break; break;

View File

@ -12,17 +12,20 @@ class Th extends Component
public $kind; public $kind;
public $hiddenMobile;
/** /**
* Create a new component instance. * Create a new component instance.
* *
* @return void * @return void
*/ */
public function __construct( public function __construct(
string $class = '', string $override = '', string $kind = '' string $class = '', string $override = '', string $kind = '', bool $hiddenMobile = false,
) { ) {
$this->override = $this->getOverride($override); $this->override = $this->getOverride($override);
$this->kind = $kind; $this->kind = $kind;
$this->hiddenMobile = $hiddenMobile;
$this->class = $this->getClass($class); $this->class = $this->getClass($class);
} }
@ -47,6 +50,10 @@ class Th extends Component
return $class; return $class;
} }
if ($this->hiddenMobile) {
$class = $class . ' ' . 'hidden sm:table-cell';
}
$default = 'py-3 text-xs font-medium text-black tracking-wider'; $default = 'py-3 text-xs font-medium text-black tracking-wider';
switch ($this->kind) { switch ($this->kind) {
@ -56,6 +63,9 @@ class Th extends Component
case 'right': case 'right':
$default = $class . ' ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left' . $default; $default = $class . ' ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left' . $default;
break; break;
case 'bulkaction':
$default = $class . 'ltr:pr-6 rtl:pl-6 hidden sm:table-cell';
break;
default: default:
$default = $class . ' ltr:pr-6 rtl:pl-6 ltr:text-left rtl:text-right ' . $default; $default = $class . ' ltr:pr-6 rtl:pl-6 ltr:text-left rtl:text-right ' . $default;
} }

View File

@ -45,6 +45,10 @@ class Tr extends Component
return 'relative flex items-center px-1 group border-b hover:bg-gray-100'; return 'relative flex items-center px-1 group border-b hover:bg-gray-100';
} }
else if (array_key_exists('App\View\Components\Table\Thead', $values)) {
return 'flex items-center px-1';
}
return ''; return '';
} }
} }

53
public/css/app.css vendored
View File

@ -47697,10 +47697,6 @@ body{
border-color: rgb(85 88 139 / var(--tw-border-opacity)); border-color: rgb(85 88 139 / var(--tw-border-opacity));
} }
.focus\:border-transparent:focus{
border-color: transparent;
}
.focus\:border-blue-300:focus{ .focus\:border-blue-300:focus{
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(153 197 219 / var(--tw-border-opacity)); border-color: rgb(153 197 219 / var(--tw-border-opacity));
@ -47791,11 +47787,6 @@ body{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.group:hover .group-hover\:border-black{
--tw-border-opacity: 1;
border-color: rgb(66 66 66 / var(--tw-border-opacity));
}
.group:hover .group-hover\:bg-gray-900{ .group:hover .group-hover\:bg-gray-900{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity)); background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@ -47947,18 +47938,14 @@ body{
padding-right: 1.5rem; padding-right: 1.5rem;
} }
[dir="ltr"] .ltr\:pl-0{ [dir="ltr"] .ltr\:pr-0{
padding-left: 0px; padding-right: 0px;
} }
[dir="ltr"] .ltr\:pl-6{ [dir="ltr"] .ltr\:pl-6{
padding-left: 1.5rem; padding-left: 1.5rem;
} }
[dir="ltr"] .ltr\:pr-0{
padding-right: 0px;
}
[dir="ltr"] .ltr\:pl-3{ [dir="ltr"] .ltr\:pl-3{
padding-left: 0.75rem; padding-left: 0.75rem;
} }
@ -48126,18 +48113,14 @@ body{
padding-left: 1.5rem; padding-left: 1.5rem;
} }
[dir="rtl"] .rtl\:pr-0{
padding-right: 0px;
}
[dir="rtl"] .rtl\:pr-6{
padding-right: 1.5rem;
}
[dir="rtl"] .rtl\:pl-0{ [dir="rtl"] .rtl\:pl-0{
padding-left: 0px; padding-left: 0px;
} }
[dir="rtl"] .rtl\:pr-0{
padding-right: 0px;
}
[dir="rtl"] .rtl\:pr-3{ [dir="rtl"] .rtl\:pr-3{
padding-right: 0.75rem; padding-right: 0.75rem;
} }
@ -48484,6 +48467,10 @@ body{
width: 25%; width: 25%;
} }
.lg\:w-2\/12{
width: 16.666667%;
}
.lg\:w-80{ .lg\:w-80{
width: 20rem; width: 20rem;
} }
@ -48504,10 +48491,6 @@ body{
width: 60%; width: 60%;
} }
.lg\:w-2\/12{
width: 16.666667%;
}
.lg\:w-7\/12{ .lg\:w-7\/12{
width: 58.333333%; width: 58.333333%;
} }
@ -48716,14 +48699,14 @@ body{
padding-left: 3rem; padding-left: 3rem;
} }
[dir="ltr"] .lg\:ltr\:pl-24{
padding-left: 6rem;
}
[dir="ltr"] .ltr\:lg\:pl-8{ [dir="ltr"] .ltr\:lg\:pl-8{
padding-left: 2rem; padding-left: 2rem;
} }
[dir="ltr"] .lg\:ltr\:pl-24{
padding-left: 6rem;
}
[dir="rtl"] .lg\:rtl\:left-0{ [dir="rtl"] .lg\:rtl\:left-0{
left: 0px; left: 0px;
} }
@ -48736,13 +48719,13 @@ body{
padding-right: 3rem; padding-right: 3rem;
} }
[dir="rtl"] .lg\:rtl\:pr-24{
padding-right: 6rem;
}
[dir="rtl"] .rtl\:lg\:pr-8{ [dir="rtl"] .rtl\:lg\:pr-8{
padding-right: 2rem; padding-right: 2rem;
} }
[dir="rtl"] .lg\:rtl\:pr-24{
padding-right: 6rem;
}
} }
@media (min-width: 1280px){ @media (min-width: 1280px){

View File

@ -28,6 +28,7 @@ return [
'create' => ':user created this transfer on :date', 'create' => ':user created this transfer on :date',
'transactions' => 'List of transactions related to this transfer', 'transactions' => 'List of transactions related to this transfer',
'transactions_desc' => ':number transaction for :account', 'transactions_desc' => ':number transaction for :account',
'attachments' => 'Download the files attached to this transfer',
], ],
]; ];

View File

@ -57,9 +57,9 @@
@stack('remember_input_end') @stack('remember_input_end')
@stack('forgotten-password-start') @stack('forgotten-password-start')
<a href="{{ route('forgot') }}" class="text-black-400 hover:text-black-700 text-sm"> <x-link href="{{ route('forgot') }}" class="text-black-400 hover:text-black-700 text-sm" override="class">
{{ trans('auth.forgot_password') }} {{ trans('auth.forgot_password') }}
</a> </x-link>
@stack('forgotten-password-end') @stack('forgotten-password-end')
</div> </div>

View File

@ -25,8 +25,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -34,7 +34,7 @@
<x-sortablelink column="name" title="{{ trans('general.name') }}" /> <x-sortablelink column="name" title="{{ trans('general.name') }}" />
</x-table.th> </x-table.th>
<x-table.th class="w-4/12"> <x-table.th class="w-4/12" hidden-mobile>
<x-sortablelink column="email" title="{{ trans('general.email') }}" /> <x-sortablelink column="email" title="{{ trans('general.email') }}" />
</x-table.th> </x-table.th>
@ -47,7 +47,7 @@
<x-table.tbody> <x-table.tbody>
@foreach($users as $item) @foreach($users as $item)
<x-table.tr href="{{ route('users.edit', $item->id) }}"> <x-table.tr href="{{ route('users.edit', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single <x-index.bulkaction.single
id="{{ $item->id }}" id="{{ $item->id }}"
name="{{ $item->name }}" name="{{ $item->name }}"
@ -77,20 +77,18 @@
</div> </div>
</x-table.td> </x-table.td>
<x-table.td class="w-4/12 hidden sm:table-cell"> <x-table.td class="w-4/12" hidden-mobile>
{{ $item->email }} {{ $item->email }}
</x-table.td> </x-table.td>
<x-table.td <x-table.td kind="right">
class="w-4/12 sm:w-3/12 ltr:pl-0 rtl:pr-0 ltr:text-right rtl:text-left py-4 whitespace-nowrap text-sm font-normal text-black space-x-2 truncate" <div class="space-x-2">
override="class"
kind="right"
>
@foreach($item->roles as $role) @foreach($item->roles as $role)
<span class="bg-lilac-900 px-2 py-0.5 test-xs rounded-lg text-black"> <span class="bg-lilac-900 px-2 py-0.5 test-xs rounded-lg text-black">
{{ $role->display_name }} {{ $role->display_name }}
</span> </span>
@endforeach @endforeach
</div>
</x-table.td> </x-table.td>
<x-table.td kind="action"> <x-table.td kind="action">

View File

@ -26,8 +26,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -40,7 +40,7 @@
</x-slot> </x-slot>
</x-table.th> </x-table.th>
<x-table.th class="w-4/12 hidden sm:table-cell"> <x-table.th class="w-4/12" hidden-mobile>
<x-slot name="first"> <x-slot name="first">
<x-sortablelink column="bank_name" title="{{ trans('accounts.bank_name') }}" /> <x-sortablelink column="bank_name" title="{{ trans('accounts.bank_name') }}" />
</x-slot> </x-slot>
@ -58,15 +58,13 @@
<x-table.tbody> <x-table.tbody>
@foreach($accounts as $item) @foreach($accounts as $item)
<x-table.tr href="{{ route('accounts.show', $item->id) }}"> <x-table.tr href="{{ route('accounts.show', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
</x-table.td> </x-table.td>
<x-table.td class="w-6/12 sm:w-5/12 truncate"> <x-table.td class="w-6/12 sm:w-5/12">
<x-slot name="first" class="flex"> <x-slot name="first" class="flex">
<div class="font-bold truncate">
{{ $item->name }} {{ $item->name }}
</div>
@if (! $item->enabled) @if (! $item->enabled)
<x-index.disable text="{{ trans_choice('general.accounts', 1) }}" /> <x-index.disable text="{{ trans_choice('general.accounts', 1) }}" />
@ -81,7 +79,7 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-4/12 truncate hidden sm:table-cell"> <x-table.td class="w-4/12" hidden-mobile>
<x-slot name="first"> <x-slot name="first">
@if (! empty($item->bank_name)) @if (! empty($item->bank_name))
{{ $item->bank_name }} {{ $item->bank_name }}

View File

@ -215,7 +215,6 @@
id="transactions" id="transactions"
name="{{ trans_choice('general.transactions', 2) }}" name="{{ trans_choice('general.transactions', 2) }}"
active active
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@stack('transfers_nav_start') @stack('transfers_nav_start')
@ -223,7 +222,6 @@
<x-tabs.nav <x-tabs.nav
id="transfers" id="transfers"
name="{{ trans_choice('general.transfers', 2) }}" name="{{ trans_choice('general.transfers', 2) }}"
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@stack('transfers_nav_end') @stack('transfers_nav_end')
@ -236,7 +234,7 @@
@if ($transactions->count()) @if ($transactions->count())
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="w-6/12 lg:w-3/12"> <x-table.th class="w-6/12 lg:w-3/12">
<x-slot name="first"> <x-slot name="first">
<x-sortablelink column="paid_at" title="{{ trans('general.date') }}" /> <x-sortablelink column="paid_at" title="{{ trans('general.date') }}" />
@ -246,7 +244,7 @@
</x-slot> </x-slot>
</x-table.th> </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-slot name="first">
<x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" /> <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" />
</x-slot> </x-slot>
@ -255,7 +253,7 @@
</x-slot> </x-slot>
</x-table.th> </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-slot name="first">
<x-sortablelink column="contact.name" title="{{ trans_choice('general.contacts', 1) }}" /> <x-sortablelink column="contact.name" title="{{ trans_choice('general.contacts', 1) }}" />
</x-slot> </x-slot>
@ -282,7 +280,7 @@
</x-slot> </x-slot>
</x-table.td> </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"> <x-slot name="first">
{{ $item->type_title }} {{ $item->type_title }}
</x-slot> </x-slot>
@ -291,16 +289,16 @@
</x-slot> </x-slot>
</x-table.td> </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"> <x-slot name="first">
{{ $item->contact->name }} {{ $item->contact->name }}
</x-slot> </x-slot>
<x-slot name="second" class="w-20 font-normal group"> <x-slot name="second" class="w-20 font-normal group">
@if ($item->document) @if ($item->document)
<div data-tooltip-target="tooltip-information-{{ $item->document_id }}" data-tooltip-placement="left" override="class"> <div data-tooltip-target="tooltip-information-{{ $item->document_id }}" data-tooltip-placement="left" override="class">
<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 }} {{ $item->document->document_number }}
</a> </x-link>
<div class="w-28 absolute h-10 -ml-12 -mt-6"></div> <div class="w-28 absolute h-10 -ml-12 -mt-6"></div>
@ -336,8 +334,8 @@
@if ($transfers->count()) @if ($transfers->count())
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<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-slot name="first">
<x-sortablelink column="expense_transaction.paid_at" title="{{ trans('general.created_date') }}" /> <x-sortablelink column="expense_transaction.paid_at" title="{{ trans('general.created_date') }}" />
</x-slot> </x-slot>
@ -386,7 +384,7 @@
@endphp @endphp
<x-table.tr href="{{ route('transfers.show', $item->id) }}"> <x-table.tr href="{{ route('transfers.show', $item->id) }}">
<x-table.td class="w-3/12 truncate hidden sm:table-cell"> <x-table.td class="w-3/12" hidden-mobile>
<x-slot name="first" class="flex items-center font-bold" override="class"> <x-slot name="first" class="flex items-center font-bold" override="class">
<x-date date="{{ $item->expense_transaction->paid_at }}" /> <x-date date="{{ $item->expense_transaction->paid_at }}" />
</x-slot> </x-slot>

View File

@ -12,8 +12,8 @@
<x-slot name="content"> <x-slot name="content">
<div class="relative mt-4"> <div class="relative mt-4">
<x-form id="form-create-reconciliation" method="get" route="reconciliations.create"> <x-form id="form-create-reconciliation" method="get" route="reconciliations.create">
<div class=" mb-14"> <x-form.section column-number="sm:grid-cols-10">
<div class="grid sm:grid-cols-10 gap-x-8 gap-y-6 my-3.5 mt-3.5 lg:mt-8"> <x-slot name="body">
<x-form.group.date <x-form.group.date
name="started_at" name="started_at"
label="{{ trans('reconciliations.start_date') }}" label="{{ trans('reconciliations.start_date') }}"
@ -66,8 +66,8 @@
{{ trans('reconciliations.transactions') }} {{ trans('reconciliations.transactions') }}
</x-button> </x-button>
</div> </div>
</div> </x-slot>
</div> </x-form.section>
</x-form> </x-form>
<div id="reconciliations-table"> <div id="reconciliations-table">
@ -84,71 +84,69 @@
<x-form.input.hidden name="ended_at" :value="request('ended_at')" /> <x-form.input.hidden name="ended_at" :value="request('ended_at')" />
<x-form.input.hidden name="reconcile" value="0" id="hidden-reconcile" /> <x-form.input.hidden name="reconcile" value="0" id="hidden-reconcile" />
<div class="overflow-x-visible"> <x-table>
<div class="py-2 align-middle inline-block min-w-full"> <x-table.thead>
<table class="min-w-full divide-y divide-gray-200"> <x-table.tr>
<thead> <x-table.th class="w-6/12 lg:w-2/12">
<tr class="flex items-center px-1">
<th scope="col" 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">
{{ trans('general.date') }} {{ trans('general.date') }}
</th> </x-table.th>
<th scope="col" class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> <x-table.th class="w-3/12" hidden-mobile>
{{ trans('general.description') }} {{ trans('general.description') }}
</th> </x-table.th>
<th scope="col" class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> <x-table.th class="w-6/12 lg:w-3/12">
{{ trans_choice('general.contacts', 1) }} {{ trans_choice('general.contacts', 1) }}
</th> </x-table.th>
<th scope="col" 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"> <x-table.th class="w-2/12" hidden-mobile>
{{ trans('reconciliations.deposit') }} {{ trans('reconciliations.deposit') }}
</th> </x-table.th>
<th scope="col" 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"> <x-table.th class="w-6/12 lg:w-2/12" hidden-mobile>
{{ trans('reconciliations.withdrawal') }} {{ trans('reconciliations.withdrawal') }}
</th> </x-table.th>
<th scope="col" class="ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left py-4 text-center text-sm font-medium"> <x-table.th kind="amount" class="none-truncate">
{{ trans('general.clear') }} {{ trans('general.clear') }}
</th> </x-table.th>
</tr> </x-table.tr>
</thead> </x-table.thead>
<tbody> <x-table.tbody>
@foreach($transactions as $item) @foreach($transactions as $item)
<tr class="relative flex items-center border-b hover:bg-gray-100 px-1 group"> <x-table.tr>
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" kind="cursor-none">
<x-date date="{{ $item->paid_at }}" /> <x-date date="{{ $item->paid_at }}" />
</td> </x-table.td>
<td class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider truncate"> <x-table.td class="w-3/12" hidden-mobile kind="cursor-none">
{{ $item->description }} {{ $item->description }}
</td> </x-table.td>
<td class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider truncate"> <x-table.td class="w-6/12 lg:w-3/12" kind="cursor-none">
{{ $item->contact->name }} {{ $item->contact->name }}
</td> </x-table.td>
@if ($item->isIncome()) @if ($item->isIncome())
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none">
<x-money :amount="$item->amount" :currency="$item->currency_code" convert /> <x-money :amount="$item->amount" :currency="$item->currency_code" convert />
</td> </x-table.td>
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none">
<x-empty-data /> <x-empty-data />
</td> </x-table.td>
@else @else
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none">
<x-empty-data /> <x-empty-data />
</td> </x-table.td>
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none">
<x-money :amount="$item->amount" :currency="$item->currency_code" convert /> <x-money :amount="$item->amount" :currency="$item->currency_code" convert />
</td> </x-table.td>
@endif @endif
<td class="ltr:pl-6 rtl:pr-6 py-4 text-center text-sm font-medium"> <x-table.td kind="amount" class="none-truncate">
@php $type = $item->isIncome() ? 'income' : 'expense'; @endphp @php $type = $item->isIncome() ? 'income' : 'expense'; @endphp
<x-form.input.checkbox name="{{ $type . '_' . $item->id }}" <x-form.input.checkbox name="{{ $type . '_' . $item->id }}"
@ -160,11 +158,11 @@
v-model="form.transactions.{{ $type . '_' . $item->id }}" v-model="form.transactions.{{ $type . '_' . $item->id }}"
@change="onCalculate" @change="onCalculate"
/> />
</td> </x-table.td>
</tr> </x-table.tr>
@endforeach @endforeach
</tbody> </x-table.tbody>
</table> </x-table>
@if ($transactions->count()) @if ($transactions->count())
<table class="min-w-full divide-y divide-gray-200"> <table class="min-w-full divide-y divide-gray-200">
@ -247,8 +245,6 @@
</tbody> </tbody>
</table> </table>
@endif @endif
</div>
</div>
<div class="mt-6"> <div class="mt-6">
@if ($transactions->count()) @if ($transactions->count())

View File

@ -18,71 +18,69 @@
<x-form.input.hidden name="ended_at" :value="$reconciliation->ended_at" /> <x-form.input.hidden name="ended_at" :value="$reconciliation->ended_at" />
<x-form.input.hidden name="reconcile" :value="$reconciliation->reconcile" id="hidden-reconcile" /> <x-form.input.hidden name="reconcile" :value="$reconciliation->reconcile" id="hidden-reconcile" />
<div class="overflow-x-visible"> <x-table>
<div class="py-2 align-middle inline-block min-w-full"> <x-table.thead>
<table class="min-w-full divide-y divide-gray-200"> <x-table.tr>
<thead> <x-table.th class="w-6/12 lg:w-2/12">
<tr class="flex items-center px-1">
<th scope="col" 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">
{{ trans('general.date') }} {{ trans('general.date') }}
</th> </x-table.th>
<th scope="col" class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> <x-table.th class="w-3/12" hidden-mobile>
{{ trans('general.description') }} {{ trans('general.description') }}
</th> </x-table.th>
<th scope="col" class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> <x-table.th class="w-6/12 lg:w-3/12">
{{ trans_choice('general.contacts', 1) }} {{ trans_choice('general.contacts', 1) }}
</th> </x-table.th>
<th scope="col" 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"> <x-table.th class="w-2/12" hidden-mobile>
{{ trans('reconciliations.deposit') }} {{ trans('reconciliations.deposit') }}
</th> </x-table.th>
<th scope="col" 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"> <x-table.th class="w-6/12 lg:w-2/12" hidden-mobile>
{{ trans('reconciliations.withdrawal') }} {{ trans('reconciliations.withdrawal') }}
</th> </x-table.th>
<th scope="col" class="ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left py-4 text-center text-sm font-medium"> <x-table.th kind="amount" class="none-truncate">
{{ trans('general.clear') }} {{ trans('general.clear') }}
</th> </x-table.th>
</tr> </x-table.tr>
</thead> </x-table.thead>
<tbody> <x-table.tbody>
@foreach($transactions as $item) @foreach($transactions as $item)
<tr class="relative flex items-center border-b hover:bg-gray-100 px-1 group"> <x-table.tr>
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" kind="cursor-none">
<x-date date="{{ $item->paid_at }}" /> <x-date date="{{ $item->paid_at }}" />
</td> </x-table.td>
<td class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider truncate"> <x-table.td class="w-3/12" hidden-mobile kind="cursor-none">
{{ $item->description }} {{ $item->description }}
</td> </x-table.td>
<td class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider truncate"> <x-table.td class="w-6/12 lg:w-3/12" kind="cursor-none">
{{ $item->contact->name }} {{ $item->contact->name }}
</td> </x-table.td>
@if ($item->isIncome()) @if ($item->isIncome())
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none">
<x-money :amount="$item->amount" :currency="$item->currency_code" convert /> <x-money :amount="$item->amount" hidden-mobile :currency="$item->currency_code" convert />
</td> </x-table.td>
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none">
<x-empty-data /> <x-empty-data />
</td> </x-table.td>
@else @else
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none">
<x-empty-data /> <x-empty-data />
</td> </x-table.td>
<td 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"> <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none">
<x-money :amount="$item->amount" :currency="$item->currency_code" convert /> <x-money :amount="$item->amount" :currency="$item->currency_code" convert />
</td> </x-table.td>
@endif @endif
<td class="ltr:pl-6 rtl:pr-6 py-4 text-center text-sm font-medium"> <x-table.td kind="amount" class="none-truncate">
@php @php
$type = $item->isIncome() ? 'income' : 'expense'; $type = $item->isIncome() ? 'income' : 'expense';
$name = $type . '_' . $item->id; $name = $type . '_' . $item->id;
@ -104,11 +102,11 @@
class="text-purple focus:outline-none focus:ring-purple focus:border-purple" class="text-purple focus:outline-none focus:ring-purple focus:border-purple"
@change="onCalculate" @change="onCalculate"
/> />
</td> </x-table.td>
</tr> </x-table.tr>
@endforeach @endforeach
</tbody> </x-table.tbody>
</table> </x-table>
@if ($transactions->count()) @if ($transactions->count())
<table class="min-w-full divide-y divide-gray-200"> <table class="min-w-full divide-y divide-gray-200">
@ -191,8 +189,6 @@
</tbody> </tbody>
</table> </table>
@endif @endif
</div>
</div>
@can('update-banking-reconciliations') @can('update-banking-reconciliations')
<div class="mt-6"> <div class="mt-6">

View File

@ -41,12 +41,12 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </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="created_at" title="{{ trans('general.created_date') }}" /> <x-sortablelink column="created_at" title="{{ trans('general.created_date') }}" />
</x-table.th> </x-table.th>
@ -54,7 +54,7 @@
<x-sortablelink column="account_id" title="{{ trans_choice('general.accounts', 1) }}" /> <x-sortablelink column="account_id" title="{{ trans_choice('general.accounts', 1) }}" />
</x-table.th> </x-table.th>
<x-table.th class="w-2/12 hidden sm:table-cell"> <x-table.th class="w-2/12" hidden-mobile>
{{ trans('general.period') }} {{ trans('general.period') }}
</x-table.th> </x-table.th>
@ -72,11 +72,11 @@
<x-table.tbody> <x-table.tbody>
@foreach($reconciliations as $item) @foreach($reconciliations as $item)
<x-table.tr href="{{ route('reconciliations.edit', $item->id) }}"> <x-table.tr href="{{ route('reconciliations.edit', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->account->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->account->name }}" />
</x-table.td> </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" class="flex" override="class"> <x-slot name="first" class="flex" override="class">
<div class="font-bold truncate"> <div class="font-bold truncate">
<x-date date="{{ $item->created_at }}" /> <x-date date="{{ $item->created_at }}" />
@ -88,11 +88,11 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-6/12 sm:w-3/12 truncate"> <x-table.td class="w-6/12 sm:w-3/12">
{{ $item->account->name }} {{ $item->account->name }}
</x-table.td> </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"> <x-slot name="first">
<x-date date="{{ $item->started_at }}" /> <x-date date="{{ $item->started_at }}" />
</x-slot> </x-slot>

View File

@ -38,8 +38,8 @@
<x-tabs.tab id="recurring-templates"> <x-tabs.tab id="recurring-templates">
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -52,7 +52,7 @@
</x-slot> </x-slot>
</x-table.th> </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"> <x-slot name="first">
<x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" /> <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" />
</x-slot> </x-slot>
@ -65,7 +65,7 @@
<x-sortablelink column="recurring.status" title="{{ trans_choice('general.statuses', 1) }}" /> <x-sortablelink column="recurring.status" title="{{ trans_choice('general.statuses', 1) }}" />
</x-table.th> </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"> <x-slot name="first">
{{ trans('recurring.frequency') }} {{ trans('recurring.frequency') }}
</x-slot> </x-slot>
@ -83,7 +83,7 @@
<x-table.tbody> <x-table.tbody>
@foreach($transactions as $item) @foreach($transactions as $item)
<x-table.tr href="{{ route('recurring-transactions.show', $item->id) }}"> <x-table.tr href="{{ route('recurring-transactions.show', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" />
</x-table.td> </x-table.td>
@ -98,7 +98,7 @@
</x-slot> </x-slot>
</x-table.td> </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"> <x-slot name="first">
{{ $item->type_title }} {{ $item->type_title }}
</x-slot> </x-slot>
@ -111,7 +111,7 @@
<x-index.status status="{{ $item->recurring->status }}" background-color="bg-{{ $item->recurring_status_label }}" text-color="text-text-{{ $item->recurring_status_label }}" /> <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>
<x-table.td class="w-2/12 hidden sm:table-cell"> <x-table.td class="w-2/12" hidden-mobile>
<x-slot name="first"> <x-slot name="first">
{{ trans('recurring.' . $item->recurring->frequency) }} {{ trans('recurring.' . $item->recurring->frequency) }}
</x-slot> </x-slot>

View File

@ -91,8 +91,8 @@
<x-tabs.tab id="transactions"> <x-tabs.tab id="transactions">
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -105,7 +105,7 @@
</x-slot> </x-slot>
</x-table.th> </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"> <x-slot name="first">
<x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" /> <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" />
</x-slot> </x-slot>
@ -118,7 +118,7 @@
<x-sortablelink column="account.name" title="{{ trans_choice('general.accounts', 1) }}" /> <x-sortablelink column="account.name" title="{{ trans_choice('general.accounts', 1) }}" />
</x-table.th> </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"> <x-slot name="first">
<x-sortablelink column="contact.name" title="{{ trans_choice('general.contacts', 1) }}" /> <x-sortablelink column="contact.name" title="{{ trans_choice('general.contacts', 1) }}" />
</x-slot> </x-slot>
@ -136,7 +136,7 @@
<x-table.tbody> <x-table.tbody>
@foreach($transactions as $item) @foreach($transactions as $item)
<x-table.tr href="{{ route('transactions.show', $item->id) }}"> <x-table.tr href="{{ route('transactions.show', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" />
</x-table.td> </x-table.td>
@ -149,7 +149,7 @@
</x-slot> </x-slot>
</x-table.td> </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"> <x-slot name="first">
{{ $item->type_title }} {{ $item->type_title }}
</x-slot> </x-slot>
@ -162,16 +162,16 @@
{{ $item->account->name }} {{ $item->account->name }}
</x-table.td> </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"> <x-slot name="first">
{{ $item->contact->name }} {{ $item->contact->name }}
</x-slot> </x-slot>
<x-slot name="second" class="w-20 font-normal group"> <x-slot name="second" class="w-20 font-normal group">
@if ($item->document) @if ($item->document)
<div data-tooltip-target="tooltip-information-{{ $item->document_id }}" data-tooltip-placement="left" override="class"> <div data-tooltip-target="tooltip-information-{{ $item->document_id }}" data-tooltip-placement="left" override="class">
<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 }} {{ $item->document->document_number }}
</a> </x-link>
<div class="w-28 absolute h-10 -ml-12 -mt-6"> <div class="w-28 absolute h-10 -ml-12 -mt-6">
</div> </div>

View File

@ -45,12 +45,12 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </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-slot name="first">
<x-sortablelink column="expense_transaction.paid_at" title="{{ trans('general.created_date') }}" /> <x-sortablelink column="expense_transaction.paid_at" title="{{ trans('general.created_date') }}" />
</x-slot> </x-slot>
@ -99,11 +99,11 @@
@endphp @endphp
<x-table.tr href="{{ route('transfers.show', $item->id) }}"> <x-table.tr href="{{ route('transfers.show', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->expense_transaction->account->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->expense_transaction->account->name }}" />
</x-table.td> </x-table.td>
<x-table.td class="w-3/12 truncate hidden sm:table-cell"> <x-table.td class="w-3/12" hidden-mobile>
<x-slot name="first" class="flex items-center font-bold" override="class"> <x-slot name="first" class="flex items-center font-bold" override="class">
<x-date date="{{ $item->expense_transaction->paid_at }}" /> <x-date date="{{ $item->expense_transaction->paid_at }}" />
</x-slot> </x-slot>
@ -116,7 +116,7 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-4/12 sm:w-3/12 truncate"> <x-table.td class="w-4/12 sm:w-3/12">
<x-slot name="first"> <x-slot name="first">
{{ $item->expense_transaction->account->name }} {{ $item->expense_transaction->account->name }}
</x-slot> </x-slot>
@ -125,7 +125,7 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-4/12 sm:w-3/12 truncate"> <x-table.td class="w-4/12 sm:w-3/12">
<x-slot name="first"> <x-slot name="first">
{{ $item->expense_transaction->currency_rate }} {{ $item->expense_transaction->currency_rate }}
</x-slot> </x-slot>

View File

@ -26,8 +26,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -44,7 +44,7 @@
</x-slot> </x-slot>
</x-table.th> </x-table.th>
<x-table.th class="w-4/12 hidden sm:table-cell"> <x-table.th class="w-4/12" hidden-mobile>
<x-slot name="first"> <x-slot name="first">
<x-sortablelink column="email" title="{{ trans('general.email') }}" /> <x-sortablelink column="email" title="{{ trans('general.email') }}" />
</x-slot> </x-slot>
@ -67,7 +67,7 @@
<x-table.tbody> <x-table.tbody>
@foreach($companies as $item) @foreach($companies as $item)
<x-table.tr href="{{ route('companies.edit', $item->id) }}"> <x-table.tr href="{{ route('companies.edit', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
@if ((company_id() != $item->id)) @if ((company_id() != $item->id))
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
@else @else
@ -75,11 +75,11 @@
@endif @endif
</x-table.td> </x-table.td>
<x-table.td class="w-2/12 sm:w-1/12 font-bold truncate"> <x-table.td class="w-2/12 sm:w-1/12">
{{ $item->id }} {{ $item->id }}
</x-table.td> </x-table.td>
<x-table.td class="w-8/12 sm:w-4/12 truncate"> <x-table.td class="w-8/12 sm:w-4/12">
<x-slot name="first" class="flex" override="class"> <x-slot name="first" class="flex" override="class">
<div class="font-medium truncate"> <div class="font-medium truncate">
{{ $item->name }} {{ $item->name }}
@ -98,7 +98,7 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-4/12 hidden sm:table-cell truncate"> <x-table.td class="w-4/12" hidden-mobile>
<x-slot name="first"> <x-slot name="first">
@if ($item->email) @if ($item->email)
{{ $item->email }} {{ $item->email }}

View File

@ -18,8 +18,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -27,7 +27,7 @@
<x-sortablelink column="name" title="{{ trans('general.name') }}" /> <x-sortablelink column="name" title="{{ trans('general.name') }}" />
</x-table.th> </x-table.th>
<x-table.th class="w-7/12 hidden sm:table-cell" kind="right"> <x-table.th class="w-7/12" hidden-mobile kind="right">
{{ trans_choice('general.users', 1) }} {{ trans_choice('general.users', 1) }}
</x-table.th> </x-table.th>
</x-table.tr> </x-table.tr>
@ -36,11 +36,11 @@
<x-table.tbody> <x-table.tbody>
@foreach($dashboards as $item) @foreach($dashboards as $item)
<x-table.tr href="{{ route('dashboards.edit', $item->id) }}"> <x-table.tr href="{{ route('dashboards.edit', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
</x-table.td> </x-table.td>
<x-table.td class="w-5/12 p-0 whitespace-nowrap text-sm font-medium text-black"> <x-table.td class="w-5/12">
{{ $item->name }} {{ $item->name }}
@if (! $item->enabled) @if (! $item->enabled)
@ -48,7 +48,7 @@
@endif @endif
</x-table.td> </x-table.td>
<x-table.td class="w-7/12" kind="right"> <x-table.td class="w-7/12" hidden-mobile kind="right">
@if ($item->users) @if ($item->users)
@foreach($item->users as $user) @foreach($item->users as $user)
<span class="bg-lilac-900 px-3 py-1 text-sm rounded-lg text-black ltr:ml-3 rtl:mr-3"> <span class="bg-lilac-900 px-3 py-1 text-sm rounded-lg text-black ltr:ml-3 rtl:mr-3">

View File

@ -32,13 +32,13 @@
<div class="mt-8"> <div class="mt-8">
<div class="sm:col-span-6 flex items-center justify-end"> <div class="sm:col-span-6 flex items-center justify-end">
@if (! empty($route)) @if (! empty($route))
<a href="{{ route(\Str::replaceFirst('.import', '.index', $route)) }}" class="px-6 py-1.5 mr-2 hover:bg-gray-200 rounded-lg"> <x-link href="{{ route(\Str::replaceFirst('.import', '.index', $route)) }}" class="px-6 py-1.5 mr-2 hover:bg-gray-200 rounded-lg" override="class">
{{ trans('general.cancel') }} {{ trans('general.cancel') }}
</a> </x-link>
@else @else
<a href="{{ url($path) }}" class="px-6 py-1.5 hover:bg-gray-200 rounded-lg ltr:ml-2 rtl:mr-2"> <x-link href="{{ url($path) }}" class="px-6 py-1.5 hover:bg-gray-200 rounded-lg ltr:ml-2 rtl:mr-2" override="class">
{{ trans('general.cancel') }} {{ trans('general.cancel') }}
</a> </x-link>
@endif @endif
<x-button <x-button

View File

@ -43,8 +43,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -57,11 +57,11 @@
</x-slot> </x-slot>
</x-table.th> </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="category.name" title="{{ trans_choice('general.categories', 1) }}" /> <x-sortablelink column="category.name" title="{{ trans_choice('general.categories', 1) }}" />
</x-table.th> </x-table.th>
<x-table.th class="w-2/12 hidden sm:table-cell"> <x-table.th class="w-2/12" hidden-mobile>
{{ trans_choice('general.taxes', 2) }} {{ trans_choice('general.taxes', 2) }}
</x-table.th> </x-table.th>
@ -79,11 +79,11 @@
<x-table.tbody> <x-table.tbody>
@foreach($items as $item) @foreach($items as $item)
<x-table.tr href="{{ route('items.edit', $item->id) }}"> <x-table.tr href="{{ route('items.edit', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
</x-table.td> </x-table.td>
<x-table.td class="w-6/12 sm:w-4/12 truncate"> <x-table.td class="w-6/12 sm:w-4/12">
<x-slot name="first" class="flex items-center font-bold" override="class"> <x-slot name="first" class="flex items-center font-bold" override="class">
<div class="truncate"> <div class="truncate">
{{ $item->name }} {{ $item->name }}
@ -98,13 +98,13 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-3/12 truncate hidden sm:table-cell"> <x-table.td class="w-3/12" hidden-mobile>
<div class="flex items-center"> <div class="flex items-center">
<x-index.category :model="$item->category" /> <x-index.category :model="$item->category" />
</div> </div>
</x-table.td> </x-table.td>
<x-table.td class="w-2/12 hidden sm:table-cell"> <x-table.td class="w-2/12" hidden-mobile>
@if ($item->taxes->count()) @if ($item->taxes->count())
@foreach($item->taxes as $tax) @foreach($item->taxes as $tax)
<span class="bg-lilac-900 px-3 py-1 text-sm rounded-lg text-black ltr:mr-3 rtl:ml-3"> <span class="bg-lilac-900 px-3 py-1 text-sm rounded-lg text-black ltr:mr-3 rtl:ml-3">
@ -116,7 +116,7 @@
@endif @endif
</x-table.td> </x-table.td>
<x-table.td class="relative w-6/12 sm:w-3/12" kind="amount"> <x-table.td class="w-6/12 sm:w-3/12" kind="amount">
<x-slot name="first"> <x-slot name="first">
@if ($item->sale_price) @if ($item->sale_price)
<x-money :amount="$item->sale_price" :currency="setting('default.currency')" convert /> <x-money :amount="$item->sale_price" :currency="setting('default.currency')" convert />

View File

@ -24,7 +24,7 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
@if (! $hideBulkAction) @if (! $hideBulkAction)
<x-table.th class="{{ $classBulkAction }}" override="class"> <x-table.th class="{{ $classBulkAction }}" override="class">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
@ -135,7 +135,7 @@
<x-table.td class="{{ $classNameAndTaxNumber }}"> <x-table.td class="{{ $classNameAndTaxNumber }}">
@stack('name_td_start') @stack('name_td_start')
@if (! $hideName) @if (! $hideName)
<x-slot name="first" class="flex items-center font-medium"> <x-slot name="first" class="flex items-center">
@if ($showLogo) @if ($showLogo)
@if (is_object($item->logo)) @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 }}"> <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
@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 }} {{ $item->name }}
</div> </div>
@ -157,7 +157,7 @@
@stack('tax_number_td_start') @stack('tax_number_td_start')
@if (! $hideTaxNumber) @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 }} {{ $item->tax_number }}
</x-slot> </x-slot>
@endif @endif

View File

@ -111,29 +111,19 @@
<div class="flex flex-col text-sm mb-5"> <div class="flex flex-col text-sm mb-5">
<div class="flex items-center font-medium"> <div class="flex items-center font-medium">
<div class="flex items-center cursor-default"> <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') }} {{ trans('general.client_portal') }}
</div> </x-tooltip>
@if ($contact->user) @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 @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 @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> </div>
</div> </div>
@ -152,7 +142,6 @@
id="documents" id="documents"
name="{{ trans_choice($textDocument, 2) }}" name="{{ trans_choice($textDocument, 2) }}"
active 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') @stack('transactions_nav_start')
@ -160,7 +149,6 @@
<x-tabs.nav <x-tabs.nav
id="transactions" id="transactions"
name="{{ trans_choice('general.transactions', 2) }}" 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') @stack('transactions_nav_end')
@ -173,7 +161,7 @@
@if ($documents->count()) @if ($documents->count())
<x-table> <x-table>
<x-table.thead> <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-table.th class="w-4/12 lg:w-3/12">
<x-slot name="first"> <x-slot name="first">
<x-sortablelink column="due_at" title="{{ trans('invoices.due_date') }}" /> <x-sortablelink column="due_at" title="{{ trans('invoices.due_date') }}" />
@ -184,7 +172,7 @@
</x-slot> </x-slot>
</x-table.th> </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-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" />
</x-table.th> </x-table.th>
@ -218,7 +206,7 @@
</x-slot> </x-slot>
</x-table.td> </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-show.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" />
</x-table.td> </x-table.td>
@ -262,7 +250,7 @@
@if ($transactions->count()) @if ($transactions->count())
<x-table> <x-table>
<x-table.thead> <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-table.th class="w-4/12 lg:w-3/12">
<x-slot name="first"> <x-slot name="first">
<x-sortablelink column="paid_at" title="{{ trans('general.date') }}" /> <x-sortablelink column="paid_at" title="{{ trans('general.date') }}" />
@ -272,7 +260,7 @@
</x-slot> </x-slot>
</x-table.th> </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-slot name="first">
<x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" /> <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" />
</x-slot> </x-slot>
@ -308,7 +296,7 @@
</x-slot> </x-slot>
</x-table.td> </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"> <x-slot name="first">
{{ $item->type_title }} {{ $item->type_title }}
</x-slot> </x-slot>
@ -323,9 +311,9 @@
</x-slot> </x-slot>
<x-slot name="second"> <x-slot name="second">
@if ($item->document) @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 }} {{ $item->document->document_number }}
</a> </x-link>
@else @else
<x-empty-data /> <x-empty-data />
@endif @endif

View File

@ -1,6 +1,6 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
@if (! $hideBulkAction) @if (! $hideBulkAction)
<x-table.th class="{{ $classBulkAction }}" override="class"> <x-table.th class="{{ $classBulkAction }}" override="class">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
@ -96,7 +96,7 @@
<x-table.td class="{{ $classDueAtAndIssueAt }}"> <x-table.td class="{{ $classDueAtAndIssueAt }}">
@stack('due_at_td_start') @stack('due_at_td_start')
@if (! $hideDueAt) @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') @stack('due_at_td_inside_start')
<x-date :date="$item->due_at" function="diffForHumans" /> <x-date :date="$item->due_at" function="diffForHumans" />
@stack('due_at_td_inside_end') @stack('due_at_td_inside_end')
@ -142,7 +142,7 @@
@stack('document_number_td_start') @stack('document_number_td_start')
@if (! $hideDocumentNumber) @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') @stack('document_number_td_inside_start')
<span class="border-black border-b border-dashed"> <span class="border-black border-b border-dashed">
{{ $item->document_number }} {{ $item->document_number }}

View File

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

View File

@ -1,8 +1,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
@if (! $hideBulkAction) @if (! $hideBulkAction)
<x-table.th class="{{ $classBulkAction }}" override="class"> <x-table.th class="{{ $classBulkAction }}" hidden-mobile override="class">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@endif @endif
@ -16,7 +16,7 @@
</x-slot> </x-slot>
</x-table.th> </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-sortablelink column="category.name" title="{{ trans_choice('general.categories', 1) }}" />
</x-table.th> </x-table.th>
@ -24,7 +24,7 @@
<x-sortablelink column="recurring.status" title="{{ trans_choice('general.statuses', 1) }}" /> <x-sortablelink column="recurring.status" title="{{ trans_choice('general.statuses', 1) }}" />
</x-table.th> </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"> <x-slot name="first">
{{ trans('recurring.frequency') }} {{ trans('recurring.frequency') }}
</x-slot> </x-slot>
@ -43,7 +43,7 @@
@foreach($documents as $item) @foreach($documents as $item)
<x-table.tr href="{{ route($showRoute, $item->id) }}"> <x-table.tr href="{{ route($showRoute, $item->id) }}">
@if (! $hideBulkAction) @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-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" />
</x-table.td> </x-table.td>
@endif @endif
@ -59,7 +59,7 @@
</x-slot> </x-slot>
</x-table.td> </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"> <div class="flex items-center">
<x-index.category :model="$item->category" /> <x-index.category :model="$item->category" />
</div> </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-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>
<x-table.td class="w-2/12 hidden sm:table-cell"> <x-table.td class="w-2/12" hidden-mobile>
<x-slot name="first"> <x-slot name="first">
{{ trans('recurring.' . $item->recurring->frequency) }} {{ trans('recurring.' . $item->recurring->frequency) }}
</x-slot> </x-slot>

View File

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

View File

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

View File

@ -7,7 +7,7 @@
@if (! empty($item['tooltip'])) @if (! empty($item['tooltip']))
<x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}"> <x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}">
@if (! empty($item['href'])) @if (! empty($item['href']))
<a href="{{ $item['href'] }}" class="group"> <x-link href="{{ $item['href'] }}" class="group" override="class">
@endif @endif
@php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
@ -19,12 +19,12 @@
{!! $item['title'] !!} {!! $item['title'] !!}
</span> </span>
@if (! empty($item['href'])) @if (! empty($item['href']))
</a> </x-link>
@endif @endif
</x-tooltip> </x-tooltip>
@else @else
@if (! empty($item['href'])) @if (! empty($item['href']))
<a href="{{ $item['href'] }}" class="group"> <x-link href="{{ $item['href'] }}" class="group" override="class">
@endif @endif
@php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
<div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
@ -36,7 +36,7 @@
{!! $item['title'] !!} {!! $item['title'] !!}
</span> </span>
@if (! empty($item['href'])) @if (! empty($item['href']))
</a> </x-link>
@endif @endif
@endif @endif
</div> </div>
@ -50,7 +50,7 @@
<x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
@if ($first->attributes->has('href')) @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 @endif
@php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp @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')])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
@ -62,13 +62,13 @@
{!! $first->attributes->get('title') !!} {!! $first->attributes->get('title') !!}
</span> </span>
@if ($first->attributes->has('href')) @if ($first->attributes->has('href'))
</a> </x-link>
@endif @endif
</x-tooltip> </x-tooltip>
@else @else
@if ($first->attributes->has('href')) @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 @endif
@php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp @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')])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
@ -80,7 +80,7 @@
{!! $first->attributes->get('title') !!} {!! $first->attributes->get('title') !!}
</span> </span>
@if ($first->attributes->has('href')) @if ($first->attributes->has('href'))
</a> </x-link>
@endif @endif
@endif @endif
</div> </div>
@ -100,7 +100,7 @@
<x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
@if ($second->attributes->has('href')) @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 @endif
@php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp @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')])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
@ -113,13 +113,13 @@
</span> </span>
@if ($second->attributes->has('href')) @if ($second->attributes->has('href'))
</a> </x-link>
@endif @endif
</x-tooltip> </x-tooltip>
@else @else
@if ($second->attributes->has('href')) @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 @endif
@php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp @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')])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
@ -132,7 +132,7 @@
</span> </span>
@if ($second->attributes->has('href')) @if ($second->attributes->has('href'))
</a> </x-link>
@endif @endif
@endif @endif
</div> </div>
@ -152,7 +152,7 @@
<x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}"> <x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
@if ($third->attributes->has('href')) @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 @endif
@php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp @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')])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
@ -164,13 +164,13 @@
{!! $third->attributes->get('title') !!} {!! $third->attributes->get('title') !!}
</span> </span>
@if ($third->attributes->has('href')) @if ($third->attributes->has('href'))
</a> </x-link>
@endif @endif
</x-tooltip> </x-tooltip>
@else @else
@if ($third->attributes->has('href')) @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 @endif
@php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp @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')])> <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
@ -182,7 +182,7 @@
{!! $third->attributes->get('title') !!} {!! $third->attributes->get('title') !!}
</span> </span>
@if ($third->attributes->has('href')) @if ($third->attributes->has('href'))
</a> </x-link>
@endif @endif
@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 class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div> <div>
{{ trans('footer.powered') }}: {{ 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; &nbsp;<span class="material-icons align-middle text-black-300">code</span>&nbsp;
{{ trans('footer.version') }} {{ version('short') }} {{ trans('footer.version') }} {{ version('short') }}
</div> </div>

View File

@ -95,9 +95,9 @@
</x-tooltip> </x-tooltip>
<x-tooltip id="tooltip-support" placement="right" message="{{ trans('general.help') }}"> <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> <span id="menu-support-icon" class="material-icons-outlined text-purple text-2xl">support</span>
</a> </x-link>
</x-tooltip> </x-tooltip>
</div> </div>
@ -131,23 +131,23 @@
@can('read-common-companies') @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;"> <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) @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"> <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="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> <span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate">{{ Str::limit($com->name, 18) }}</span>
</div> </div>
</a> </x-link>
@endforeach @endforeach
@can('update-common-companies') @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"> <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="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"> <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)]) }} {{ trans('general.title.manage', ['type' => trans_choice('general.companies', 2)]) }}
</span> </span>
</div> </div>
</a> </x-link>
@endcan @endcan
</div> </div>
@endcan @endcan

View File

@ -1,7 +1,7 @@
@stack('footer_start') @stack('footer_start')
<footer class="footer"> <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"> <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> </div>
</footer> </footer>
@stack('footer_end') @stack('footer_end')

View File

@ -18,9 +18,9 @@
<div class="card-footer"> <div class="card-footer">
<div class="float-right"> <div class="float-right">
@if (Request::is('install/requirements')) @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') }} {{ trans('install.refresh') }}
</a> </x-link>
@else @else
<x-button <x-button
type="submit" type="submit"

View File

@ -31,7 +31,7 @@
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
@foreach ($popular->data as $item) @foreach ($popular->data as $item)
<div class="hover:shadow-2xl rounded-lg"> <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) @foreach ($item->files as $file)
@if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail')) @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" /> <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> </p>
</div> </div>
</div> </div>
</a> </x-link>
</div> </div>
@endforeach @endforeach
</div> </div>

View File

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

View File

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

View File

@ -13,7 +13,7 @@
<div x-show="price_type == false" class="text-center text-sm mt-3 mb--2"> <div x-show="price_type == false" class="text-center text-sm mt-3 mb--2">
<span style="font-size: 12px;"> <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> </span>
</div> </div>
@else @else

View File

@ -7,9 +7,9 @@
</div> </div>
<div class="my-10"> <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') }} {{ trans('portal.get_started') }}
</a> </x-link>
</div> </div>
<div class="my-10"> <div class="my-10">

View File

@ -66,9 +66,9 @@
</x-tooltip> </x-tooltip>
<x-tooltip id="tooltip-support" placement="right" message="{{ trans('general.help') }}"> <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> <span class="material-icons-outlined text-purple text-2xl">support</span>
</a> </x-link>
</x-tooltip> </x-tooltip>
</div> </div>
@ -102,23 +102,23 @@
@can('read-common-companies') @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;"> <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) @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"> <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="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> <span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate">{{ Str::limit($com->name, 18) }}</span>
</div> </div>
</a> </x-link>
@endforeach @endforeach
@can('update-common-companies') @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 "> <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="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"> <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)]) }} {{ trans('general.title.manage', ['type' => trans_choice('general.companies', 2)]) }}
</span> </span>
</div> </div>
</a> </x-link>
@endcan @endcan
</div> </div>
@endcan @endcan

View File

@ -22,9 +22,9 @@
</span> </span>
</div> </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]) }} {{ trans('general.go_back', ['type' => company()->name]) }}
</a> </x-link>
</div> </div>
</header> </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 class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div> <div>
{{ trans('footer.powered') }}: {{ 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; &nbsp;<span class="material-icons align-middle text-black-300">code</span>&nbsp;
{{ trans('footer.version') }} {{ version('short') }} {{ trans('footer.version') }} {{ version('short') }}
</div> </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 class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div> <div>
{{ trans('footer.powered') }}: {{ 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; &nbsp;<span class="material-icons align-middle text-black-300">code</span>&nbsp;
{{ trans('footer.version') }} {{ version('short') }} {{ trans('footer.version') }} {{ version('short') }}
</div> </div>

View File

@ -19,9 +19,9 @@
<div class="flex flex-row lg:flex-col gap-x-1"> <div class="flex flex-row lg:flex-col gap-x-1">
@can('delete-common-uploads') @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> <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) @if ($options)
<input type="hidden" name="page_{{ $file->id}}" id="file-page-{{ $file->id}}" value="{{ $options['page'] }}" /> <input type="hidden" name="page_{{ $file->id}}" id="file-page-{{ $file->id}}" value="{{ $options['page'] }}" />
@ -30,8 +30,8 @@
@endif @endif
@endcan @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> <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>
</div> </div>

View File

@ -23,9 +23,9 @@
<h1 class="text-lg lg:text-7xl font-semibold text-white" x-text="text"></h1> <h1 class="text-lg lg:text-7xl font-semibold text-white" x-text="text"></h1>
</div> </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') }} {{ trans('modules.learn_more') }}
</a> </x-link>
</div> </div>
<div class="hidden lg:block"> <div class="hidden lg:block">

View File

@ -1,20 +1,20 @@
<div> <div>
<div class="overflow-hidden rounded-md"> <div class="overflow-hidden rounded-md">
@foreach ($module->files as $file) @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')) @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" /> <img src="{{ $file->path_string }}" alt="{{ $module->name }}" class="rounded-md transform transition-all hover:scale-125" />
@endif @endif
</a> </x-link>
@endforeach @endforeach
</div> </div>
<div class="flex flex-col py-2 justify-between align-bottom"> <div class="flex flex-col py-2 justify-between align-bottom">
<div class="flex items-baseline justify-between"> <div class="flex items-baseline justify-between">
<h4 class="w-32 truncate"> <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 !!} {!! $module->name !!}
</a> </x-link>
</h4> </h4>
@if (! empty($module->subscription_type)) @if (! empty($module->subscription_type))

View File

@ -11,9 +11,9 @@
{{ trans('modules.no_apps') }} {{ trans('modules.no_apps') }}
</p> </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') }} {{ trans('modules.see_all') }}
</a> </x-link>
</div> </div>
</div> </div>

View File

@ -11,13 +11,14 @@
</x-slot> </x-slot>
@foreach($limits as $item) @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" 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 }}"> <span class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100" value="{{ $item }}">
{{ $item }} {{ $item }}
</span> </span>
</a> </x-link>
@endforeach @endforeach
</x-dropdown> </x-dropdown>

View File

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

View File

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

View File

@ -1,13 +1,11 @@
@props(['id', 'name', 'href', 'active']) @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" <li
@class([ class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link"
'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),
])
id="tab-{{ $id }}" id="tab-{{ $id }}"
data-id="tab-{{ $id }}" data-id="tab-{{ $id }}"
data-tabs="{{ $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 }} {{ $attributes }}
> >
@if ($slot->isNotEmpty()) @if ($slot->isNotEmpty())

View File

@ -1,14 +1,12 @@
@props(['id', 'name', 'active']) @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" <li
@class([ class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link"
'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),
])
id="tab-{{ $id }}" id="tab-{{ $id }}"
data-id="tab-{{ $id }}" data-id="tab-{{ $id }}"
data-tabs="{{ $id }}" data-tabs="{{ $id }}"
x-on:click="active = '{{ $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 }} {{ $attributes }}
> >
@if ($slot->isNotEmpty()) @if ($slot->isNotEmpty())

View File

@ -1,30 +1,16 @@
@if ($attachment) @if ($attachment)
<div class="border-b border-gray-200 pb-4" <x-show.accordion type="attachment">
x-data="{ attachment : null }" <x-slot name="head">
> <x-show.accordion.head
<div class="relative w-full ltr:text-left rtl:text-right cursor-pointer group" title="{{ trans_choice('general.attachments', 2) }}"
x-on:click="attachment !== 1 ? attachment = 1 : attachment = null" description="{{ trans('transactions.slider.attachments') }}"
> />
<span class="font-medium"> </x-slot>
<x-button.hover group-hover>
{{ trans_choice('general.attachments', 2) }}
</x-button.hover>
</span>
<div class="text-black-400 text-sm flex gap-x-1 mt-1"> <x-slot name="body">
{{ 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'"
>
@foreach ($attachment as $file) @foreach ($attachment as $file)
<x-media.file :file="$file" /> <x-media.file :file="$file" />
@endforeach @endforeach
</div> </x-slot>
</div> </x-show.accordion>
@endif @endif

View File

@ -1,29 +1,15 @@
<div class="border-b pb-4" x-data="{ children : null }"> <x-show.accordion type="children">
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group" <x-slot name="head">
x-on:click="children !== 1 ? children = 1 : children = null" <x-show.accordion.head
> title="{{ trans_choice('general.transactions', 2) }}"
<span class="font-medium"> description="{!! trans('transactions.slider.children', ['count' => $transaction->children()->count()]) !!}"
<x-button.hover group-hover> />
{{ trans_choice('general.transactions', 2) }} </x-slot>
</x-button.hover>
</span>
<div class="text-black-400 text-sm flex gap-x-1 mt-1"> <x-slot name="body">
{!! 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'"
>
@if ($transaction->children()->count()) @if ($transaction->children()->count())
@foreach ($transaction->children()->get() as $child) @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"> <div class="my-2">
{!! trans('recurring.child', ['url' => $url, 'date' => company_date($child->paid_at)]) !!} {!! trans('recurring.child', ['url' => $url, 'date' => company_date($child->paid_at)]) !!}
@ -32,5 +18,5 @@
@else @else
{{ trans('general.none') }} {{ trans('general.none') }}
@endif @endif
</div> </x-slot>
</div> </x-show.accordion>

View File

@ -18,7 +18,7 @@
@php @php
$recurring_message = trans('recurring.message_parent', [ $recurring_message = trans('recurring.message_parent', [
'type' => mb_strtolower(trans_choice($textRecurringType, 1)), '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 @endphp

View File

@ -1,14 +1,10 @@
@php $created_date = '<span class="font-medium">' . company_date($transaction->created_at) . '</span>' @endphp @php $created_date = '<span class="font-medium">' . company_date($transaction->created_at) . '</span>' @endphp
<div class="border-b pb-4" x-data="{ create : null }"> <x-show.accordion type="create">
<button class="relative w-full ltr:text-left rtl:text-right group" <x-slot name="head">
x-on:click="create !== 1 ? create = 1 : create = null" <x-show.accordion.head
> title="{{ trans('general.create') }}"
<span class="font-medium"> />
<x-button.hover>
{{ trans('general.create') }}
</x-button.hover>
</span>
<div class="text-black-400 text-sm flex gap-x-1 mt-1"> <div class="text-black-400 text-sm flex gap-x-1 mt-1">
@if ($transaction->isRecurringTransaction()) @if ($transaction->isRecurringTransaction())
@ -17,6 +13,7 @@
{!! trans('transactions.slider.create', ['user' => $transaction->owner->name, 'date' => $created_date]) !!} {!! trans('transactions.slider.create', ['user' => $transaction->owner->name, 'date' => $created_date]) !!}
@endif @endif
</div> </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> <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> </button>
@ -27,10 +24,10 @@
> >
@if ($transaction->isNotTransferTransaction()) @if ($transaction->isNotTransferTransaction())
<div class="flex my-3 space-x-2 rtl:space-x-reverse"> <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') }} {{ trans('general.edit') }}
</a> </x-link>
</div> </div>
@endif @endif
</div> </x-slot>
</div> </x-show.accordion>

View File

@ -3,27 +3,15 @@
$frequency = Str::lower(trans('recurring.' . str_replace('ly', 's', $transaction->recurring->frequency))); $frequency = Str::lower(trans('recurring.' . str_replace('ly', 's', $transaction->recurring->frequency)));
@endphp @endphp
<div class="border-b pb-4" x-data="{ schedule : null }"> <x-show.accordion type="schedule">
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group" <x-slot name="head">
x-on:click="schedule !== 1 ? schedule = 1 : schedule = null" <x-show.accordion.head
> title="{{ trans_choice('general.schedules', 1) }}"
<span class="font-medium"> description="{!! trans('transactions.slider.schedule', ['frequency' => $frequency, 'interval' => $transaction->recurring->interval, 'date' => $started_date]) !!}"
<x-button.hover group-hover> />
{{ trans_choice('general.schedules', 1) }} </x-slot>
</x-button.hover>
</span>
<div class="text-black-400 text-sm flex gap-x-1 mt-1"> <x-slot name="body">
{!! 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'"
>
<div class="flex my-3 space-x-2 rtl:space-x-reverse"> <div class="flex my-3 space-x-2 rtl:space-x-reverse">
@if ($next = $transaction->recurring->getNextRecurring()) @if ($next = $transaction->recurring->getNextRecurring())
{{ trans('recurring.next_date', ['date' => $next->format(company_date_format())]) }} {{ trans('recurring.next_date', ['date' => $next->format(company_date_format())]) }}
@ -41,5 +29,5 @@
{{ trans('documents.statuses.ended') }} {{ trans('documents.statuses.ended') }}
@endif @endif
</div> </div>
</div> </x-slot>
</div> </x-show.accordion>

View File

@ -5,33 +5,24 @@
@php @php
$from_account = '<span class="font-medium">' . $transfer->expense_account->title . '</span>'; $from_account = '<span class="font-medium">' . $transfer->expense_account->title . '</span>';
$to_account = '<span class="font-medium">' . $transfer->income_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 @endphp
@endif @endif
<div class="border-b pb-4" x-data="{ transfer : 1 }"> <x-show.accordion type="transfer" open>
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group" <x-slot name="head">
x-on:click="transfer !== 1 ? transfer = 1 : transfer = null" <x-show.accordion.head
> title="{{ trans_choice('general.transfers', 1) }}"
<span class="font-medium border-b border-transparent transition-all group-hover:border-black"> />
{{ trans_choice('general.transfers', 1) }}
</span>
@if ($transfer) @if ($transfer)
<div class="text-black-400 text-sm flex gap-x-1 mt-1"> <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]) !!} {!! trans('transactions.slider.transfer_headline', ['from_account' => $from_account, 'to_account' => $to_account]) !!}
</div> </div>
@endif @endif
</x-slot>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" <x-slot name="body">
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'"
>
@if ($transfer) @if ($transfer)
<div class="my-2"> <div class="my-2">
{!! trans('transactions.slider.transfer_desc', ['date' => $date]) !!} {!! trans('transactions.slider.transfer_desc', ['date' => $date]) !!}
@ -45,6 +36,6 @@
</div> </div>
</div> </div>
@endif @endif
</div> </x-slot>
</div> </x-show.accordion>
@endif @endif

View File

@ -1,26 +1,16 @@
@if ($transfer->attachment) @if ($transfer->attachment)
<div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }"> <x-show.accordion type="attachment">
<div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"> <x-slot name="head">
<span class="font-medium"> <x-show.accordion.head
<x-button.hover group-hover> title="{{ trans_choice('general.attachments', 2) }}"
{{ trans_choice('general.attachments', 2) }} description="{{ trans('transfers.slider.attachments') }}"
</x-button.hover> />
</span> </x-slot>
<div class="text-black-400 text-sm"> <x-slot name="body">
{{ 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'"
>
@foreach ($transfer->attachment as $file) @foreach ($transfer->attachment as $file)
<x-media.file :file="$file" /> <x-media.file :file="$file" />
@endforeach @endforeach
</div> </x-slot>
</div> </x-show.accordion>
@endif @endif

View File

@ -1,29 +1,18 @@
@php $created_date = '<span class="font-medium">' . company_date($transfer->created_at) . '</span>' @endphp @php $created_date = '<span class="font-medium">' . company_date($transfer->created_at) . '</span>' @endphp
<div class="border-b pb-4" x-data="{ create : null }"> <x-show.accordion type="create">
<button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null"> <x-slot name="head">
<span class="font-medium"> <x-show.accordion.head
<x-button.hover group-hover> title="{{ trans('general.create') }}"
{{ trans('general.create') }} description="{!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!}"
</x-button.hover> />
</span> </x-slot>
<div class="text-black-400 text-sm"> <x-slot name="body">
{!! 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'"
>
<div class="flex my-3 space-x-2 rtl:space-x-reverse"> <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') }} {{ trans('general.edit') }}
</a> </x-link>
</div> </div>
</div> </x-slot>
</div> </x-show.accordion>

View File

@ -1,27 +1,18 @@
@php @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'; $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>'; $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 . '">' . $transfer->income_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 @endphp
<div class="border-b pb-4" x-data="{ transactions : null }"> <x-show.accordion type="transactions">
<button class="relative w-full text-left group" x-on:click="transactions !== 1 ? transactions = 1 : transactions = null"> <x-slot name="head">
<span class="font-medium border-b border-transparent transition-all group-hover:border-black"> <x-show.accordion.head
{{ trans_choice('general.transactions', 2) }} title="{{ trans_choice('general.transactions', 2) }}"
</span> description="{!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!}"
/>
</x-slot>
<div class="text-black-400 text-sm"> <x-slot name="body">
{!! 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'"
>
<div class="my-2"> <div class="my-2">
{!! trans('transfers.slider.transactions_desc', ['number' => $expense_number, 'account' => $transfer->expense_account->title]) !!} {!! trans('transfers.slider.transactions_desc', ['number' => $expense_number, 'account' => $transfer->expense_account->title]) !!}
</div> </div>
@ -29,5 +20,5 @@
<div class="my-2"> <div class="my-2">
{!! trans('transfers.slider.transactions_desc', ['number' => $income_number, 'account' => $transfer->income_account->title]) !!} {!! trans('transfers.slider.transactions_desc', ['number' => $income_number, 'account' => $transfer->income_account->title]) !!}
</div> </div>
</div> </x-slot>
</div> </x-show.accordion>

View File

@ -45,7 +45,7 @@
@endif @endif
</div> </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') }} {{ trans('portal.see_all_details') }}
</a> </x-link>
</div> </div>

View File

@ -11,9 +11,9 @@
@endforeach @endforeach
@if ($invoices->count() > 2) @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)]) }} {{ trans('modules.see_all_type', ['type' => trans_choice('general.invoices', 2)]) }}
</a> </x-link>
@endif @endif
@else @else
<span class="text-xs"> <span class="text-xs">

View File

@ -11,9 +11,9 @@
@endforeach @endforeach
@if ($invoices->count() > 2) @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)]) }} {{ trans('modules.see_all_type', ['type' => trans_choice('general.invoices', 2)]) }}
</a> </x-link>
@endif @endif
@else @else
<span class="text-xs"> <span class="text-xs">

View File

@ -13,9 +13,9 @@
<x-money :amount="$contact->overdue" :currency="$contact->currency_code" convert /> <x-money :amount="$contact->overdue" :currency="$contact->currency_code" convert />
</span> </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') }} {{ trans('bills.make_payment') }}
</a> </x-link>
</div> </div>
@else @else
<span class="text-xs"> <span class="text-xs">

View File

@ -15,9 +15,9 @@
@endforeach @endforeach
@if ($payments->count() > 2) @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)]) }} {{ trans('modules.see_all_type', ['type' => trans_choice('general.payments', 2)]) }}
</a> </x-link>
@endif @endif
@else @else
<span class="text-xs"> <span class="text-xs">

View File

@ -21,9 +21,13 @@
@endif @endif
@php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp @php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp
<a href="{{ $landing_page }}" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"> <x-link
href="{{ $landing_page }}"
class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"
override="class"
>
{{ trans('general.go_to_dashboard') }} {{ trans('general.go_to_dashboard') }}
</a> </x-link>
</div> </div>
<img src="{{ asset('public/img/errors/403.png') }}" alt="403" /> <img src="{{ asset('public/img/errors/403.png') }}" alt="403" />

View File

@ -21,9 +21,13 @@
@endif @endif
@php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp @php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp
<a href="{{ $landing_page }}" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"> <x-link
href="{{ $landing_page }}"
class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"
override="class"
>
{{ trans('general.go_to_dashboard') }} {{ trans('general.go_to_dashboard') }}
</a> </x-link>
</div> </div>
<img src="{{ asset('public/img/errors/404.png') }}" alt="404" /> <img src="{{ asset('public/img/errors/404.png') }}" alt="404" />

View File

@ -21,9 +21,13 @@
@endif @endif
@php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp @php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp
<a href="{{ $landing_page }}" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"> <x-link
href="{{ $landing_page }}"
class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"
override="class"
>
{{ trans('general.go_to_dashboard') }} {{ trans('general.go_to_dashboard') }}
</a> </x-link>
</div> </div>
<img src="{{ asset('public/img/errors/500.png') }}" alt="500" /> <img src="{{ asset('public/img/errors/500.png') }}" alt="500" />

View File

@ -55,16 +55,16 @@
<x-index.container class="my-0" override="class"> <x-index.container class="my-0" override="class">
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="w-3/12"> <x-table.th class="w-3/12">
{{ trans('general.name') }} {{ trans('general.name') }}
</x-table.th> </x-table.th>
<x-table.th class="w-3/12 hidden sm:table-cell"> <x-table.th class="w-3/12" hidden-mobile>
{{ trans('updates.installed_version') }} {{ trans('updates.installed_version') }}
</x-table.th> </x-table.th>
<x-table.th class="w-3/12 hidden sm:table-cell"> <x-table.th class="w-3/12" hidden-mobile>
{{ trans('updates.latest_version') }} {{ trans('updates.latest_version') }}
</x-table.th> </x-table.th>

View File

@ -3,7 +3,7 @@
@foreach ($favorites as $favorite) @foreach ($favorites as $favorite)
<x-tooltip id="{{ $favorite['title'] }}" placement="right" message="{{ $favorite['title'] }}"> <x-tooltip id="{{ $favorite['title'] }}" placement="right" message="{{ $favorite['title'] }}">
<a href="{{ $favorite['url'] }}" class="w-8 h-8 flex items-center justify-center mb-2.5"> <x-link href="{{ $favorite['url'] }}" class="w-8 h-8 flex items-center justify-center mb-2.5" override="class">
<span <span
id="{{ $favorite['id'] }}" id="{{ $favorite['id'] }}"
@class([ @class([
@ -14,7 +14,7 @@
> >
{{ $favorite['icon'] }} {{ $favorite['icon'] }}
</span> </span>
</a> </x-link>
</x-tooltip> </x-tooltip>
@endforeach @endforeach
</div> </div>

View File

@ -1,90 +1,63 @@
<x-form id="form-create-customer" route="customers.store"> <x-form id="form-create-customer" route="customers.store">
<div x-data="{ active: 'general' }"> <x-tabs active="general" class="grid grid-cols-3" override="class">
<div> <x-slot name="navs">
<div> <x-tabs.nav id="general">
<ul class="grid grid-cols-6">
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2"
id="tab-general"
data-id="tab-general"
data-tabs="general"
x-on:click="active = 'general'"
x-bind:class="active != 'general' ? '' : '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'"
>
{{ trans('general.general') }} {{ trans('general.general') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" <x-tabs.nav id="address">
id="tab-address"
data-id="tab-address"
data-tabs="address"
x-on:click="active = 'address'"
x-bind:class="active != 'address' ? '' : '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'"
>
{{ trans('general.address') }} {{ trans('general.address') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" <x-tabs.nav id="other">
id="tab-other"
data-id="tab-other"
data-tabs="other"
x-on:click="active = 'other'"
x-bind:class="active != 'other' ? '' : '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'"
>
{{ trans_choice('general.others', 1) }} {{ trans_choice('general.others', 1) }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
</ul> </x-slot>
</div>
</div>
<div id="tab-general" data-tabs-content="general" x-show="active === 'general'"> <x-slot name="content">
<x-tabs.tab id="general">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
<x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required />
<x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required />
<x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required />
<x-form.group.currency without-add-new form-group-class="col-span-6" :add-new-text="trans_choice('general.currencies', 1)" /> <x-form.group.currency without-add-new form-group-class="col-span-6" :add-new-text="trans_choice('general.currencies', 1)" />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-address" data-tabs-content="address" x-show="active === 'address'"> <x-tabs.tab id="address">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" rows=2 not-required /> <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" rows=2 not-required />
<x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required />
<x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required />
<x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required />
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-other" data-tabs-content="other" x-show="active === 'other'"> <x-tabs.tab id="other">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required />
<x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required />
<x-form.input.hidden name="type" value="customer" /> <x-form.input.hidden name="type" value="customer" />
<x-form.input.hidden name="enabled" value="1" /> <x-form.input.hidden name="enabled" value="1" />
</div> </div>
</div> </x-tabs.tab>
</div> </x-slot>
</x-tabs>
</x-form> </x-form>

View File

@ -1,54 +1,33 @@
<x-form id="form-edit-customer" method="PATCH" :route="['customers.update', $customer->id]" :model="$customer"> <x-form id="form-edit-customer" method="PATCH" :route="['customers.update', $customer->id]" :model="$customer">
<div x-data="{ active: 'general' }"> <x-tabs active="general" class="grid grid-cols-3" override="class">
<div> <x-slot name="navs">
<div> <x-tabs.nav id="general">
<ul class="grid grid-cols-6">
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2"
id="tab-general"
data-id="tab-general"
data-tabs="general"
x-on:click="active = 'general'"
x-bind:class="active != 'general' ? '' : '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'"
>
{{ trans('general.general') }} {{ trans('general.general') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" <x-tabs.nav id="address">
id="tab-address"
data-id="tab-address"
data-tabs="address"
x-on:click="active = 'address'"
x-bind:class="active != 'address' ? '' : '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'"
>
{{ trans('general.address') }} {{ trans('general.address') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" <x-tabs.nav id="other">
id="tab-other"
data-id="tab-other"
data-tabs="other"
x-on:click="active = 'other'"
x-bind:class="active != 'other' ? '' : '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'"
>
{{ trans_choice('general.others', 1) }} {{ trans_choice('general.others', 1) }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
</ul> </x-slot>
</div>
</div>
<div id="tab-general" data-tabs-content="general" x-show="active === 'general'"> <x-slot name="content">
<x-tabs.tab id="general">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
@ -60,9 +39,9 @@
<x-form.group.currency without-add-new form-group-class="col-span-6" /> <x-form.group.currency without-add-new form-group-class="col-span-6" />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-address" data-tabs-content="address" x-show="active === 'address'"> <x-tabs.tab id="address">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required />
@ -74,9 +53,9 @@
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-other" data-tabs-content="other" x-show="active === 'other'"> <x-tabs.tab id="other">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required />
@ -85,6 +64,7 @@
<x-form.input.hidden name="type" value="customer" /> <x-form.input.hidden name="type" value="customer" />
<x-form.input.hidden name="enabled" value="1" /> <x-form.input.hidden name="enabled" value="1" />
</div> </div>
</div> </x-tabs.tab>
</div> </x-slot>
</x-tabs>
</x-form> </x-form>

View File

@ -3,42 +3,27 @@
<p class="text-sm mb-0 text-red-600" v-html="form.response.message"></p> <p class="text-sm mb-0 text-red-600" v-html="form.response.message"></p>
</div> </div>
<div x-data="{ active: 'general' }"> <x-tabs active="general" class="grid grid-cols-2" override="class">
<div> <x-slot name="navs">
<div> <x-tabs.nav id="general">
<ul class="grid grid-cols-6">
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-3"
id="tab-general"
data-id="tab-general"
data-tabs="general"
x-on:click="active = 'general'"
x-bind:class="active != 'general' ? '' : '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'"
>
{{ trans('general.general') }} {{ trans('general.general') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('paid_at')||form.errors.has('amount')||form.errors.has('payment_method')||form.errors.has('account_id')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('paid_at')||form.errors.has('amount')||form.errors.has('payment_method')||form.errors.has('account_id')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-3" <x-tabs.nav id="other">
id="tab-other"
data-id="tab-other"
data-tabs="other"
x-on:click="active = 'other'"
x-bind:class="active != 'other' ? '' : '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'"
>
{{ trans_choice('general.others', 1) }} {{ trans_choice('general.others', 1) }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('number')||form.errors.has('description')||form.errors.has('recurring')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('number')||form.errors.has('description')||form.errors.has('recurring')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
</ul> </x-slot>
</div>
</div>
<div id="tab-general" data-tabs-content="general" x-show="active === 'general'"> <x-slot name="content">
<x-tabs.tab id="general">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.date name="paid_at" label="{{ trans('general.date') }}" icon="calendar_today" value="{{ $document->paid_at }}" show-date-format="{{ company_date_format() }}" date-format="Y-m-d" autocomplete="off" form-group-class="col-span-6" /> <x-form.group.date name="paid_at" label="{{ trans('general.date') }}" icon="calendar_today" value="{{ $document->paid_at }}" show-date-format="{{ company_date_format() }}" date-format="Y-m-d" autocomplete="off" form-group-class="col-span-6" />
@ -48,9 +33,9 @@
<x-form.group.account change="onChangePaymentAccount" form-group-class="col-span-6" without-add-new /> <x-form.group.account change="onChangePaymentAccount" form-group-class="col-span-6" without-add-new />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-other" data-tabs-content="other" x-show="active === 'other'"> <x-tabs.tab id="other">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.textarea name="description" label="{{ trans('general.description') }}" rows="2" not-required form-group-class="col-span-6" /> <x-form.group.textarea name="description" label="{{ trans('general.description') }}" rows="2" not-required form-group-class="col-span-6" />
@ -65,6 +50,7 @@
<x-form.input.hidden name="currency_rate" :value="$document->currency_rate" /> <x-form.input.hidden name="currency_rate" :value="$document->currency_rate" />
<x-form.input.hidden name="type" :value="config('type.document.' . $document->type . '.transaction_type')" /> <x-form.input.hidden name="type" :value="config('type.document.' . $document->type . '.transaction_type')" />
</div> </div>
</div> </x-tabs.tab>
</div> </x-slot>
</x-tabs>
</x-form> </x-form>

View File

@ -10,7 +10,7 @@
value="{{ $signedUrl }}" value="{{ $signedUrl }}"
ref="clone" ref="clone"
@click="onCopyLink()" @click="onCopyLink()"
class="bg-gray-100 appearance-none border-2 border-gray-100 rounded w-full py-2 px-4 text-gray-700 leading-tight cursor-pointer focus:outline-none focus:ring-transparent focus:border-transparent" style="appearance: none; background-color: whitesmoke; border: none; font-size: 16px;"
/> />
<div data-copied class="hidden h-10 items-center justify-center"> <div data-copied class="hidden h-10 items-center justify-center">

View File

@ -10,7 +10,7 @@
value="{{ $signedUrl }}" value="{{ $signedUrl }}"
ref="clone" ref="clone"
@click="onCopyLink()" @click="onCopyLink()"
class="bg-gray-100 appearance-none border-2 border-gray-100 rounded w-full py-2 px-4 text-gray-700 leading-tight cursor-pointer focus:outline-none focus:ring-transparent focus:border-transparent" style="appearance: none; background-color: whitesmoke; border: none; font-size: 16px;"
/> />
<x-form.input.hidden name="hidden-share" value="{{ $signedUrl }}" /> <x-form.input.hidden name="hidden-share" value="{{ $signedUrl }}" />

View File

@ -1,54 +1,33 @@
<x-form id="form-create-vendor" route="vendors.store"> <x-form id="form-create-vendor" route="vendors.store">
<div x-data="{ active: 'general' }"> <x-tabs active="general" class="grid grid-cols-3" override="class">
<div> <x-slot name="navs">
<div> <x-tabs.nav id="general">
<ul class="grid grid-cols-6">
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2"
id="tab-general"
data-id="tab-general"
data-tabs="general"
x-on:click="active = 'general'"
x-bind:class="active != 'general' ? '' : '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'"
>
{{ trans('general.general') }} {{ trans('general.general') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" <x-tabs.nav id="address">
id="tab-address"
data-id="tab-address"
data-tabs="address"
x-on:click="active = 'address'"
x-bind:class="active != 'address' ? '' : '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'"
>
{{ trans('general.address') }} {{ trans('general.address') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" <x-tabs.nav id="other">
id="tab-other"
data-id="tab-other"
data-tabs="other"
x-on:click="active = 'other'"
x-bind:class="active != 'other' ? '' : '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'"
>
{{ trans_choice('general.others', 1) }} {{ trans_choice('general.others', 1) }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
</ul> </x-slot>
</div>
</div>
<div id="tab-general" data-tabs-content="general" x-show="active === 'general'"> <x-slot name="content">
<x-tabs.tab id="general">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
@ -60,9 +39,9 @@
<x-form.group.currency without-add-new form-group-class="col-span-6" /> <x-form.group.currency without-add-new form-group-class="col-span-6" />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-address" data-tabs-content="address" x-show="active === 'address'"> <x-tabs.tab id="address">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required />
@ -74,9 +53,9 @@
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-other" data-tabs-content="other" x-show="active === 'other'"> <x-tabs.tab id="other">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required />
@ -85,6 +64,7 @@
<x-form.input.hidden name="type" value="vendor" /> <x-form.input.hidden name="type" value="vendor" />
<x-form.input.hidden name="enabled" value="1" /> <x-form.input.hidden name="enabled" value="1" />
</div> </div>
</div> </x-tabs.tab>
</div> </x-slot>
</x-tabs>
</x-form> </x-form>

View File

@ -1,54 +1,33 @@
<x-form id="form-edit-vendor" method="PATCH" :route="['vendors.update', $vendor->id]" :model="$vendor"> <x-form id="form-edit-vendor" method="PATCH" :route="['vendors.update', $vendor->id]" :model="$vendor">
<div x-data="{ active: 'general' }"> <x-tabs active="general" class="grid grid-cols-3" override="class">
<div> <x-slot name="navs">
<div> <x-tabs.nav id="general">
<ul class="grid grid-cols-6">
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2"
id="tab-general"
data-id="tab-general"
data-tabs="general"
x-on:click="active = 'general'"
x-bind:class="active != 'general' ? '' : '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'"
>
{{ trans('general.general') }} {{ trans('general.general') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" <x-tabs.nav id="address">
id="tab-address"
data-id="tab-address"
data-tabs="address"
x-on:click="active = 'address'"
x-bind:class="active != 'address' ? '' : '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'"
>
{{ trans('general.address') }} {{ trans('general.address') }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" <x-tabs.nav id="other">
id="tab-other"
data-id="tab-other"
data-tabs="other"
x-on:click="active = 'other'"
x-bind:class="active != 'other' ? '' : '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'"
>
{{ trans_choice('general.others', 1) }} {{ trans_choice('general.others', 1) }}
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')">
{{ trans('general.validation_error') }} {{ trans('general.validation_error') }}
</span> </span>
</li> </x-tabs.nav>
</ul> </x-slot>
</div>
</div>
<div id="tab-general" data-tabs-content="general" x-show="active === 'general'"> <x-slot name="content">
<x-tabs.tab id="general">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
@ -60,9 +39,9 @@
<x-form.group.currency without-add-new form-group-class="col-span-6" /> <x-form.group.currency without-add-new form-group-class="col-span-6" />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-address" data-tabs-content="address" x-show="active === 'address'"> <x-tabs.tab id="address">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required />
@ -74,9 +53,9 @@
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
</div> </div>
</div> </x-tabs.tab>
<div id="tab-other" data-tabs-content="other" x-show="active === 'other'"> <x-tabs.tab id="other">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
<x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> <x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required />
@ -85,6 +64,7 @@
<x-form.input.hidden name="type" value="vendor" /> <x-form.input.hidden name="type" value="vendor" />
<x-form.input.hidden name="enabled" value="1" /> <x-form.input.hidden name="enabled" value="1" />
</div> </div>
</div> </x-tabs.tab>
</div> </x-slot>
</x-tabs>
</x-form> </x-form>

View File

@ -5,19 +5,21 @@
<x-slot name="content"> <x-slot name="content">
<x-form id="form-app" route="apps.api-key.store"> <x-form id="form-app" route="apps.api-key.store">
<div class="w-1/2"> <x-form.section spacing-vertical="gap-y-2">
<div class="py-8 flex flex-col gap-2"> <x-slot name="body">
<x-form.group.text name="api_key" placeholder="{{ trans('general.form.enter', ['field' => trans('modules.api_key')]) }}" value="{{ setting('apps.api_key', null) }}" /> <x-form.group.text name="api_key" placeholder="{{ trans('general.form.enter', ['field' => trans('modules.api_key')]) }}" value="{{ setting('apps.api_key', null) }}" />
<div class="sm:col-span-6">
<div class="text-xs"> <div class="text-xs">
{!! trans('modules.get_api_key', ['url' => 'https://akaunting.com/dashboard']) !!} {!! trans('modules.get_api_key', ['url' => 'https://akaunting.com/dashboard']) !!}
</div> </div>
</div> </div>
<div> <div class="sm:col-span-3">
<x-form.buttons cancel-route="apps.home.index" without-cancel /> <x-form.buttons cancel-route="apps.home.index" without-cancel />
</div> </div>
</div> </x-slot>
</x-form.section>
</x-form> </x-form>
</x-slot> </x-slot>

View File

@ -41,9 +41,9 @@
<div class="flex justify-between"> <div class="flex justify-between">
<span> <span>
@foreach ($module->categories as $module_category) @foreach ($module->categories as $module_category)
<a href="{{ route('apps.categories.show', $module_category->slug) }}" class="text-sm"> <x-link href="{{ route('apps.categories.show', $module_category->slug) }}" class="text-sm" override="class">
{{ $module_category->name }} {{ $module_category->name }}
</a> </x-link>
@endforeach @endforeach
</span> </span>
</div> </div>

View File

@ -146,14 +146,12 @@
id="features" id="features"
name="{{ trans('modules.tab.features') }}" name="{{ trans('modules.tab.features') }}"
active active
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@else @else
<x-tabs.nav <x-tabs.nav
id="description" id="description"
name="{{ trans('general.description') }}" name="{{ trans('general.description') }}"
active active
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@endif @endif
@ -163,7 +161,6 @@
<x-tabs.nav <x-tabs.nav
id="reviews" id="reviews"
name="{{ trans('modules.tab.reviews') }}" name="{{ trans('modules.tab.reviews') }}"
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@endif @endif
@ -173,7 +170,6 @@
<x-tabs.nav <x-tabs.nav
id="installation" id="installation"
name="{{ trans('modules.tab.installation') }}" name="{{ trans('modules.tab.installation') }}"
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@endif @endif
@ -183,7 +179,6 @@
<x-tabs.nav <x-tabs.nav
id="documentation" id="documentation"
name="{{ trans('modules.documentation') }}" name="{{ trans('modules.documentation') }}"
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@endif @endif
@ -193,7 +188,6 @@
<x-tabs.nav <x-tabs.nav
id="screenshots" id="screenshots"
name="{{ trans('modules.tab.screenshots') }}" name="{{ trans('modules.tab.screenshots') }}"
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@endif @endif
@ -203,7 +197,6 @@
<x-tabs.nav <x-tabs.nav
id="changelog" id="changelog"
name="{{ trans('modules.tab.changelog') }}" name="{{ trans('modules.tab.changelog') }}"
class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link"
/> />
@endif @endif

View File

@ -10,11 +10,11 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th override="class" class="p-0"></x-table.th> <x-table.th override="class" class="p-0"></x-table.th>
@stack('issued_at_th_start') @stack('issued_at_th_start')
<x-table.th class="w-4/12 hidden sm:table-cell"> <x-table.th class="w-4/12" hidden-mobile>
@stack('due_at_th_inside_start') @stack('due_at_th_inside_start')
<x-slot name="first"> <x-slot name="first">
@ -36,7 +36,7 @@
@stack('status_th_start') @stack('status_th_start')
<x-table.th class="w-3/12 hidden sm:table-cell"> <x-table.th class="w-3/12" hidden-mobile>
@stack('status_th_inside_start') @stack('status_th_inside_start')
<x-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" /> <x-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" />
@ -79,7 +79,7 @@
<x-table.td kind="action"></x-table.td> <x-table.td kind="action"></x-table.td>
@stack('issued_at_td_start') @stack('issued_at_td_start')
<x-table.td class="w-4/12 hidden sm:table-cell"> <x-table.td class="w-4/12" hidden-mobile>
@stack('due_at_td_inside_start') @stack('due_at_td_inside_start')
<x-slot name="first" class="font-bold truncate" override="class"> <x-slot name="first" class="font-bold truncate" override="class">
@ -101,7 +101,7 @@
@stack('status_td_start') @stack('status_td_start')
<x-table.td class="w-3/12 hidden sm:table-cell"> <x-table.td class="w-3/12" hidden-mobile>
@stack('status_td_inside_start') @stack('status_td_inside_start')
<x-index.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" /> <x-index.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" />
@ -158,9 +158,13 @@
</div> </div>
<div class="my-10"> <div class="my-10">
<a href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=invoice_index&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_index&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') }} {{ trans('portal.get_started') }}
</a> </x-link>
</div> </div>
<div class="my-10"> <div class="my-10">

View File

@ -23,24 +23,24 @@
<div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0"> <div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0">
<div class="w-full lg:w-5/12"> <div class="w-full lg:w-5/12">
@if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled'])) @if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled']))
<div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }"> <x-tabs active="{{ reset($payment_methods) }}">
<div role="tablist" class="flex flex-wrap"> <div role="tablist" class="flex flex-wrap">
@php $is_active = true; @endphp @php $is_active = true; @endphp
<x-slot name="navs">
<div class="swiper swiper-links w-full"> <div class="swiper swiper-links w-full">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
@foreach ($payment_methods as $key => $name) @foreach ($payment_methods as $key => $name)
@stack('invoice_{{ $key }}_tab_start') @stack('invoice_{{ $key }}_tab_start')
<div class="swiper-slide"> <div class="swiper-slide">
<div <x-tabs.nav
x-on:click="active = '{{ $name }}'" id="{{ $name }}"
@click="onChangePaymentMethodSigned('{{ $key }}')" @click="onChangePaymentMethodSigned('{{ $key }}')"
id="tabs-payment-method-{{ $key }}-tab"
x-bind:class="active != '{{ $name }}' ? '' : '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'"
class="relative text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link"
> >
<div class="w-24 truncate">
{{ $name }} {{ $name }}
</div> </div>
</x-tabs.nav>
</div> </div>
@stack('invoice_{{ $key }}_tab_end') @stack('invoice_{{ $key }}_tab_end')
@ -51,27 +51,27 @@
<div class="swiper-button-next top-3 right-0"> <div class="swiper-button-next top-3 right-0">
<span class="material-icons">chevron_right</span> <span class="material-icons">chevron_right</span>
</div> </div>
<div class="swiper-button-prev top-3 left-0"> <div class="swiper-button-prev top-3 left-0">
<span class="material-icons">chevron_left</span> <span class="material-icons">chevron_left</span>
</div> </div>
</div> </div>
</x-slot>
</div> </div>
@php $is_active = true; @endphp @php $is_active = true; @endphp
<x-slot name="content">
@foreach ($payment_methods as $key => $name) @foreach ($payment_methods as $key => $name)
@stack('invoice_{{ $key }}_content_start') @stack('invoice_{{ $key }}_content_start')
<div <x-tabs.tab id="{{ $name }}">
x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'" <div class="my-3">
class="my-3"
id="tabs-payment-method-{{ $key }}"
>
<component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component>
</div> </div>
</x-tabs.tab>
@stack('invoice_{{ $key }}_content_end') @stack('invoice_{{ $key }}_content_end')
@php $is_active = false; @endphp @php $is_active = false; @endphp
@endforeach @endforeach
</div>
<x-form id="portal"> <x-form id="portal">
<x-form.group.payment-method <x-form.group.payment-method
@ -85,6 +85,8 @@
<x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" />
</x-form> </x-form>
</x-slot>
</x-tabs>
@endif @endif
@if ($invoice->transactions->count()) @if ($invoice->transactions->count())

View File

@ -21,53 +21,55 @@
<div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0"> <div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0">
<div class="w-full lg:w-5/12"> <div class="w-full lg:w-5/12">
@if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled'])) @if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled']))
<div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }"> <x-tabs active="{{ reset($payment_methods) }}">
<div role="tablist" class="flex flex-wrap gap-y-4"> <div role="tablist" class="flex flex-wrap">
@php $is_active = true; @endphp @php $is_active = true; @endphp
<x-slot name="navs">
<div class="swiper swiper-links w-full"> <div class="swiper swiper-links w-full">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
@foreach ($payment_methods as $key => $name) @foreach ($payment_methods as $key => $name)
@stack('invoice_{{ $key }}_tab_start') @stack('invoice_{{ $key }}_tab_start')
<div class="swiper-slide"> <div class="swiper-slide">
<div <x-tabs.nav
x-on:click="active = '{{ $name }}'" id="{{ $name }}"
@click="onChangePaymentMethod('{{ $key }}')" @click="onChangePaymentMethodSigned('{{ $key }}')"
id="tabs-payment-method-{{ $key }}-tab"
x-bind:class="active != '{{ $name }}' ? '' : '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'"
class="text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link"
> >
<div class="w-24 truncate">
{{ $name }} {{ $name }}
</div> </div>
</x-tabs.nav>
</div> </div>
@stack('invoice_{{ $key }}_tab_end') @stack('invoice_{{ $key }}_tab_end')
@php $is_active = false; @endphp @php $is_active = false; @endphp
@endforeach @endforeach
</div> </div>
</div>
<div class="swiper-button-next top-3 right-0">
<span class="material-icons">chevron_right</span>
</div> </div>
<div class="swiper-button-prev top-3 left-0">
<span class="material-icons">chevron_left</span>
</div>
</div>
</x-slot>
</div>
@php $is_active = true; @endphp @php $is_active = true; @endphp
<x-slot name="content">
@foreach ($payment_methods as $key => $name) @foreach ($payment_methods as $key => $name)
@stack('invoice_{{ $key }}_content_start') @stack('invoice_{{ $key }}_content_start')
<x-tabs.tab id="{{ $name }}">
<div <div class="my-3">
x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'"
class="my-3"
id="tabs-payment-method-{{ $key }}"
>
<component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component>
</div> </div>
</x-tabs.tab>
@stack('invoice_{{ $key }}_content_end') @stack('invoice_{{ $key }}_content_end')
@php $is_active = false; @endphp @php $is_active = false; @endphp
@endforeach @endforeach
</div>
<x-form id="portal"> <x-form id="portal">
<x-form.group.payment-method <x-form.group.payment-method
@ -81,6 +83,8 @@
<x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" />
</x-form> </x-form>
</x-slot>
</x-tabs>
@endif @endif
@if ($invoice->transactions->count()) @if ($invoice->transactions->count())

View File

@ -30,48 +30,56 @@
<div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0"> <div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0">
<div class="w-full lg:w-5/12"> <div class="w-full lg:w-5/12">
@if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled'])) @if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled']))
<div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }"> <x-tabs active="{{ reset($payment_methods) }}">
<div role="tablist" class="flex flex-wrap"> <div role="tablist" class="flex flex-wrap">
@php $is_active = true; @endphp @php $is_active = true; @endphp
<x-slot name="navs">
<div class="swiper swiper-links w-full"> <div class="swiper swiper-links w-full">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
@foreach ($payment_methods as $key => $name) @foreach ($payment_methods as $key => $name)
@stack('invoice_{{ $key }}_tab_start') @stack('invoice_{{ $key }}_tab_start')
<div class="swiper-slide"> <div class="swiper-slide">
<div <x-tabs.nav
x-on:click="active = '{{ $name }}'" id="{{ $name }}"
@click="onChangePaymentMethodSigned('{{ $key }}')" @click="onChangePaymentMethodSigned('{{ $key }}')"
id="tabs-payment-method-{{ $key }}-tab"
x-bind:class="active != '{{ $name }}' ? '' : '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'"
class="relative text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link"
> >
<div class="w-24 truncate">
{{ $name }} {{ $name }}
</div> </div>
</x-tabs.nav>
</div> </div>
@stack('invoice_{{ $key }}_tab_end') @stack('invoice_{{ $key }}_tab_end')
@php $is_active = false; @endphp @php $is_active = false; @endphp
@endforeach @endforeach
</div> </div>
<div class="swiper-button-next top-3 right-0">
<span class="material-icons">chevron_right</span>
</div> </div>
<div class="swiper-button-prev top-3 left-0">
<span class="material-icons">chevron_left</span>
</div>
</div>
</x-slot>
</div> </div>
@php $is_active = true; @endphp @php $is_active = true; @endphp
<x-slot name="content">
@foreach ($payment_methods as $key => $name) @foreach ($payment_methods as $key => $name)
@stack('invoice_{{ $key }}_content_start') @stack('invoice_{{ $key }}_content_start')
<div <x-tabs.tab id="{{ $name }}">
x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'" <div class="my-3">
class="my-3"
id="tabs-payment-method-{{ $key }}"
>
<component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component>
</div> </div>
</x-tabs.tab>
@stack('invoice_{{ $key }}_content_end') @stack('invoice_{{ $key }}_content_end')
@php $is_active = false; @endphp @php $is_active = false; @endphp
@endforeach @endforeach
</div>
<x-form id="portal"> <x-form id="portal">
<x-form.group.payment-method <x-form.group.payment-method
id="payment-method" id="payment-method"
@ -84,6 +92,8 @@
<x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" />
</x-form> </x-form>
</x-slot>
</x-tabs>
@endif @endif
@if ($invoice->transactions->count()) @if ($invoice->transactions->count())

View File

@ -10,7 +10,7 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th override="class" class="p-0"></x-table.th> <x-table.th override="class" class="p-0"></x-table.th>
<x-table.th class="w-4/12 sm:w-3/12"> <x-table.th class="w-4/12 sm:w-3/12">
@ -21,7 +21,7 @@
<x-sortablelink column="payment_method" title="{{ trans_choice('general.payment_methods', 1) }}" /> <x-sortablelink column="payment_method" title="{{ trans_choice('general.payment_methods', 1) }}" />
</x-table.th> </x-table.th>
<x-table.th class="w-4/12 sm:w-3/12"> <x-table.th class="w-4/12 sm:w-3/12" hidden-mobile>
<x-sortablelink column="description" title="{{ trans('general.description') }}" /> <x-sortablelink column="description" title="{{ trans('general.description') }}" />
</x-table.th> </x-table.th>
@ -44,7 +44,7 @@
{{ $payment_methods[$item->payment_method] }} {{ $payment_methods[$item->payment_method] }}
</x-table.td> </x-table.td>
<x-table.td class="w-3/12 hidden sm:table-cell"> <x-table.td class="w-3/12" hidden-mobile>
{{ $item->description }} {{ $item->description }}
</x-table.td> </x-table.td>
@ -66,9 +66,13 @@
</div> </div>
<div class="my-10"> <div class="my-10">
<a href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=payment_index&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=payment_index&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') }} {{ trans('portal.get_started') }}
</a> </x-link>
</div> </div>
<div class="my-10"> <div class="my-10">

View File

@ -44,8 +44,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -66,11 +66,11 @@
<x-table.tbody> <x-table.tbody>
@foreach($categories as $item) @foreach($categories as $item)
<x-table.tr href="{{ route('categories.edit', $item->id) }}" class="relative flex items-center border-b hover:bg-gray-100 px-1 group transition-all"> <x-table.tr href="{{ route('categories.edit', $item->id) }}" class="relative flex items-center border-b hover:bg-gray-100 px-1 group transition-all">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
</x-table.td> </x-table.td>
<x-table.td class="w-5/12 truncate"> <x-table.td class="w-5/12">
@if ($item->sub_categories->count()) @if ($item->sub_categories->count())
<div class="flex items-center font-bold"> <div class="flex items-center font-bold">
{{ $item->name }} {{ $item->name }}
@ -97,7 +97,7 @@
@endif @endif
</x-table.td> </x-table.td>
<x-table.td class="w-5/12 truncate"> <x-table.td class="w-5/12">
@if (! empty($types[$item->type])) @if (! empty($types[$item->type]))
{{ $types[$item->type] }} {{ $types[$item->type] }}
@else @else
@ -105,7 +105,7 @@
@endif @endif
</x-table.td> </x-table.td>
<x-table.td class="w-2/12 relative"> <x-table.td class="w-2/12">
<span class="material-icons text-{{ $item->color }}" class="text-3xl" style="color:{{ $item->color }};">circle</span> <span class="material-icons text-{{ $item->color }}" class="text-3xl" style="color:{{ $item->color }};">circle</span>
</x-table.td> </x-table.td>

View File

@ -1,6 +1,6 @@
@if ($sub_category->sub_categories) @if ($sub_category->sub_categories)
<x-table.tr data-collapse="child-{{ $parent_category->id }}" data-animation class="relative flex items-center hover:bg-gray-100 px-1 group border-b transition-all collapse-sub" href="{{ route('categories.edit', $sub_category->id) }}"> <x-table.tr data-collapse="child-{{ $parent_category->id }}" data-animation class="relative flex items-center hover:bg-gray-100 px-1 group border-b transition-all collapse-sub" href="{{ route('categories.edit', $sub_category->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $sub_category->id }}" name="{{ $sub_category->name }}" /> <x-index.bulkaction.single id="{{ $sub_category->id }}" name="{{ $sub_category->name }}" />
</x-table.td> </x-table.td>

View File

@ -26,8 +26,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -39,7 +39,7 @@
<x-sortablelink column="code" title="{{ trans('currencies.code') }}" /> <x-sortablelink column="code" title="{{ trans('currencies.code') }}" />
</x-table.th> </x-table.th>
<x-table.th class="w-3/12 hidden sm:table-cell"> <x-table.th class="w-3/12" hidden-mobile>
{{ trans('currencies.symbol.symbol') }} {{ trans('currencies.symbol.symbol') }}
</x-table.th> </x-table.th>
@ -52,7 +52,7 @@
<x-table.tbody> <x-table.tbody>
@foreach($currencies as $item) @foreach($currencies as $item)
<x-table.tr href="{{ route('currencies.edit', $item->id) }}"> <x-table.tr href="{{ route('currencies.edit', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
</x-table.td> </x-table.td>
@ -72,15 +72,15 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-6/12 sm:w-3/12 truncate"> <x-table.td class="w-6/12 sm:w-3/12">
{{ $item->code }} {{ $item->code }}
</x-table.td> </x-table.td>
<x-table.td class="w-3/12 hidden sm:table-cell"> <x-table.td class="w-3/12" hidden-mobile>
{{ $item->symbol }} {{ $item->symbol }}
</x-table.td> </x-table.td>
<x-table.td class="w-2/12 relative truncate"> <x-table.td class="w-2/12">
{{ $item->rate }} {{ $item->rate }}
</x-table.td> </x-table.td>

View File

@ -45,8 +45,8 @@
<x-table> <x-table>
<x-table.thead> <x-table.thead>
<x-table.tr class="flex items-center px-1"> <x-table.tr>
<x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.th kind="bulkaction">
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
@ -67,11 +67,11 @@
<x-table.tbody> <x-table.tbody>
@foreach($taxes as $item) @foreach($taxes as $item)
<x-table.tr href="{{ route('taxes.edit', $item->id) }}"> <x-table.tr href="{{ route('taxes.edit', $item->id) }}">
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> <x-table.td kind="bulkaction">
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
</x-table.td> </x-table.td>
<x-table.td class="w-5/12 truncate"> <x-table.td class="w-5/12">
<x-slot name="first" class="flex" override="class"> <x-slot name="first" class="flex" override="class">
<div class="font-bold truncate"> <div class="font-bold truncate">
{{ $item->name }} {{ $item->name }}
@ -83,11 +83,11 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-4/12 truncate"> <x-table.td class="w-4/12">
{{ $types[$item->type] }} {{ $types[$item->type] }}
</x-table.td> </x-table.td>
<x-table.td class="w-3/12 relative"> <x-table.td class="w-3/12">
{{ $item->rate }} {{ $item->rate }}
</x-table.td> </x-table.td>

View File

@ -11,9 +11,9 @@
<span class="w-64 block mb-3 text-black-400 text-xs">{!! trans('widgets.description.bank_feeds') !!}</span> <span class="w-64 block mb-3 text-black-400 text-xs">{!! trans('widgets.description.bank_feeds') !!}</span>
<a href="{{ $learn_more_url }}" target="_blank" class="font-light text-xs border-b transition-all hover:font-medium"> <x-link href="{{ $learn_more_url }}" target="_blank" class="font-light text-xs border-b transition-all hover:font-medium" override="class">
{{ trans('modules.learn_more') }} {{ trans('modules.learn_more') }}
</a> </x-link>
</div> </div>
<div class="relative flex justify-end -mt-28"> <div class="relative flex justify-end -mt-28">