Merge pull request #2619 from brkcvn/code-clean
HTML structures development
This commit is contained in:
@ -1,26 +1,16 @@
|
||||
@if ($transfer->attachment)
|
||||
<div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }">
|
||||
<div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null">
|
||||
<span class="font-medium">
|
||||
<x-button.hover group-hover>
|
||||
{{ trans_choice('general.attachments', 2) }}
|
||||
</x-button.hover>
|
||||
</span>
|
||||
<x-show.accordion type="attachment">
|
||||
<x-slot name="head">
|
||||
<x-show.accordion.head
|
||||
title="{{ trans_choice('general.attachments', 2) }}"
|
||||
description="{{ trans('transfers.slider.attachments') }}"
|
||||
/>
|
||||
</x-slot>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
{{ trans('transers.slider.attachments') }}
|
||||
</div>
|
||||
|
||||
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span>
|
||||
</div>
|
||||
|
||||
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
|
||||
x-ref="container1"
|
||||
x-bind:class="attachment == 1 ? 'h-auto ' : 'scale-y-0 h-0'"
|
||||
>
|
||||
<x-slot name="body">
|
||||
@foreach ($transfer->attachment as $file)
|
||||
<x-media.file :file="$file" />
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-show.accordion>
|
||||
@endif
|
||||
|
@ -1,29 +1,18 @@
|
||||
@php $created_date = '<span class="font-medium">' . company_date($transfer->created_at) . '</span>' @endphp
|
||||
|
||||
<div class="border-b pb-4" x-data="{ create : null }">
|
||||
<button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null">
|
||||
<span class="font-medium">
|
||||
<x-button.hover group-hover>
|
||||
{{ trans('general.create') }}
|
||||
</x-button.hover>
|
||||
</span>
|
||||
<x-show.accordion type="create">
|
||||
<x-slot name="head">
|
||||
<x-show.accordion.head
|
||||
title="{{ trans('general.create') }}"
|
||||
description="{!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!}"
|
||||
/>
|
||||
</x-slot>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
{!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!}
|
||||
</div>
|
||||
|
||||
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span>
|
||||
</button>
|
||||
|
||||
<div
|
||||
class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
|
||||
x-ref="container1"
|
||||
x-bind:class="create == 1 ? 'h-auto ' : 'scale-y-0 h-0'"
|
||||
>
|
||||
<x-slot name="body">
|
||||
<div class="flex my-3 space-x-2 rtl:space-x-reverse">
|
||||
<a href="{{ route('transfers.edit', $transfer->id) }}" id="show-slider-actions-edit-transfer" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6">
|
||||
<x-link href="{{ route('transfers.edit', $transfer->id) }}" id="show-slider-actions-edit-transfer" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6">
|
||||
{{ trans('general.edit') }}
|
||||
</a>
|
||||
</x-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-show.accordion>
|
||||
|
@ -1,27 +1,18 @@
|
||||
@php
|
||||
$link_class = 'to-black-400 hover:bg-full-2 bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize';
|
||||
$expense_number = '<a href="' . route('transactions.show', $transfer->expense_transaction->id) . '" class="' . $link_class . '">' . $transfer->expense_transaction->number . '</a>';
|
||||
$income_number = '<a href="' . route('transactions.show', $transfer->income_transaction->id) . '" class="' . $link_class . '">' . $transfer->income_transaction->number . '</a>';
|
||||
$expense_number = '<a href="' . route('transactions.show', $transfer->expense_transaction->id) . '" class="' . $link_class . '" override="class">' . $transfer->expense_transaction->number . '</a>';
|
||||
$income_number = '<a href="' . route('transactions.show', $transfer->income_transaction->id) . '" class="' . $link_class . '" override="class">' . $transfer->income_transaction->number . '</a>';
|
||||
@endphp
|
||||
|
||||
<div class="border-b pb-4" x-data="{ transactions : null }">
|
||||
<button class="relative w-full text-left group" x-on:click="transactions !== 1 ? transactions = 1 : transactions = null">
|
||||
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
|
||||
{{ trans_choice('general.transactions', 2) }}
|
||||
</span>
|
||||
<x-show.accordion type="transactions">
|
||||
<x-slot name="head">
|
||||
<x-show.accordion.head
|
||||
title="{{ trans_choice('general.transactions', 2) }}"
|
||||
description="{!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!}"
|
||||
/>
|
||||
</x-slot>
|
||||
|
||||
<div class="text-black-400 text-sm">
|
||||
{!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!}
|
||||
</div>
|
||||
|
||||
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="transactions === 1 ? 'rotate-180' : ''">expand_more</span>
|
||||
</button>
|
||||
|
||||
<div
|
||||
class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
|
||||
x-ref="container1"
|
||||
x-bind:class="transactions === 1 ? 'h-auto' : 'scale-y-0 h-0'"
|
||||
>
|
||||
<x-slot name="body">
|
||||
<div class="my-2">
|
||||
{!! trans('transfers.slider.transactions_desc', ['number' => $expense_number, 'account' => $transfer->expense_account->title]) !!}
|
||||
</div>
|
||||
@ -29,5 +20,5 @@
|
||||
<div class="my-2">
|
||||
{!! trans('transfers.slider.transactions_desc', ['number' => $income_number, 'account' => $transfer->income_account->title]) !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-show.accordion>
|
Reference in New Issue
Block a user