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() {