summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDixsie Wolmers <dixsie@ibm.com>2020-08-25 05:43:25 +0300
committerDerick Montague <derick.montague@ibm.com>2020-08-28 21:59:46 +0300
commit4d1dbb5fc427e8b895a23d0ad1a2b991e9ce9a8c (patch)
tree1adc4d294cde84f183f3a7c710c5c44c6a43e9c5
parent96e2ac88ab01ddb880db0b9d5a01f1f68c489872 (diff)
downloadwebui-vue-4d1dbb5fc427e8b895a23d0ad1a2b991e9ce9a8c.tar.xz
Implement consistent save button pattern
- UX audit determined that we will always keep the primary form action (save/submit) enabled Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ie340f8deb673463c21149b645d6d5686806ebac9
-rw-r--r--src/views/Configuration/NetworkSettings/NetworkSettings.vue3
-rw-r--r--src/views/Control/ServerPowerOperations/BootSettings.vue7
2 files changed, 3 insertions, 7 deletions
diff --git a/src/views/Configuration/NetworkSettings/NetworkSettings.vue b/src/views/Configuration/NetworkSettings/NetworkSettings.vue
index e8c6ae81..863f2ab8 100644
--- a/src/views/Configuration/NetworkSettings/NetworkSettings.vue
+++ b/src/views/Configuration/NetworkSettings/NetworkSettings.vue
@@ -285,7 +285,6 @@
variant="primary"
type="submit"
data-test-id="networkSettings-button-saveNetworkSettings"
- :disabled="!$v.form.$anyDirty || $v.form.$invalid"
>
{{ $t('global.action.saveSettings') }}
</b-button>
@@ -507,6 +506,8 @@ export default {
this.deleteIpv4StaticTableRow(row);
},
submitForm() {
+ this.$v.$touch();
+ if (this.$v.$invalid) return;
this.startLoader();
let networkInterfaceSelected = this.selectedInterface;
let selectedInterfaceIndex = this.selectedInterfaceIndex;
diff --git a/src/views/Control/ServerPowerOperations/BootSettings.vue b/src/views/Control/ServerPowerOperations/BootSettings.vue
index 37de1e76..71a78f29 100644
--- a/src/views/Control/ServerPowerOperations/BootSettings.vue
+++ b/src/views/Control/ServerPowerOperations/BootSettings.vue
@@ -45,12 +45,7 @@
}}
</b-form-checkbox>
</b-form-group>
- <b-button
- variant="primary"
- type="submit"
- class="mb-3"
- :disabled="!$v.form.$anyDirty"
- >
+ <b-button variant="primary" type="submit" class="mb-3">
{{ $t('global.action.save') }}
</b-button>
</b-form>