perf(UI): disable save button in table creation when no fields are added

This commit is contained in:
Fabio Di Stasio 2021-11-25 17:23:46 +01:00
parent d7f1aa97af
commit e8af2d24a8
1 changed files with 5 additions and 2 deletions

View File

@ -5,7 +5,7 @@
<div class="workspace-query-buttons"> <div class="workspace-query-buttons">
<button <button
class="btn btn-primary btn-sm" class="btn btn-primary btn-sm"
:disabled="!isChanged" :disabled="!isChanged || !isValid"
:class="{'loading':isSaving}" :class="{'loading':isSaving}"
title="CTRL+S" title="CTRL+S"
@click="saveChanges" @click="saveChanges"
@ -242,6 +242,9 @@ export default {
JSON.stringify(this.originalKeyUsage) !== JSON.stringify(this.localKeyUsage) || JSON.stringify(this.originalKeyUsage) !== JSON.stringify(this.localKeyUsage) ||
JSON.stringify(this.originalIndexes) !== JSON.stringify(this.localIndexes) || JSON.stringify(this.originalIndexes) !== JSON.stringify(this.localIndexes) ||
JSON.stringify(this.tableOptions) !== JSON.stringify(this.localOptions); JSON.stringify(this.tableOptions) !== JSON.stringify(this.localOptions);
},
isValid () {
return !!this.localFields.length && !!this.localOptions.name.trim().length;
} }
}, },
watch: { watch: {
@ -287,7 +290,7 @@ export default {
changeBreadcrumbs: 'workspaces/changeBreadcrumbs' changeBreadcrumbs: 'workspaces/changeBreadcrumbs'
}), }),
async saveChanges () { async saveChanges () {
if (this.isSaving) return; if (this.isSaving || !this.isValid) return;
this.isSaving = true; this.isSaving = true;
const params = { const params = {