Merge branch 'master' of https://github.com/brkcvn/akaunting into form-elements
This commit is contained in:
@ -190,18 +190,18 @@
|
||||
@if (! $hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
|
||||
<div class="text-left border-0 p-0 mr-16" v-if="!row.add_discount">
|
||||
<button type="button" class="text-xs text-purple" @click="onAddLineDiscount(index)">
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('general.title.add', ['type' => trans('invoices.discount')]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="text-right border-0 p-0 pr-4">
|
||||
<button type="button" class="text-xs text-purple" @click="onAddTax(index)">
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('general.title.add', ['type' => trans_choice('general.taxes', 1)]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -79,10 +79,10 @@
|
||||
<td class="border-t-0 py-0"></td>
|
||||
|
||||
<td class="text-right border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
|
||||
<div v-if="show_discount_text">
|
||||
<span class="border-b border-transparent transition-all text-sm text-purple cursor-pointer hover:border-purple" v-if="!totals.discount_text" @click="onAddDiscount()">
|
||||
<div v-if="show_discount_text" v-if="!totals.discount_text" @click="onAddDiscount()">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('invoices.add_discount') }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</div>
|
||||
|
||||
<span v-if="totals.discount_text" v-html="totals.discount_text"></span>
|
||||
|
@ -35,9 +35,9 @@
|
||||
override="class"
|
||||
class="py-1.5 mb-3 sm:mb-0 text-xs bg-transparent hover:bg-transparent font-medium leading-6"
|
||||
>
|
||||
<span class="border-b border-transparent transition-all hover:border-black">
|
||||
<x-link.hover>
|
||||
{{ trans('documents.accept_payment_online') }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-link>
|
||||
@endif
|
||||
</div>
|
||||
@ -62,16 +62,16 @@
|
||||
|
||||
@if (! empty($transaction->contact) && $transaction->contact->email)
|
||||
<x-button id="button-email-send" class="text-purple mt-1" override="class" @click="onEmail('{{ route($transactionEmailRoute, $transaction->id) }}')">
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-button>
|
||||
@else
|
||||
<x-tooltip message="{{ trans('invoices.messages.email_required') }}" placement="top">
|
||||
<x-button class="text-purple mt-1" override="class" disabled="disabled">
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-button>
|
||||
</x-tooltip>
|
||||
@endif
|
||||
@ -84,9 +84,9 @@
|
||||
class="text-purple mt-1"
|
||||
override="class"
|
||||
>
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-button>
|
||||
|
||||
<span> - </span>
|
||||
@ -105,7 +105,7 @@
|
||||
:message="$message"
|
||||
:label="trans('general.title.delete', ['type' => trans_choice('general.payments', 1)])"
|
||||
class="text-purple mt-1"
|
||||
text-class="border-b border-transparent transition-all hover:border-purple"
|
||||
text-class="bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-purple transition-backgroundSize"
|
||||
override="class"
|
||||
/>
|
||||
</div>
|
||||
|
@ -46,16 +46,16 @@
|
||||
|
||||
@if (! empty($transaction->contact) && $transaction->contact->email)
|
||||
<x-button id="button-email-send" class="text-purple mt-1" override="class" @click="onEmail('{{ route($transactionEmailRoute, $transaction->id) }}')">
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-button>
|
||||
@else
|
||||
<x-tooltip message="{{ trans('invoices.messages.email_required') }}" placement="top">
|
||||
<x-button class="text-purple mt-1" override="class" disabled="disabled">
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-button>
|
||||
</x-tooltip>
|
||||
@endif
|
||||
@ -68,9 +68,9 @@
|
||||
class="text-purple mt-1"
|
||||
override="class"
|
||||
>
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-button>
|
||||
|
||||
<span> - </span>
|
||||
@ -89,7 +89,7 @@
|
||||
:message="$message"
|
||||
:label="trans('general.title.delete', ['type' => trans_choice('general.payments', 1)])"
|
||||
class="text-purple mt-1"
|
||||
text-class="border-b border-transparent transition-all hover:border-purple"
|
||||
text-class="bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-purple transition-backgroundSize"
|
||||
override="class"
|
||||
/>
|
||||
</div>
|
||||
|
@ -56,8 +56,10 @@
|
||||
</div>
|
||||
|
||||
<div class="ltr:mr-4 rtl:ml-4" v-if="bulk_action.count">
|
||||
<button type="button" class="text-sm border-b border-transparent transition-all hover:border-black" @click="onClearBulkAction">
|
||||
<span>{{ trans('general.clear') }}</span>
|
||||
<button type="button" @click="onClearBulkAction">
|
||||
<x-link.hover>
|
||||
{{ trans('general.clear') }}
|
||||
</x-link.hover>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -113,9 +113,9 @@
|
||||
|
||||
<div class="flex ltr:ml-2 rtl:mr-2">
|
||||
<span class="w-28 text-left block text-base truncate">
|
||||
<span class="border-b border-transparent transition-all hover:border-black">
|
||||
<x-link.hover>
|
||||
{{ Str::limit(setting('company.name'), 22) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</span>
|
||||
|
||||
@can('read-common-companies')
|
||||
@ -222,7 +222,7 @@
|
||||
<span class="material-icons text-lg text-purple transform ltr:rotate-90 rtl:-rotate-90">expand_circle_down</span>
|
||||
</button>
|
||||
|
||||
<span data-menu-close id="menu-cancel" class="material-icons absolute ltr:-right-2 rtl:right-12 top-8 text-lg text-purple cursor-pointer z-10 hidden">cancel</span>
|
||||
<span data-menu-close id="menu-cancel" class="material-icons absolute ltr:-right-2 rtl:right-12 transition-all top-8 text-lg text-purple cursor-pointer z-10 hidden">cancel</span>
|
||||
|
||||
<div class="fixed w-full h-full invisible lg:hidden js-menu-background" style="background-color: rgba(0, 0, 0, 0.5); z-index: -1;"></div>
|
||||
</div>
|
||||
|
@ -58,6 +58,7 @@
|
||||
function contentTransitionLeft() {
|
||||
sectionContent.classList.add("xl:ltr:ml-0", "xl:rtl:mr-0");
|
||||
sectionContent.classList.remove("xl:ltr:ml-64", "xl:rtl:mr-64");
|
||||
|
||||
toggleButton.querySelector("span").classList.add("ltr:-rotate-90", "rtl:rotate-90");
|
||||
}
|
||||
|
||||
@ -65,16 +66,19 @@
|
||||
function contentTransitionRight() {
|
||||
sectionContent.classList.remove("xl:ltr:ml-0", "xl:rtl:mr-0");
|
||||
sectionContent.classList.add("xl:ltr:ml-64", "xl:rtl:mr-64");
|
||||
|
||||
toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
|
||||
}
|
||||
|
||||
function hiddenSidebar() {
|
||||
sideBar.classList.add("menu-list-hidden");
|
||||
|
||||
toggleButton.classList.add("ltr:left-12", "rtl:right-12");
|
||||
}
|
||||
|
||||
function unHiddenSidebar() {
|
||||
toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
|
||||
|
||||
sideBar.classList.remove("menu-list-hidden");
|
||||
}
|
||||
|
||||
@ -147,14 +151,26 @@
|
||||
|
||||
menu.classList.remove("ltr:-left-80", "rtl:-right-80");
|
||||
menu.classList.add("ltr:left-14", "rtl:right-14");
|
||||
|
||||
mainContent.classList.add("hidden");
|
||||
toggleButton.classList.add("invisible");
|
||||
menuClose.classList.remove("hidden");
|
||||
|
||||
unHiddenSidebar();
|
||||
contentTransitionRight();
|
||||
|
||||
notificationCount("none");
|
||||
//for hidden menu, show close icon scenario
|
||||
if (sideBar.classList.contains("menu-list-hidden")) {
|
||||
menuClose.classList.add("ltr:-right-57", "rtl:right-59");
|
||||
menuClose.classList.remove("ltr:-right-2", "rtl:right-12");
|
||||
} else {
|
||||
menuClose.classList.add("ltr:-right-2", "rtl:right-12");
|
||||
}
|
||||
|
||||
sectionContent.classList.remove("xl:ltr:ml-0", "xl:rtl:mr-0");
|
||||
sectionContent.classList.add("xl:ltr:ml-64", "xl:rtl:mr-64");
|
||||
//for hidden menu, show close icon scenario
|
||||
|
||||
if (menuRef === "notifications-menu") {
|
||||
notificationCount("none");
|
||||
}
|
||||
|
||||
//remove active (cancel text) class form target icon
|
||||
} else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") {
|
||||
@ -163,6 +179,7 @@
|
||||
|
||||
menu.classList.add("ltr:-left-80", "rtl:-right-80");
|
||||
menu.classList.remove("ltr:left-14", "rtl:right-14");
|
||||
|
||||
mainContent.classList.remove("hidden");
|
||||
toggleButton.classList.remove("invisible");
|
||||
menuClose.classList.add("hidden");
|
||||
@ -178,11 +195,21 @@
|
||||
menuClose.addEventListener("click", function() {
|
||||
menu.classList.add("ltr:-left-80", "rtl:-right-80");
|
||||
menu.classList.remove("ltr:left-14", "rtl:right-14");
|
||||
|
||||
iconButton.children[0].textContent = icon;
|
||||
iconButton.children[0].classList.remove("active");
|
||||
|
||||
mainContent.classList.remove("hidden");
|
||||
this.classList.add("hidden");
|
||||
|
||||
toggleButton.classList.remove("invisible");
|
||||
|
||||
//for hidden menu, show close icon scenario
|
||||
if (sideBar.classList.contains("menu-list-hidden")) {
|
||||
sectionContent.classList.add("xl:ltr:ml-0", "xl:rtl:mr-0");
|
||||
sectionContent.classList.remove("xl:ltr:ml-64", "xl:rtl:mr-64");
|
||||
}
|
||||
//for hidden menu, show close icon scenario
|
||||
});
|
||||
});
|
||||
}
|
||||
@ -201,6 +228,7 @@
|
||||
|
||||
profile_icon_html.children[0].classList.remove("hidden");
|
||||
profile_icon_html.children[1].classList.add("hidden");
|
||||
|
||||
toggleButton.classList.add("invisible");
|
||||
}
|
||||
|
||||
@ -214,6 +242,7 @@
|
||||
|
||||
settings_icon_html.children[0].textContent = "cancel";
|
||||
settings_icon_html.children[0].classList.add("active");
|
||||
|
||||
toggleButton.classList.add("invisible");
|
||||
}
|
||||
}
|
||||
|
@ -14,9 +14,9 @@
|
||||
<div class="grid grid-cols-2 gap-2">
|
||||
@foreach ($categories as $slug => $category)
|
||||
<x-link href="{{ $categoryUrl($slug) }}" class="font-semibold text-sm ltr:pr-4 rtl:pl-4 lg:pr-0 truncate bg-transparent" override="class">
|
||||
<span class="border-b border-transparent transition-all hover:border-black">
|
||||
<x-link.hover>
|
||||
{{ $category }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-link>
|
||||
@endforeach
|
||||
</div>
|
||||
@ -80,27 +80,27 @@
|
||||
|
||||
<div class="flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400">
|
||||
<x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
|
||||
<span class="border-b border-transparent transition-all hover:border-black-400">
|
||||
<x-link.hover color="to-black-400">
|
||||
{{ trans('modules.home') }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-link>
|
||||
|
||||
<x-link href="{{ route('apps.new') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
|
||||
<span class="border-b border-transparent transition-all hover:border-black-400">
|
||||
<x-link.hover color="to-black-400">
|
||||
{{ trans('modules.new') }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-link>
|
||||
|
||||
<x-link href="{{ route('apps.paid') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
|
||||
<span class="border-b border-transparent transition-all hover:border-black-400">
|
||||
<x-link.hover color="to-black-400">
|
||||
{{ trans('modules.top_paid') }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-link>
|
||||
|
||||
<x-link href="{{ route('apps.free') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
|
||||
<span class="border-b border-transparent transition-all hover:border-black-400">
|
||||
<x-link.hover color="to-black-400">
|
||||
{{ trans('modules.top_free') }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</x-link>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,34 +1,49 @@
|
||||
@props(['module', 'installed', 'enable'])
|
||||
|
||||
@if (! empty($module->plan))
|
||||
<a href="{{ $module->action_url }}" class="relative bg-green hover:bg-green-700 rounded-md text-white text-sm text-center w-full py-2 truncate" target="_blank">
|
||||
<x-link.loading>
|
||||
{{ trans('modules.get_premium_cloud') }}
|
||||
</x-link.loading>
|
||||
</a>
|
||||
<x-link
|
||||
href="{{ $module->action_url }}"
|
||||
target="_blank"
|
||||
class="bg-green hover:bg-green-700 rounded-md text-white text-sm text-center w-full py-2 truncate"
|
||||
override="class"
|
||||
>
|
||||
{{ trans('modules.get_premium_cloud') }}
|
||||
</x-link>
|
||||
@elseif (in_array('onprime', $module->where_to_use))
|
||||
@if ($installed)
|
||||
@can('delete-modules-item')
|
||||
<a href="{{ route('apps.app.uninstall', $module->slug) }}" class="relative bg-red text-white rounded-md text-sm text-center w-1/2 py-2 truncate">
|
||||
<x-link.loading>
|
||||
<x-link
|
||||
href="{{ route('apps.app.uninstall', $module->slug) }}"
|
||||
class="bg-red rounded-md text-white text-sm text-center w-1/2 py-2 truncate"
|
||||
override="class"
|
||||
>
|
||||
<x-link.loading>
|
||||
{{ trans('modules.button.uninstall') }}
|
||||
</x-link.loading>
|
||||
</a>
|
||||
</x-link>
|
||||
@endcan
|
||||
|
||||
@can('update-modules-item')
|
||||
@if ($enable)
|
||||
<a href="{{ route('apps.app.disable', $module->slug) }}" class="relative bg-orange rounded-md text-white w-1/2 text-center text-sm py-2 truncate">
|
||||
<x-link.loading>
|
||||
<x-link
|
||||
href="{{ route('apps.app.disable', $module->slug) }}"
|
||||
class="bg-orange rounded-md text-white text-sm text-center w-1/2 py-2 truncate"
|
||||
override="class"
|
||||
>
|
||||
<x-link.loading>
|
||||
{{ trans('modules.button.disable') }}
|
||||
</x-link.loading>
|
||||
</a>
|
||||
</x-link>
|
||||
@else
|
||||
<a href="{{ route('apps.app.enable', $module->slug) }}" class="relative bg-green rounded-md text-white text-sm text-center w-1/2 py-2 truncate">
|
||||
<x-link.loading>
|
||||
<x-link
|
||||
href="{{ route('apps.app.enable', $module->slug) }}"
|
||||
class="bg-green rounded-md text-white text-sm text-center w-1/2 py-2 truncate"
|
||||
override="class"
|
||||
>
|
||||
<x-link.loading>
|
||||
{{ trans('modules.button.enable') }}
|
||||
</x-link.loading>
|
||||
</a>
|
||||
</x-link>
|
||||
@endif
|
||||
@endcan
|
||||
@else
|
||||
@ -53,26 +68,35 @@
|
||||
</button>
|
||||
@endif
|
||||
@else
|
||||
<a href="{{ $module->action_url }}" class="relative bg-green hover:bg-green-700 rounded-md text-white text-sm text-center w-full py-2 truncate" target="_blank">
|
||||
<x-link.loading>
|
||||
{{ trans('modules.use_app') }}
|
||||
</x-link.loading>
|
||||
</a>
|
||||
<x-link
|
||||
href="{{ $module->action_url }}"
|
||||
target="_blank"
|
||||
class="bg-green hover:bg-green-700 rounded-md text-white text-sm text-center w-full py-2 truncate"
|
||||
override="class"
|
||||
>
|
||||
{{ trans('modules.use_app') }}
|
||||
</x-link>
|
||||
@endif
|
||||
@endcan
|
||||
@endif
|
||||
@else
|
||||
@if ($module->install)
|
||||
<a href="{{ $module->action_url }}" class="relative bg-green hover:bg-green-700 rounded-md text-white text-sm text-center w-full py-2 truncate" target="_blank">
|
||||
<x-link.loading>
|
||||
{{ trans('modules.install_cloud') }}
|
||||
</x-link.loading>
|
||||
</a>
|
||||
<x-link
|
||||
href="{{ $module->action_url }}"
|
||||
target="_blank"
|
||||
class="bg-green hover:bg-green-700 rounded-md text-white text-sm text-center w-full py-2 truncate"
|
||||
override="class"
|
||||
>
|
||||
{{ trans('modules.install_cloud') }}
|
||||
</x-link>
|
||||
@else
|
||||
<a href="{{ $module->action_url }}" class="relative bg-green hover:bg-green-700 rounded-md text-white text-sm text-center w-full py-2 truncate" target="_blank">
|
||||
<x-link.loading>
|
||||
{{ trans('modules.get_cloud') }}
|
||||
</x-link.loading>
|
||||
</a>
|
||||
<x-link
|
||||
href="{{ $module->action_url }}"
|
||||
target="_blank"
|
||||
class="bg-green hover:bg-green-700 rounded-md text-white text-sm text-center w-full py-2 truncate"
|
||||
override="class"
|
||||
>
|
||||
{{ trans('modules.get_cloud') }}
|
||||
</x-link>
|
||||
@endif
|
||||
@endif
|
||||
|
@ -84,9 +84,9 @@
|
||||
|
||||
<div class="flex ltr:ml-2 rtl:mr-2">
|
||||
<span class="w-28 text-left block text-base truncate">
|
||||
<span class="border-b border-transparent transition-all hover:border-black">
|
||||
<x-link.hover>
|
||||
{{ Str::limit(setting('company.name'), 22) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</span>
|
||||
|
||||
@can('read-common-companies')
|
||||
@ -169,7 +169,7 @@
|
||||
<span class="material-icons text-lg text-purple transform ltr:rotate-90 rtl:-rotate-90">expand_circle_down</span>
|
||||
</button>
|
||||
|
||||
<span data-menu-close class="material-icons absolute ltr:-right-2 rtl:right-12 top-8 text-lg text-purple cursor-pointer z-10 hidden">cancel</span>
|
||||
<span data-menu-close class="material-icons absolute ltr:-right-2 rtl:right-12 transition-all top-8 text-lg text-purple cursor-pointer z-10 hidden">cancel</span>
|
||||
|
||||
<div class="fixed w-full h-full invisible lg:hidden js-menu-background" style="background-color: rgba(0, 0, 0, 0.5); z-index: -1;"></div>
|
||||
</div>
|
||||
|
@ -137,8 +137,18 @@
|
||||
mainContent.classList.add("hidden");
|
||||
toggleButton.classList.add("invisible");
|
||||
menuClose.classList.remove("hidden");
|
||||
unHiddenSidebar();
|
||||
contentTransitionRight();
|
||||
|
||||
//for hidden menu, show close icon scenario
|
||||
if (sideBar.classList.contains("menu-list-hidden")) {
|
||||
menuClose.classList.add("ltr:-right-57", "rtl:right-59");
|
||||
menuClose.classList.remove("ltr:-right-2", "rtl:right-12");
|
||||
} else {
|
||||
menuClose.classList.add("ltr:-right-2", "rtl:right-12");
|
||||
}
|
||||
|
||||
sectionContent.classList.remove("xl:ltr:ml-0", "xl:rtl:mr-0");
|
||||
sectionContent.classList.add("xl:ltr:ml-64", "xl:rtl:mr-64");
|
||||
//for hidden menu, show close icon scenario
|
||||
|
||||
//remove active (cancel text) class form target icon
|
||||
} else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") {
|
||||
@ -164,6 +174,13 @@
|
||||
mainContent.classList.remove("hidden");
|
||||
this.classList.add("hidden");
|
||||
toggleButton.classList.remove("invisible");
|
||||
|
||||
//for hidden menu, show close icon scenario
|
||||
if (sideBar.classList.contains("menu-list-hidden")) {
|
||||
sectionContent.classList.add("xl:ltr:ml-0", "xl:rtl:mr-0");
|
||||
sectionContent.classList.remove("xl:ltr:ml-64", "xl:rtl:mr-64");
|
||||
}
|
||||
//for hidden menu, show close icon scenario
|
||||
});
|
||||
});
|
||||
}
|
||||
|
10
resources/views/components/link/hover.blade.php
Normal file
10
resources/views/components/link/hover.blade.php
Normal file
@ -0,0 +1,10 @@
|
||||
<span
|
||||
@class([
|
||||
$color,
|
||||
$groupHover ? 'group-hover:bg-full-2' : 'hover:bg-full-2',
|
||||
'bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize'
|
||||
])
|
||||
>
|
||||
{!! $slot !!}
|
||||
</span>
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
<a class="{{ $class }}" {{ $attributes }}>
|
||||
{{ $slot }}
|
||||
</a>
|
@ -8,4 +8,4 @@
|
||||
<span data-link-text class="opacity-1">
|
||||
{!! $slot !!}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -11,9 +11,9 @@
|
||||
@if ($attributes->has('route'))
|
||||
<div class="flex justify-center items-center group">
|
||||
<a href="{{ route($attributes->get('route')) }}">
|
||||
<span class="border-b border-transparent transition-all group-hover:border-black">
|
||||
<x-link.hover group-hover>
|
||||
{{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</a>
|
||||
|
||||
<i class="material-icons text-sm ltr:ml-1 rtl:mr-1 transform transition-all group-hover:translate-x-1">arrow_forward</i>
|
||||
|
@ -1,8 +1,8 @@
|
||||
<div>
|
||||
<h2 class="lg:text-lg font-medium text-black">
|
||||
<span class="border-b border-transparent transition-all group-hover:border-black">
|
||||
<x-link.hover group-hover>
|
||||
{{ $title }}
|
||||
</span>
|
||||
</x-link.hover>
|
||||
</h2>
|
||||
|
||||
@if (! empty($description))
|
||||
|
@ -22,8 +22,10 @@
|
||||
@if (! empty($button) && $button->isNotEmpty())
|
||||
{!! $button !!}
|
||||
@else
|
||||
<a href="{!! $url !!}" class="border-b border-transparent transition-all hover:border-white">
|
||||
{{ $textAction }}
|
||||
<a href="{!! $url !!}">
|
||||
<x-link.hover color="to-white">
|
||||
{{ $textAction }}
|
||||
</x-link.hover>
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
|
@ -14,8 +14,10 @@
|
||||
{!! $item->description !!}
|
||||
</p>
|
||||
|
||||
<a href="{{ $item->action }}" class="font-light text-sm border-b border-transparent transition-all hover:border-black" target="_blank">
|
||||
{{ $item->learn_more }}
|
||||
<a href="{{ $item->action }}" class="font-light text-sm" target="_blank">
|
||||
<x-link.hover>
|
||||
{{ $item->learn_more }}
|
||||
</x-link.hover>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
@ -14,8 +14,10 @@
|
||||
{!! $item->description !!}
|
||||
</p>
|
||||
|
||||
<a href="{{ $item->action }}" class="font-light text-sm border-b border-transparent transition-all hover:border-black">
|
||||
{{ $item->learn_more }}
|
||||
<a href="{{ $item->action }}" class="font-light text-sm">
|
||||
<x-link.hover>
|
||||
{{ $item->learn_more }}
|
||||
</x-link.hover>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
@ -5,8 +5,10 @@
|
||||
<div class="relative w-full text-left cursor-pointer group"
|
||||
x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"
|
||||
>
|
||||
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ trans_choice('general.attachments', 2) }}
|
||||
<span class="font-medium">
|
||||
<x-link.hover group-hover>
|
||||
{{ trans_choice('general.attachments', 2) }}
|
||||
</x-link.hover>
|
||||
</span>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
|
@ -10,7 +10,7 @@
|
||||
|
||||
@stack('edit_button_start')
|
||||
|
||||
@if (! $transaction->hasTransferRelation)
|
||||
@if (! $transaction->reconciled && ! $transaction->hasTransferRelation)
|
||||
@if (! $hideButtonEdit)
|
||||
@can($permissionUpdate)
|
||||
<x-link href="{{ route($routeButtonEdit, [$transaction->id, 'type' => $type]) }}">
|
||||
|
@ -2,8 +2,10 @@
|
||||
<button class="relative w-full text-left cursor-pointer group"
|
||||
x-on:click="children !== 1 ? children = 1 : children = null"
|
||||
>
|
||||
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ trans_choice('general.transactions', 2) }}
|
||||
<span class="font-medium">
|
||||
<x-link.hover group-hover>
|
||||
{{ trans_choice('general.transactions', 2) }}
|
||||
</x-link.hover>
|
||||
</span>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
|
@ -4,8 +4,10 @@
|
||||
<button class="relative w-full text-left group"
|
||||
x-on:click="create !== 1 ? create = 1 : create = null"
|
||||
>
|
||||
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ trans('general.create') }}
|
||||
<span class="font-medium">
|
||||
<x-link.hover>
|
||||
{{ trans('general.create') }}
|
||||
</x-link.hover>
|
||||
</span>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
|
@ -8,7 +8,7 @@
|
||||
|
||||
@stack('duplicate_button_start')
|
||||
|
||||
@if (! $transaction->hasTransferRelation)
|
||||
@if (empty($transaction->document_id) && ! $transaction->hasTransferRelation)
|
||||
@if (! $hideButtonDuplicate)
|
||||
@can($permissionCreate)
|
||||
<x-dropdown.link href="{{ route($routeButtonDuplicate, [$transaction->id, 'type' => $type]) }}">
|
||||
@ -22,7 +22,7 @@
|
||||
|
||||
@stack('connect_button_start')
|
||||
|
||||
@if ($transaction->is_splittable && empty($transaction->document_id) && empty($transaction->recurring))
|
||||
@if ($transaction->is_splittable && empty($transaction->document_id) && empty($transaction->recurring) && ! $transaction->hasTransferRelation)
|
||||
@if (! $hideButtonConnect)
|
||||
@can($permissionCreate)
|
||||
<button
|
||||
@ -38,7 +38,7 @@
|
||||
|
||||
@stack('connect_button_end')
|
||||
|
||||
@if (! $hideDivider1)
|
||||
@if (! $hideDivider1 && ! $transaction->hasTransferRelation)
|
||||
<x-dropdown.divider />
|
||||
@endif
|
||||
|
||||
@ -62,7 +62,7 @@
|
||||
|
||||
@stack('button_pdf_end')
|
||||
|
||||
@if (! $hideDivider2)
|
||||
@if (! $hideDivider2 && ! $transaction->hasTransferRelation)
|
||||
<x-dropdown.divider />
|
||||
@endif
|
||||
|
||||
@ -98,7 +98,7 @@
|
||||
|
||||
@stack('email_button_end')
|
||||
|
||||
@if (! $hideDivider3)
|
||||
@if (! $hideDivider3 && ! $transaction->hasTransferRelation)
|
||||
<x-dropdown.divider />
|
||||
@endif
|
||||
|
||||
@ -112,7 +112,7 @@
|
||||
|
||||
@stack('button_end_end')
|
||||
|
||||
@if (! $hideDivider4)
|
||||
@if (! $hideDivider4 && ! $transaction->hasTransferRelation)
|
||||
<x-dropdown.divider />
|
||||
@endif
|
||||
|
||||
|
@ -7,8 +7,10 @@
|
||||
<button class="relative w-full text-left cursor-pointer group"
|
||||
x-on:click="schedule !== 1 ? schedule = 1 : schedule = null"
|
||||
>
|
||||
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ trans_choice('general.schedules', 1) }}
|
||||
<span class="font-medium">
|
||||
<x-link.hover group-hover>
|
||||
{{ trans_choice('general.schedules', 1) }}
|
||||
</x-link.hover>
|
||||
</span>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
|
@ -1,8 +1,10 @@
|
||||
@if ($transfer->attachment)
|
||||
<div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }">
|
||||
<div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null">
|
||||
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ trans_choice('general.attachments', 2) }}
|
||||
<span class="font-medium">
|
||||
<x-link.hover group-hover>
|
||||
{{ trans_choice('general.attachments', 2) }}
|
||||
</x-link.hover>
|
||||
</span>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
|
@ -2,8 +2,10 @@
|
||||
|
||||
<div class="border-b pb-4" x-data="{ create : null }">
|
||||
<button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null">
|
||||
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ trans('general.create') }}
|
||||
<span class="font-medium">
|
||||
<x-link.hover group-hover>
|
||||
{{ trans('general.create') }}
|
||||
</x-link.hover>
|
||||
</span>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
|
@ -7,7 +7,11 @@
|
||||
|
||||
<div class="flex items-center">
|
||||
@if ($report = $class->getReportUrl())
|
||||
<a href="{{ $report }}" class="text-purple text-sm mr-3 border-b border-transparent transition-all hover:border-purple hover:text-purple-700">{{ trans('widgets.view_report') }}</a>
|
||||
<a href="{{ $report }}" class="text-purple text-sm mr-3">
|
||||
<x-link.hover color="to-purple">
|
||||
{{ trans('widgets.view_report') }}
|
||||
</x-link.hover>
|
||||
</a>
|
||||
@endif
|
||||
|
||||
<x-dropdown id="dropdown-widget-{{ $class->model->id }}">
|
||||
|
Reference in New Issue
Block a user