all button icons removed in modals

This commit is contained in:
batuhanbas 2020-02-03 15:57:15 +03:00
parent 7a76d1b876
commit a1d453c474
7 changed files with 26 additions and 36 deletions

View File

@ -23,15 +23,12 @@
<div class="card-footer border-top-0 pt-0">
<slot name="card-footer">
<div class="float-right">
<button type="button" class="btn btn-icon btn-outline-secondary" @click="onCancel">
<span class="btn-inner--icon"><i class="fas fa-times"></i></span>
<span class="btn-inner--text">{{ button_cancel }}</span>
<button type="button" class="btn btn-outline-secondary" @click="onCancel">
{{ button_cancel }}
</button>
<button :disabled="form.loading" type="button" class="btn btn-icon btn-danger button-submit" @click="onConfirm">
<div v-if="form.loading" class="aka-loader-frame btn-delete"><div class="aka-loader"></div></div>
<span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-trash"></i></span>
<span v-if="!form.loading" class="btn-inner--text">{{ button_delete }}</span>
<button :disabled="form.loading" type="button" class="btn btn-danger button-submit" @click="onConfirm">
<div class="aka-loader"></div><span>{{ button_delete }}</span>
</button>
</div>
</slot>

View File

@ -27,15 +27,12 @@
<div class="card-footer border-top-0 pt-0">
<slot name="card-footer">
<div class="float-right">
<button type="button" class="btn btn-icon" :class="buttons.cancel.class" @click="onCancel">
<span class="btn-inner--icon"><i :class="buttons.cancel.icon"></i></span>
<span class="btn-inner--text">{{ buttons.cancel.text }}</span>
<button type="button" class="btn btn-outline-secondary" :class="buttons.cancel.class" @click="onCancel">
{{ buttons.cancel.text }}
</button>
<button :disabled="form.loading" type="button" class="btn btn-icon button-submit" :class="buttons.confirm.class" @click="onSubmit">
<div v-if="form.loading" class="aka-loader-frame btn-delete"><div class="aka-loader"></div></div>
<span v-if="!form.loading" class="btn-inner--icon"><i :class="buttons.confirm.icon"></i></span>
<span v-if="!form.loading" class="btn-inner--text">{{ buttons.confirm.text }}</span>
<button :disabled="form.loading" type="button" class="btn button-submit" :class="buttons.confirm.class" @click="onSubmit">
<div class="aka-loader"></div><span>{{ buttons.confirm.text }}</span>
</button>
</div>
</slot>

View File

@ -119,6 +119,10 @@ const app = new Vue({
this.template.errors = this.invoice_form.errors;
}
this.form.loading = true;
this.$emit("confirm");
},
closeTemplate() {

View File

@ -14,7 +14,7 @@
</a>
{!! Form::button(
'<div v-if="form.loading" class="aka-loader-frame"><div class="aka-loader"></div></div> <span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-save"></i></span>' . '<span v-if="!form.loading" class="btn-inner--text"> ' . trans('general.save') . '</span>',
'<div v-if="form.loading" class="aka-loader-frame"><div class="aka-loader"></div></div> <span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-save"></i></span>' . '<span v-if="!form.loading" class="btn-inner--text">' . trans('general.save') . '</span>',
[':disabled' => 'form.loading', 'type' => 'submit', 'class' => 'btn btn-icon btn-success button-submit header-button-top', 'data-loading-text' => trans('general.loading')]) !!}
</div>

View File

@ -605,15 +605,12 @@
<template #card-footer>
<div class="float-right">
<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 type="button" class="btn btn-outline-secondary header-button-top" @click="closePayment">
{{ trans('general.cancel') }}
</button>
<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 :disabled="form.loading" type="button" class="btn btn-success button-submit header-button-top" @click="addPayment">
<div class="aka-loader"></div><span>{{ trans('general.confirm') }}</span>
</button>
</div>
</template>

View File

@ -664,20 +664,16 @@
<template #card-footer>
<div class="float-right">
<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 type="button" class="btn btn-outline-secondary header-button-top" @click="closePayment">
{{ trans('general.cancel') }}
</button>
<a href="{{ route('apps.categories.show', '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 href="{{ route('apps.categories.show', 'payment-method') }}" class="btn btn-white header-button-top long-texts">
{{ trans('invoices.accept_payments') }}</span>
</a>
<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 :disabled="form.loading" type="button" class="btn btn-success button-submit header-button-top" @click="addPayment">
<div class="aka-loader"></div><span>{{ trans('general.confirm') }}</span>
</button>
</div>
</template>

View File

@ -81,12 +81,11 @@
<template #card-footer>
<div class="float-right">
<button type="button" class="btn btn-outline-secondary" @click="closeTemplate">
<span>{{ trans('general.cancel') }}</span>
{{ trans('general.cancel') }}
</button>
<button type="button" class="btn btn-success button-submit" @click="addTemplate">
<div class="aka-loader d-none"></div>
<span>{{ trans('general.confirm') }}</span>
<button :disabled="form.loading" type="button" class="btn btn-success button-submit" @click="addTemplate">
<div class="aka-loader"></div><span>{{ trans('general.confirm') }}</span>
</button>
</div>
</template>