Merge pull request #2835 from brkcvn/modal-refactor

Modal component refactored
This commit is contained in:
Burak Civan
2022-12-22 09:25:57 +03:00
committed by GitHub
3 changed files with 46 additions and 98 deletions

View File

@ -224,37 +224,11 @@ export default {
precision: 2,
masked: false /* doesn't work with directive */
},
color: '#55588b',
predefineColors: [
'#3c3f72',
'#55588b',
'#e5e5e5',
'#328aef',
'#efad32',
'#ef3232',
'#efef32'
],
min_date: false,
selected_card: null,
item_name_input: false,
price_name_input: false,
quantity_name_input: false,
}
},
methods: {
setMinDate(date) {
this.min_date = date;
},
onChangeColor() {
this.form.color = this.color;
},
onChangeColorInput() {
this.color = this.form.color;
},
onChangeRate() {
this.form.rate = this.form.rate.replace(',', '.');
},
@ -299,43 +273,6 @@ export default {
.catch(error => {
});
},
onSmallWidthColumn(item) {
this.$refs[item].$el.classList.remove('sm:col-span-6');
this.$refs[item].$el.classList.add('sm:col-span-3');
},
onFullWidthColumn(item) {
this.$refs[item].$el.classList.add('sm:col-span-6');
this.$refs[item].$el.classList.remove('sm:col-span-3');
},
settingsInvoice() {
if (this.form.item_name == 'custom') {
this.item_name_input = true;
this.onSmallWidthColumn("item_name");
} else {
this.item_name_input = false;
this.onFullWidthColumn("item_name");
}
if (this.form.price_name == 'custom') {
this.price_name_input = true;
this.onSmallWidthColumn("price_name");
} else {
this.price_name_input = false;
this.onFullWidthColumn("price_name");
}
if (this.form.quantity_name == 'custom') {
this.quantity_name_input = true;
this.onSmallWidthColumn("quantity_name");
} else {
this.quantity_name_input = false;
this.onFullWidthColumn("quantity_name");
}
},
},
watch: {