payment modals updated
This commit is contained in:
parent
e36415f8d3
commit
46cf0b4c24
18
public/css/custom.css
vendored
18
public/css/custom.css
vendored
@ -436,6 +436,11 @@ button:focus
|
||||
.btn-delete{
|
||||
width: 73.10px;
|
||||
}
|
||||
|
||||
.btn-confirm
|
||||
{
|
||||
width: 86px;
|
||||
}
|
||||
/*--------Akaunting Loader Finish--------*/
|
||||
|
||||
|
||||
@ -677,12 +682,25 @@ table .align-items-center td span.badge {
|
||||
}
|
||||
/*--------Empty Page Image Finish--------*/
|
||||
|
||||
|
||||
/*--------Text Pre Nowrap--------*/
|
||||
.text-pre-nowrap
|
||||
{
|
||||
white-space: pre-wrap !important;
|
||||
}
|
||||
/*--------Text Pre Nowrap Finish--------*/
|
||||
|
||||
|
||||
/*--------Modal Dialog Resizing--------*/
|
||||
@media (min-width: 576px)
|
||||
{
|
||||
.modal-payment .modal-dialog
|
||||
{
|
||||
max-width: 559px !important;
|
||||
}
|
||||
}
|
||||
/*--------Modal Dialog Resizing Finish--------*/
|
||||
|
||||
|
||||
/*----------------RESPONSIVE START LINE----------------*/
|
||||
/*--------Xs Breakpoint--------*/
|
||||
|
4
resources/assets/js/views/purchases/bills.js
vendored
4
resources/assets/js/views/purchases/bills.js
vendored
@ -213,6 +213,10 @@ const app = new Vue({
|
||||
this.transaction_form.submit();
|
||||
|
||||
this.payment.errors = this.transaction_form.errors;
|
||||
|
||||
this.form.loading = true;
|
||||
|
||||
this.$emit("confirm");
|
||||
},
|
||||
|
||||
closePayment() {
|
||||
|
4
resources/assets/js/views/sales/invoices.js
vendored
4
resources/assets/js/views/sales/invoices.js
vendored
@ -213,6 +213,10 @@ const app = new Vue({
|
||||
this.transaction_form.submit();
|
||||
|
||||
this.payment.errors = this.transaction_form.errors;
|
||||
|
||||
this.form.loading = true;
|
||||
|
||||
this.$emit("confirm");
|
||||
},
|
||||
|
||||
closePayment() {
|
||||
|
@ -604,13 +604,15 @@
|
||||
|
||||
<template #card-footer>
|
||||
<div class="float-right">
|
||||
<button type="button" class="btn btn-outline-secondary" @click="closePayment">
|
||||
<span>{{ trans('general.cancel') }}</span>
|
||||
<button type="button" class="btn btn-icon btn-outline-secondary header-button-top" @click="closePayment">
|
||||
<span class="btn-inner--icon"><i class="fas fa-times"></i></span>
|
||||
<span class="btn-inner--text">{{ trans('general.cancel') }}</span>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-success button-submit" @click="addPayment">
|
||||
<div class="aka-loader d-none"></div>
|
||||
<span>{{ trans('general.confirm') }}</span>
|
||||
<button :disabled="form.loading" type="button" class="btn btn-icon btn-success button-submit header-button-top" @click="addPayment">
|
||||
<div v-if="form.loading" class="aka-loader-frame btn-confirm"><div class="aka-loader"></div></div>
|
||||
<span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-check"></i></span>
|
||||
<span v-if="!form.loading" class="btn-inner--text">{{ trans('general.confirm') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -649,6 +649,7 @@
|
||||
|
||||
@push('content_content_end')
|
||||
<akaunting-modal
|
||||
class="modal-payment"
|
||||
:show="payment.modal"
|
||||
@cancel="payment.modal = false"
|
||||
:title="'{{ trans('general.title.new', ['type' => trans_choice('general.payments', 1)]) }}'"
|
||||
@ -661,17 +662,20 @@
|
||||
|
||||
<template #card-footer>
|
||||
<div class="float-right">
|
||||
<button type="button" class="btn btn-outline-secondary" @click="closePayment">
|
||||
<span>{{ trans('general.cancel') }}</span>
|
||||
<button type="button" class="btn btn-icon btn-outline-secondary header-button-top" @click="closePayment">
|
||||
<span class="btn-inner--icon"><i class="fas fa-times"></i></span>
|
||||
<span class="btn-inner--text">{{ trans('general.cancel') }}</span>
|
||||
</button>
|
||||
|
||||
<a href="{{ url('apps/categories/payment-method') }}" class="btn btn-white">
|
||||
<span class="fa fa-money"></span> {{ trans('invoices.accept_payments') }}
|
||||
<a href="{{ url('apps/categories/payment-method') }}" class="btn btn-icon btn-white header-button-top long-texts">
|
||||
<span class="btn-inner--icon"><i class="fas fa-credit-card"></i></span>
|
||||
<span class="btn-inner--text">{{ trans('invoices.accept_payments') }}</span>
|
||||
</a>
|
||||
|
||||
<button type="button" class="btn btn-success button-submit" @click="addPayment">
|
||||
<div class="aka-loader d-none"></div>
|
||||
<span>{{ trans('general.confirm') }}</span>
|
||||
<button :disabled="form.loading" type="button" class="btn btn-icon btn-success button-submit header-button-top" @click="addPayment">
|
||||
<div v-if="form.loading" class="aka-loader-frame btn-confirm"><div class="aka-loader"></div></div>
|
||||
<span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-check"></i></span>
|
||||
<span v-if="!form.loading" class="btn-inner--text">{{ trans('general.confirm') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
|
Loading…
x
Reference in New Issue
Block a user