RTL control for Document Form

This commit is contained in:
Burak Civan 2022-08-15 14:59:26 +03:00
parent 29155a7f46
commit b81026d36f
7 changed files with 35 additions and 35 deletions

View File

@ -40,7 +40,7 @@
v-bind="money" v-bind="money"
masked masked
disabled disabled
class="text-right disabled-money text-gray" class="ltr:text-right rtl:text-left disabled-money text-gray"
></money> ></money>
</div> </div>
</div> </div>

View File

@ -159,8 +159,8 @@
v-model="row.total" v-model="row.total"
:currency="$currency" :currency="$currency"
dynamicCurrency="currency" dynamicCurrency="currency"
money-class="text-right mt-0 disabled-money px-0" money-class="ltr:text-right rtl:text-left mt-0 disabled-money px-0"
form-group-class="text-right disabled-money" form-group-class="ltr:text-right rtl:text-left disabled-money"
/> />
</div> </div>
@endif @endif
@ -186,7 +186,7 @@
<td colspan="4" class="px-0 pb-3"> <td colspan="4" class="px-0 pb-3">
<div class="relative"> <div class="relative">
<div class="absolute -top-6 left-3 flex items-center"> <div class="absolute -top-6 ltr:left-3 rtl:right-3 flex items-center">
@if (! $hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both'])) @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"> <div class="text-left border-0 p-0 mr-16" v-if="!row.add_discount">
<x-button type="button" class="text-xs text-purple" @click="onAddLineDiscount(index)" override="class"> <x-button type="button" class="text-xs text-purple" @click="onAddLineDiscount(index)" override="class">
@ -252,7 +252,7 @@
@stack('discount_input_end') @stack('discount_input_end')
<div class="flex items-center lg:absolute right-0"> <div class="flex items-center lg:absolute ltr:right-0 rtl:left-0">
<div class="text-right"> <div class="text-right">
<x-form.input.money <x-form.input.money
name="discount_amount" name="discount_amount"
@ -263,8 +263,8 @@
v-model="row.discount_amount" v-model="row.discount_amount"
:currency="$currency" :currency="$currency"
dynamicCurrency="currency" dynamicCurrency="currency"
money-class="text-right disabled-money px-0" money-class="ltr:text-right rtl:text-left disabled-money px-0"
form-group-class="text-right disabled-money" form-group-class="ltr:text-right rtl:text-left disabled-money"
/> />
</div> </div>
@ -327,7 +327,7 @@
@stack('taxes_input_end') @stack('taxes_input_end')
</div> </div>
<div class="flex items-center lg:absolute right-0"> <div class="flex items-center lg:absolute ltr:right-0 rtl:left-0">
<div class="text-right"> <div class="text-right">
<x-form.input.money <x-form.input.money
name="tax" name="tax"
@ -401,10 +401,10 @@
@stack('taxes_input_end') @stack('taxes_input_end')
</div> </div>
<div class="flex items-center lg:absolute right-0"> <div class="flex items-center lg:absolute ltr:right-0 rtl:left-0">
<div class="text-right"> <div class="text-right">
<div class="required disabled text-right input-price disabled-money"> <div class="required disabled text-right input-price disabled-money">
<input type="tel" class="v-money form-control text-right" name="discount_amount" disabled="disabled" value="__"> <input type="tel" class="v-money form-control ltr:text-right rtl:text-left" name="discount_amount" disabled="disabled" value="__">
</div> </div>
</div> </div>

View File

@ -15,11 +15,11 @@
<tr id="tr-subtotal"> <tr id="tr-subtotal">
<td class="border-b-0 py-0"></td> <td class="border-b-0 py-0"></td>
<td class="font-medium text-right border-r-0 border-b-0 align-middle pb-0 pr-0"> <td class="font-medium ltr:text-right rtl:text-left border-r-0 border-b-0 align-middle pb-0 pr-0">
{{ trans('invoices.sub_total') }} {{ trans('invoices.sub_total') }}
</td> </td>
<td class="text-right border-b-0 long-texts py-0"> <td class="ltr:text-right rtl:text-left border-b-0 long-texts py-0">
<div> <div>
<x-form.input.money <x-form.input.money
name="sub_total" name="sub_total"
@ -29,8 +29,8 @@
v-model="totals.sub" v-model="totals.sub"
:currency="$currency" :currency="$currency"
dynamicCurrency="currency" dynamicCurrency="currency"
money-class="text-right disabled-money px-0" money-class="ltr:text-right rtl:text-left disabled-money px-0"
form-group-class="text-right disabled-money" form-group-class="ltr:text-right rtl:text-left disabled-money"
/> />
</div> </div>
</td> </td>
@ -46,11 +46,11 @@
<tr id="tr-line-discount" v-if="totals.item_discount"> <tr id="tr-line-discount" v-if="totals.item_discount">
<td class="border-t-0 py-0"></td> <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"> <td class="ltr:text-right rtl:text-left border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
<span class="font-medium">{{ trans('invoices.item_discount') }}</span> <span class="font-medium">{{ trans('invoices.item_discount') }}</span>
</td> </td>
<td class="text-right border-t-0 border-b-0 long-texts py-0 pr-0"> <td class="ltr:text-right rtl:text-left border-t-0 border-b-0 long-texts py-0 pr-0">
<div> <div>
<x-form.input.money <x-form.input.money
name="item_discount" name="item_discount"
@ -60,8 +60,8 @@
v-model="totals.item_discount" v-model="totals.item_discount"
:currency="$currency" :currency="$currency"
dynamicCurrency="currency" dynamicCurrency="currency"
money-class="text-right disabled-money px-0" money-class="ltr:text-right rtl:text-left disabled-money px-0"
form-group-class="text-right disabled-money" form-group-class="ltr:text-right rtl:text-left disabled-money"
/> />
</div> </div>
</td> </td>
@ -78,7 +78,7 @@
<tr id="tr-discount"> <tr id="tr-discount">
<td class="border-t-0 py-0"></td> <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"> <td class="ltr:text-right rtl:text-left border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
<div v-if="show_discount_text" v-if="!totals.discount_text" @click="onAddDiscount()"> <div v-if="show_discount_text" v-if="!totals.discount_text" @click="onAddDiscount()">
<x-button.hover color="to-purple"> <x-button.hover color="to-purple">
{{ trans('invoices.add_discount') }} {{ trans('invoices.add_discount') }}
@ -110,7 +110,7 @@
</div> </div>
</td> </td>
<td class="relative text-right border-t-0 border-b-0 py-0 pr-0"> <td class="relative ltr:text-right rtl:text-left border-t-0 border-b-0 py-0 pr-0">
<div> <div>
<x-form.input.money <x-form.input.money
name="discount_total" name="discount_total"
@ -120,8 +120,8 @@
v-model="totals.discount" v-model="totals.discount"
:currency="$currency" :currency="$currency"
dynamicCurrency="currency" dynamicCurrency="currency"
money-class="text-right disabled-money px-0" money-class="ltr:text-right rtl:text-left disabled-money px-0"
form-group-class="text-right disabled-money" form-group-class="ltr:text-right rtl:text-left disabled-money"
/> />
</div> </div>
@ -141,11 +141,11 @@
<tr v-for="(tax, tax_index) in totals.taxes" :index="tax_index"> <tr v-for="(tax, tax_index) in totals.taxes" :index="tax_index">
<td class="border-t-0 pt-5 pb-0"></td> <td class="border-t-0 pt-5 pb-0"></td>
<td class="text-right border-t-0 border-r-0 border-b-0 align-middle pt-5 pb-0 pr-0"> <td class="ltr:text-right rtl:text-left border-t-0 border-r-0 border-b-0 align-middle pt-5 pb-0 pr-0">
<span class="font-medium" v-html="tax.name"></span> <span class="font-medium" v-html="tax.name"></span>
</td> </td>
<td class="text-right border-t-0 border-b-0 long-texts pt-5 pb-0 pl-3"> <td class="ltr:text-right rtl:text-left border-t-0 border-b-0 long-texts pt-5 pb-0 pl-3">
<div> <div>
<x-form.input.money <x-form.input.money
name="tax_total" name="tax_total"
@ -155,8 +155,8 @@
v-model="tax.total" v-model="tax.total"
:currency="$currency" :currency="$currency"
dynamicCurrency="currency" dynamicCurrency="currency"
money-class="text-right disabled-money px-0" money-class="ltr:text-right rtl:text-left disabled-money px-0"
form-group-class="text-right disabled-money" form-group-class="ltr:text-right rtl:text-left disabled-money"
/> />
</div> </div>
</td> </td>
@ -172,7 +172,7 @@
<td class="border-t-0 pt-5 pb-0"></td> <td class="border-t-0 pt-5 pb-0"></td>
<td class="flex items-center justify-end pt-5 pb-0"> <td class="flex items-center justify-end pt-5 pb-0">
<span class="w-16 text-right font-medium mt-2 ltr:mr-2 rtl:ml-2"> <span class="w-16 ltr:text-right rtl:text-left font-medium mt-2 ltr:mr-2 rtl:ml-2">
{{ trans('invoices.total') }} {{ trans('invoices.total') }}
</span> </span>
@ -195,7 +195,7 @@
<x-form.input.hidden name="currency_rate" :value="(!empty($document)) ? $document->currency_rate : $currency->rate" /> <x-form.input.hidden name="currency_rate" :value="(!empty($document)) ? $document->currency_rate : $currency->rate" />
</td> </td>
<td class="text-right border-t-0 long-texts pt-5 pb-0 pr-0"> <td class="ltr:text-right rtl:text-left border-t-0 long-texts pt-5 pb-0 pr-0">
<div> <div>
<x-form.input.money <x-form.input.money
name="grand_total" name="grand_total"
@ -205,8 +205,8 @@
v-model="totals.total" v-model="totals.total"
:currency="$currency" :currency="$currency"
dynamicCurrency="currency" dynamicCurrency="currency"
money-class="text-right disabled-money px-0" money-class="ltr:text-right rtl:text-left disabled-money px-0"
form-group-class="text-right disabled-money" form-group-class="ltr:text-right rtl:text-left disabled-money"
/> />
</div> </div>
</td> </td>
@ -224,7 +224,7 @@
]"> ]">
<td class="border-t-0 pt-5 pb-0"></td> <td class="border-t-0 pt-5 pb-0"></td>
<td colspan="2" class="text-right border-t-0 border-r-0 align-middle pt-5 pb-0 pr-0"> <td colspan="2" class="ltr:text-right rtl:text-left border-t-0 border-r-0 align-middle pt-5 pb-0 pr-0">
<akaunting-currency-conversion <akaunting-currency-conversion
currency-conversion-text="{{ trans('currencies.conversion') }}" currency-conversion-text="{{ trans('currencies.conversion') }}"
:price="(totals.total / form.currency_rate).toFixed(2)" :price="(totals.total / form.currency_rate).toFixed(2)"

View File

@ -5,7 +5,7 @@
<div class="relative cursor-pointer" x-on:click="{{ $type }} !== 'open' ? {{ $type }} = 'open' : {{ $type }} = 'close'"> <div class="relative cursor-pointer" x-on:click="{{ $type }} !== 'open' ? {{ $type }} = 'open' : {{ $type }} = 'close'">
{!! $head !!} {!! $head !!}
<x-icon filled class="absolute right-0 top-0 transition-all transform" :icon="$icon" x-bind:class="{{ $type }} === 'open' ? 'rotate-180' : ''" /> <x-icon filled class="absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" :icon="$icon" x-bind:class="{{ $type }} === 'open' ? 'rotate-180' : ''" />
</div> </div>
@endif @endif

View File

@ -11,7 +11,7 @@
{{ trans('transers.slider.attachments') }} {{ trans('transers.slider.attachments') }}
</div> </div>
<span class="material-icons absolute right-0 top-0 transition-all transform" x-bind:class="attachment === 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="attachment === 1 ? 'rotate-180' : ''">expand_more</span>
</div> </div>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100" <div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"

View File

@ -12,7 +12,7 @@
{!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!} {!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!}
</div> </div>
<span class="material-icons absolute right-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>
<div <div

View File

@ -14,7 +14,7 @@
{!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!} {!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!}
</div> </div>
<span class="material-icons absolute right-0 top-0 transition-all transform" x-bind:class="transactions === 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="transactions === 1 ? 'rotate-180' : ''">expand_more</span>
</button> </button>
<div <div