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
diff --git a/src/views/Configuration/NetworkSettings/NetworkSettings.vue b/src/views/Configuration/NetworkSettings/NetworkSettings.vue
index e8c6ae8..863f2ab 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 @@
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 37de1e7..71a78f2 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>