document item tax and discount styling..

This commit is contained in:
Cüneyt Şentürk 2021-01-05 14:29:53 +03:00
parent 1deff6e5b4
commit 6978ad868c

View File

@ -137,26 +137,33 @@
<td class="border-top-0 p-0" colspan="4"> <td class="border-top-0 p-0" colspan="4">
<table class="w-100"> <table class="w-100">
<colgroup> <colgroup>
<col style="width: 10%;"> @if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
<col style="width: 10%;"> <col style="width: 25%;">
<col style="width: 20%;"> <col style="width: 30%;">
<col style="width: 55%;">
<col style="width: 40px;"> <col style="width: 40px;">
@else
<col style="width: 10%;">
<col style="width: 10%;">
<col style="width: 42%;">
<col style="width: 40px;">
@endif
</colgroup> </colgroup>
<tbody> <tbody>
@if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both'])) @if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
<tr v-if="!row.add_tax || !row.add_discount"> <tr v-if="!row.add_tax || !row.add_discount">
<td style="border: 0; max-width: 100px; border: 0px; padding-left: 10px;"> <td class="text-left border-0 p-0">
<div style="max-width: 100px;"> <div>
<button type="button" class="btn btn-link btn-sm p-0" @click="onAddLineDiscount(index)" v-if="!row.add_discount"> <button type="button" class="btn btn-link btn-sm p-0" @click="onAddLineDiscount(index)" v-if="!row.add_discount">
{{ trans('general.title.add', ['type' => trans('invoices.discount')]) }} {{ trans('general.title.add', ['type' => trans('invoices.discount')]) }}
</button> </button>
</div> </div>
</td> </td>
<td style="border: 0; max-width: 100px; border: 0px; padding-right: 10px; text-align: right;"> <td class="text-right border-0 p-0 pr-4">
<div style="max-width: 100px;"> <div>
<button type="button" class="btn btn-link btn-sm p-0" @click="onAddTax(index)" v-if="!row.add_tax"> <button type="button" class="btn btn-link btn-sm p-0" @click="onAddTax(index)" v-if="!row.add_tax">
{{ trans('general.title.add', ['type' => trans_choice('general.taxes', 1)]) }} {{ trans('general.title.add', ['type' => trans_choice('general.taxes', 1)]) }}
</button> </button>
@ -171,11 +178,14 @@
</tr> </tr>
<tr v-if="row.add_discount"> <tr v-if="row.add_discount">
<td colspan="2" class="pb-0 border-0" style="padding-left: 5px; padding-right: 5px;"> <td colspan="2" class="pl-0 pb-0 border-0" :class="{'pb-2' : !row.add_tax}">
<div style="margin-left: -63px; margin-right: 35px;"> <div>
<span style="float: left; margin-right: 10px; margin-top: 15px;">{{ trans('invoices.discount') }}</span> <div style="float: left; margin-top: 15px; margin-left: -65px;">
{{ trans('invoices.discount') }}
</div>
@stack('discount_input_start') @stack('discount_input_start')
<div class="form-group mb-0" style="display: inline-block; position: relative; width: 88%;"> <div class="form-group mb-0 w-100" style="display: inline-block; position: relative;">
<div class="input-group input-group-merge mb-0 select-tax"> <div class="input-group input-group-merge mb-0 select-tax">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text" id="input-discount"> <span class="input-group-text" id="input-discount">
@ -204,13 +214,13 @@
</div> </div>
</td> </td>
<td class="text-right long-texts border-0"> <td class="border-0 pb-0 text-right long-texts" :class="{'pb-2' : !row.add_tax}">
<div> <div>
{{ Form::moneyGroup('discount', '', '', ['required' => 'required', 'disabled' => 'true' , 'row-input' => 'true', 'value' => 'row.discount', 'data-item' => 'discount', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right input-price disabled-money') }} {{ Form::moneyGroup('discount', '', '', ['required' => 'required', 'disabled' => 'true' , 'row-input' => 'true', 'value' => 'row.discount', 'data-item' => 'discount', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right input-price disabled-money') }}
</div> </div>
</td> </td>
<td class="pb-3 pl-2 align-bottom border-0" style="max-width: 40px;" > <td class="pb-3 pl-2 align-bottom border-0" style="max-width: 40px;" :class="{'pb-2' : !row.add_tax}">
<button type="button" @click="onDeleteDiscount(index)" class="btn btn-link btn-delete p-0"> <button type="button" @click="onDeleteDiscount(index)" class="btn btn-link btn-delete p-0">
<i class="far fa-trash-alt"></i> <i class="far fa-trash-alt"></i>
</button> </button>
@ -222,7 +232,7 @@
:index="row_tax_index"> :index="row_tax_index">
<td colspan="2" class="pl-0 pb-0 border-0" :class="{'pb-2' : !row.add_tax}"> <td colspan="2" class="pl-0 pb-0 border-0" :class="{'pb-2' : !row.add_tax}">
<div> <div>
<div style="float: left; margin-top: 15px;"> <div style="float: left; margin-top: 15px; margin-left: -30px;">
{{ trans_choice('general.taxes', 1) }} {{ trans_choice('general.taxes', 1) }}
</div> </div>
@ -264,13 +274,14 @@
<tr v-if="row.add_tax"> <tr v-if="row.add_tax">
<td colspan="2" class="pl-0 border-0"> <td colspan="2" class="pl-0 border-0">
<div> <div>
<div style="float: left; margin-top: 15px;"> <div style="float: left; margin-top: 15px; margin-left: -30px;">
{{ trans_choice('general.taxes', 1) }} {{ trans_choice('general.taxes', 1) }}
</div> </div>
@stack('taxes_input_start') @stack('taxes_input_start')
<akaunting-select <akaunting-select
class="mb-0 select-tax" class="mb-0 select-tax"
style="margin-left: 1px; margin-right: -2px;"
:form-classes="[{'has-error': form.errors.has('items.' + index + '.taxes') }]" :form-classes="[{'has-error': form.errors.has('items.' + index + '.taxes') }]"
:icon="''" :icon="''"
:title="''" :title="''"