Merge pull request #1222 from batuhawk/master
All button icons removed in modals
This commit is contained in:
commit
2cdd395327
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -119,6 +119,10 @@ const app = new Vue({
|
||||
|
||||
this.template.errors = this.invoice_form.errors;
|
||||
}
|
||||
|
||||
this.form.loading = true;
|
||||
|
||||
this.$emit("confirm");
|
||||
},
|
||||
|
||||
closeTemplate() {
|
||||
|
@ -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>
|
||||
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user