You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by ro...@apache.org on 2021/11/18 08:31:45 UTC
[cloudstack] branch 4.16 updated: UI: Autoscroll to Error Field (#5200)
This is an automated email from the ASF dual-hosted git repository.
rohit pushed a commit to branch 4.16
in repository https://gitbox.apache.org/repos/asf/cloudstack.git
The following commit(s) were added to refs/heads/4.16 by this push:
new babf94f UI: Autoscroll to Error Field (#5200)
babf94f is described below
commit babf94f801f08e3e7ec1a826ade4884aab8a8a0b
Author: Apurv Gupta <53...@users.noreply.github.com>
AuthorDate: Thu Nov 18 14:01:22 2021 +0530
UI: Autoscroll to Error Field (#5200)
Fixes #4798
---
ui/src/components/view/ResourceLimitTab.vue | 2 +-
ui/src/components/view/SearchView.vue | 2 +-
ui/src/views/AutogenView.vue | 6 +++---
ui/src/views/auth/Login.vue | 6 +++---
ui/src/views/compute/AttachIso.vue | 2 +-
ui/src/views/compute/CreateKubernetesCluster.vue | 7 ++++++-
ui/src/views/compute/CreateSSHKeyPair.vue | 2 +-
ui/src/views/compute/CreateSnapshotWizard.vue | 2 +-
ui/src/views/compute/DeployVM.vue | 7 ++++++-
ui/src/views/compute/DestroyVM.vue | 2 +-
ui/src/views/compute/EditVM.vue | 2 +-
ui/src/views/compute/MigrateVMStorage.vue | 2 +-
ui/src/views/compute/ScaleKubernetesCluster.vue | 2 +-
ui/src/views/compute/StartVirtualMachine.vue | 2 +-
ui/src/views/compute/UpgradeKubernetesCluster.vue | 2 +-
ui/src/views/compute/backup/FormSchedule.vue | 2 +-
ui/src/views/iam/AddAccount.vue | 7 ++++++-
ui/src/views/iam/AddLdapAccount.vue | 2 +-
ui/src/views/iam/AddUser.vue | 2 +-
ui/src/views/iam/ChangeUserPassword.vue | 2 +-
ui/src/views/iam/ConfigureSamlSsoAuth.vue | 2 +-
ui/src/views/iam/CreateRole.vue | 2 +-
ui/src/views/iam/DomainActionForm.vue | 2 +-
ui/src/views/iam/EditUser.vue | 2 +-
ui/src/views/iam/ImportRole.vue | 2 +-
ui/src/views/image/AddKubernetesSupportedVersion.vue | 2 +-
ui/src/views/image/IsoZones.vue | 2 +-
ui/src/views/image/RegisterOrUploadIso.vue | 7 ++++++-
ui/src/views/image/RegisterOrUploadTemplate.vue | 2 +-
ui/src/views/image/TemplateZones.vue | 2 +-
ui/src/views/image/UpdateKubernetesSupportedVersion.vue | 2 +-
ui/src/views/infra/AddPrimaryStorage.vue | 2 +-
ui/src/views/infra/AddSecondaryStorage.vue | 2 +-
ui/src/views/infra/InfraSummary.vue | 2 +-
ui/src/views/infra/MigrateData.vue | 2 +-
ui/src/views/infra/PodAdd.vue | 2 +-
ui/src/views/infra/network/DedicatedVLANTab.vue | 2 +-
ui/src/views/infra/network/EditTrafficLabel.vue | 2 +-
ui/src/views/infra/network/IpRangesTabManagement.vue | 2 +-
ui/src/views/infra/network/IpRangesTabPublic.vue | 2 +-
ui/src/views/infra/network/IpRangesTabStorage.vue | 2 +-
ui/src/views/infra/network/ServiceProvidersTab.vue | 2 +-
ui/src/views/infra/network/providers/AddF5LoadBalancer.vue | 2 +-
ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue | 2 +-
ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue | 2 +-
ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue | 2 +-
ui/src/views/infra/network/providers/AddSrxFirewall.vue | 2 +-
ui/src/views/infra/routers/RouterHealthCheck.vue | 2 +-
ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue | 2 +-
ui/src/views/infra/zone/IpAddressRangeForm.vue | 2 +-
ui/src/views/infra/zone/StaticInputsForm.vue | 2 +-
ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue | 2 +-
ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue | 2 +-
ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue | 2 +-
ui/src/views/network/AclListRulesTab.vue | 6 +++---
ui/src/views/network/CreateIsolatedNetworkForm.vue | 7 ++++++-
ui/src/views/network/CreateL2NetworkForm.vue | 2 +-
ui/src/views/network/CreateSharedNetworkForm.vue | 7 ++++++-
ui/src/views/network/CreateVlanIpRange.vue | 2 +-
ui/src/views/network/CreateVpc.vue | 2 +-
ui/src/views/network/CreateVpnCustomerGateway.vue | 7 ++++++-
ui/src/views/network/FirewallRules.vue | 2 +-
ui/src/views/network/IngressEgressRuleConfigure.vue | 2 +-
ui/src/views/network/LoadBalancing.vue | 4 ++--
ui/src/views/network/PortForwarding.vue | 2 +-
ui/src/views/network/StaticRoutesTab.vue | 2 +-
ui/src/views/network/VpcTab.vue | 6 +++---
ui/src/views/network/VpcTiersTab.vue | 4 ++--
ui/src/views/offering/AddComputeOffering.vue | 2 +-
ui/src/views/offering/AddDiskOffering.vue | 7 ++++++-
ui/src/views/offering/AddNetworkOffering.vue | 7 ++++++-
ui/src/views/offering/AddVpcOffering.vue | 2 +-
ui/src/views/offering/ImportBackupOffering.vue | 2 +-
ui/src/views/offering/UpdateOfferingAccess.vue | 2 +-
ui/src/views/plugins/quota/EditTariffValueWizard.vue | 2 +-
ui/src/views/project/AddAccountOrUserToProject.vue | 4 ++--
ui/src/views/project/InvitationTokenTemplate.vue | 2 +-
ui/src/views/project/iam/ProjectRoleTab.vue | 4 ++--
ui/src/views/storage/AttachVolume.vue | 2 +-
ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue | 2 +-
ui/src/views/storage/CreateVolume.vue | 2 +-
ui/src/views/storage/FormSchedule.vue | 2 +-
ui/src/views/storage/ResizeVolume.vue | 2 +-
ui/src/views/storage/RestoreAttachBackupVolume.vue | 2 +-
ui/src/views/storage/TakeSnapshot.vue | 2 +-
ui/src/views/storage/UploadLocalVolume.vue | 2 +-
ui/src/views/tools/ImportUnmanagedInstance.vue | 2 +-
87 files changed, 144 insertions(+), 99 deletions(-)
diff --git a/ui/src/components/view/ResourceLimitTab.vue b/ui/src/components/view/ResourceLimitTab.vue
index fefe937..93cce68 100644
--- a/ui/src/components/view/ResourceLimitTab.vue
+++ b/ui/src/components/view/ResourceLimitTab.vue
@@ -119,7 +119,7 @@ export default {
if (this.formLoading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/components/view/SearchView.vue b/ui/src/components/view/SearchView.vue
index 9d5271b..6876c20 100644
--- a/ui/src/components/view/SearchView.vue
+++ b/ui/src/components/view/SearchView.vue
@@ -512,7 +512,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
this.paramsFilter = {}
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 24eedf9..4c128a7 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -1201,7 +1201,7 @@ export default {
this.modalInfo.title = this.currentAction.label
this.modalInfo.docHelp = this.currentAction.docHelp
}
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (!err) {
this.actionLoading = true
const itemsNameMap = {}
@@ -1295,7 +1295,7 @@ export default {
},
execSubmit (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
@@ -1528,7 +1528,7 @@ export default {
if (!confirmPasswordVal || confirmPasswordVal.length === 0) {
callback()
} else if (value && this.confirmDirty) {
- form.validateFields(['confirmpassword'], { force: true })
+ form.validateFieldsAndScroll(['confirmpassword'], { force: true })
callback()
} else {
callback()
diff --git a/ui/src/views/auth/Login.vue b/ui/src/views/auth/Login.vue
index c43f434..95630d0 100644
--- a/ui/src/views/auth/Login.vue
+++ b/ui/src/views/auth/Login.vue
@@ -229,7 +229,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
const {
- form: { validateFields },
+ form: { validateFieldsAndScroll },
state,
customActiveKey,
Login
@@ -238,9 +238,9 @@ export default {
state.loginBtn = true
- const validateFieldsKey = customActiveKey === 'cs' ? ['username', 'password', 'domain'] : ['idp']
+ const validateFieldsAndScrollKey = customActiveKey === 'cs' ? ['username', 'password', 'domain'] : ['idp']
- validateFields(validateFieldsKey, { force: true }, (err, values) => {
+ validateFieldsAndScroll(validateFieldsAndScrollKey, { force: true }, (err, values) => {
if (!err) {
if (this.$config.multipleServer) {
this.axios.defaults.baseURL = (this.server.apiHost || '') + this.server.apiBase
diff --git a/ui/src/views/compute/AttachIso.vue b/ui/src/views/compute/AttachIso.vue
index b4c52e2..3410e49 100644
--- a/ui/src/views/compute/AttachIso.vue
+++ b/ui/src/views/compute/AttachIso.vue
@@ -117,7 +117,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/compute/CreateKubernetesCluster.vue b/ui/src/views/compute/CreateKubernetesCluster.vue
index 9bd9516..6b6b81f 100644
--- a/ui/src/views/compute/CreateKubernetesCluster.vue
+++ b/ui/src/views/compute/CreateKubernetesCluster.vue
@@ -432,7 +432,12 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ const options = {
+ scroll: {
+ offsetTop: 10
+ }
+ }
+ this.form.validateFieldsAndScroll(options, (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/compute/CreateSSHKeyPair.vue b/ui/src/views/compute/CreateSSHKeyPair.vue
index 2aa6731..15a6f97 100644
--- a/ui/src/views/compute/CreateSSHKeyPair.vue
+++ b/ui/src/views/compute/CreateSSHKeyPair.vue
@@ -146,7 +146,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/compute/CreateSnapshotWizard.vue b/ui/src/views/compute/CreateSnapshotWizard.vue
index af2765f..ed4fbc9 100644
--- a/ui/src/views/compute/CreateSnapshotWizard.vue
+++ b/ui/src/views/compute/CreateSnapshotWizard.vue
@@ -112,7 +112,7 @@ export default {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) return
const params = {}
diff --git a/ui/src/views/compute/DeployVM.vue b/ui/src/views/compute/DeployVM.vue
index 00ed65f..bb480b5 100644
--- a/ui/src/views/compute/DeployVM.vue
+++ b/ui/src/views/compute/DeployVM.vue
@@ -1475,9 +1475,14 @@ export default {
},
handleSubmit (e) {
console.log('wizard submit')
+ const options = {
+ scroll: {
+ offsetTop: 90
+ }
+ }
e.preventDefault()
if (this.loading.deploy) return
- this.form.validateFields(async (err, values) => {
+ this.form.validateFieldsAndScroll(options, async (err, values) => {
if (err) {
if (err.licensesaccepted) {
this.$notification.error({
diff --git a/ui/src/views/compute/DestroyVM.vue b/ui/src/views/compute/DestroyVM.vue
index 8cd8d8d..166e4ca 100644
--- a/ui/src/views/compute/DestroyVM.vue
+++ b/ui/src/views/compute/DestroyVM.vue
@@ -104,7 +104,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/compute/EditVM.vue b/ui/src/views/compute/EditVM.vue
index 19afdc3..656c13a 100644
--- a/ui/src/views/compute/EditVM.vue
+++ b/ui/src/views/compute/EditVM.vue
@@ -200,7 +200,7 @@ export default {
},
handleSubmit (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) return
const params = {}
diff --git a/ui/src/views/compute/MigrateVMStorage.vue b/ui/src/views/compute/MigrateVMStorage.vue
index 0a22f10..c994b56 100644
--- a/ui/src/views/compute/MigrateVMStorage.vue
+++ b/ui/src/views/compute/MigrateVMStorage.vue
@@ -122,7 +122,7 @@ export default {
},
handleSubmit (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/compute/ScaleKubernetesCluster.vue b/ui/src/views/compute/ScaleKubernetesCluster.vue
index e6139c0..d173c30 100644
--- a/ui/src/views/compute/ScaleKubernetesCluster.vue
+++ b/ui/src/views/compute/ScaleKubernetesCluster.vue
@@ -214,7 +214,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/compute/StartVirtualMachine.vue b/ui/src/views/compute/StartVirtualMachine.vue
index 8c905f6..db8412c 100644
--- a/ui/src/views/compute/StartVirtualMachine.vue
+++ b/ui/src/views/compute/StartVirtualMachine.vue
@@ -206,7 +206,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/compute/UpgradeKubernetesCluster.vue b/ui/src/views/compute/UpgradeKubernetesCluster.vue
index 57e9fac..7e9dbb9 100644
--- a/ui/src/views/compute/UpgradeKubernetesCluster.vue
+++ b/ui/src/views/compute/UpgradeKubernetesCluster.vue
@@ -140,7 +140,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/compute/backup/FormSchedule.vue b/ui/src/views/compute/backup/FormSchedule.vue
index d816f2b..1220315 100644
--- a/ui/src/views/compute/backup/FormSchedule.vue
+++ b/ui/src/views/compute/backup/FormSchedule.vue
@@ -260,7 +260,7 @@ export default {
},
handleSubmit (e) {
if (this.actionLoading) return
- this.form.validateFields((error, values) => {
+ this.form.validateFieldsAndScroll((error, values) => {
if (error) {
return
}
diff --git a/ui/src/views/iam/AddAccount.vue b/ui/src/views/iam/AddAccount.vue
index 89ebcb6..940adde 100644
--- a/ui/src/views/iam/AddAccount.vue
+++ b/ui/src/views/iam/AddAccount.vue
@@ -310,7 +310,12 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ const options = {
+ scroll: {
+ offsetTop: 10
+ }
+ }
+ this.form.validateFieldsAndScroll(options, (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/iam/AddLdapAccount.vue b/ui/src/views/iam/AddLdapAccount.vue
index 2290c63..982cebd 100644
--- a/ui/src/views/iam/AddLdapAccount.vue
+++ b/ui/src/views/iam/AddLdapAccount.vue
@@ -364,7 +364,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/iam/AddUser.vue b/ui/src/views/iam/AddUser.vue
index ec0e1b8..f57585c 100644
--- a/ui/src/views/iam/AddUser.vue
+++ b/ui/src/views/iam/AddUser.vue
@@ -287,7 +287,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/iam/ChangeUserPassword.vue b/ui/src/views/iam/ChangeUserPassword.vue
index c9f21d2..ae74535 100644
--- a/ui/src/views/iam/ChangeUserPassword.vue
+++ b/ui/src/views/iam/ChangeUserPassword.vue
@@ -115,7 +115,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/iam/ConfigureSamlSsoAuth.vue b/ui/src/views/iam/ConfigureSamlSsoAuth.vue
index 546cf9a..63ba49a 100644
--- a/ui/src/views/iam/ConfigureSamlSsoAuth.vue
+++ b/ui/src/views/iam/ConfigureSamlSsoAuth.vue
@@ -98,7 +98,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/iam/CreateRole.vue b/ui/src/views/iam/CreateRole.vue
index 34a8897..9b80397 100644
--- a/ui/src/views/iam/CreateRole.vue
+++ b/ui/src/views/iam/CreateRole.vue
@@ -144,7 +144,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/iam/DomainActionForm.vue b/ui/src/views/iam/DomainActionForm.vue
index b3803d7..b979686 100644
--- a/ui/src/views/iam/DomainActionForm.vue
+++ b/ui/src/views/iam/DomainActionForm.vue
@@ -185,7 +185,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.action.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/iam/EditUser.vue b/ui/src/views/iam/EditUser.vue
index 5a7f26f..7009e01 100644
--- a/ui/src/views/iam/EditUser.vue
+++ b/ui/src/views/iam/EditUser.vue
@@ -160,7 +160,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/iam/ImportRole.vue b/ui/src/views/iam/ImportRole.vue
index 26a1ca6..b285ace 100644
--- a/ui/src/views/iam/ImportRole.vue
+++ b/ui/src/views/iam/ImportRole.vue
@@ -145,7 +145,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/image/AddKubernetesSupportedVersion.vue b/ui/src/views/image/AddKubernetesSupportedVersion.vue
index d699d06..4364749 100644
--- a/ui/src/views/image/AddKubernetesSupportedVersion.vue
+++ b/ui/src/views/image/AddKubernetesSupportedVersion.vue
@@ -192,7 +192,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/image/IsoZones.vue b/ui/src/views/image/IsoZones.vue
index bf98cc3..f838262 100644
--- a/ui/src/views/image/IsoZones.vue
+++ b/ui/src/views/image/IsoZones.vue
@@ -430,7 +430,7 @@ export default {
handleCopyIsoSubmit (e) {
e.preventDefault()
if (this.copyLoading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/image/RegisterOrUploadIso.vue b/ui/src/views/image/RegisterOrUploadIso.vue
index 191ee6b..e4ab970 100644
--- a/ui/src/views/image/RegisterOrUploadIso.vue
+++ b/ui/src/views/image/RegisterOrUploadIso.vue
@@ -307,7 +307,12 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ const options = {
+ scroll: {
+ offsetTop: 10
+ }
+ }
+ this.form.validateFieldsAndScroll(options, (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/image/RegisterOrUploadTemplate.vue b/ui/src/views/image/RegisterOrUploadTemplate.vue
index a9415ad..c411601 100644
--- a/ui/src/views/image/RegisterOrUploadTemplate.vue
+++ b/ui/src/views/image/RegisterOrUploadTemplate.vue
@@ -829,7 +829,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err || this.zoneError !== '') {
return
}
diff --git a/ui/src/views/image/TemplateZones.vue b/ui/src/views/image/TemplateZones.vue
index 8ee7cf4..ca83293 100644
--- a/ui/src/views/image/TemplateZones.vue
+++ b/ui/src/views/image/TemplateZones.vue
@@ -529,7 +529,7 @@ export default {
handleCopyTemplateSubmit (e) {
e.preventDefault()
if (this.copyLoading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/image/UpdateKubernetesSupportedVersion.vue b/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
index 80bb5c9..c3cf6ed 100644
--- a/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
+++ b/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
@@ -113,7 +113,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/AddPrimaryStorage.vue b/ui/src/views/infra/AddPrimaryStorage.vue
index 043e3d0..dbab19e 100644
--- a/ui/src/views/infra/AddPrimaryStorage.vue
+++ b/ui/src/views/infra/AddPrimaryStorage.vue
@@ -590,7 +590,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/AddSecondaryStorage.vue b/ui/src/views/infra/AddSecondaryStorage.vue
index e229bb7..0d34e6f 100644
--- a/ui/src/views/infra/AddSecondaryStorage.vue
+++ b/ui/src/views/infra/AddSecondaryStorage.vue
@@ -245,7 +245,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/InfraSummary.vue b/ui/src/views/infra/InfraSummary.vue
index dbbb4b4..5656dc5 100644
--- a/ui/src/views/infra/InfraSummary.vue
+++ b/ui/src/views/infra/InfraSummary.vue
@@ -265,7 +265,7 @@ export default {
if (this.sslFormSubmitting) return
this.sslFormSubmitting = true
- this.form.validateFields(errors => {
+ this.form.validateFieldsAndScroll(errors => {
if (errors) {
this.sslFormSubmitting = false
return
diff --git a/ui/src/views/infra/MigrateData.vue b/ui/src/views/infra/MigrateData.vue
index a1cb693..6ebe653 100644
--- a/ui/src/views/infra/MigrateData.vue
+++ b/ui/src/views/infra/MigrateData.vue
@@ -127,7 +127,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/PodAdd.vue b/ui/src/views/infra/PodAdd.vue
index b1fe315..1fffa56 100644
--- a/ui/src/views/infra/PodAdd.vue
+++ b/ui/src/views/infra/PodAdd.vue
@@ -187,7 +187,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) return
this.loading = true
diff --git a/ui/src/views/infra/network/DedicatedVLANTab.vue b/ui/src/views/infra/network/DedicatedVLANTab.vue
index 74fd444..a2b5e55 100644
--- a/ui/src/views/infra/network/DedicatedVLANTab.vue
+++ b/ui/src/views/infra/network/DedicatedVLANTab.vue
@@ -371,7 +371,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.formLoading) return
- this.form.validateFields(errors => {
+ this.form.validateFieldsAndScroll(errors => {
if (errors) return
this.formLoading = true
diff --git a/ui/src/views/infra/network/EditTrafficLabel.vue b/ui/src/views/infra/network/EditTrafficLabel.vue
index 706131b..a56165e 100644
--- a/ui/src/views/infra/network/EditTrafficLabel.vue
+++ b/ui/src/views/infra/network/EditTrafficLabel.vue
@@ -150,7 +150,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/network/IpRangesTabManagement.vue b/ui/src/views/infra/network/IpRangesTabManagement.vue
index 22ef9ff..f8a75d8 100644
--- a/ui/src/views/infra/network/IpRangesTabManagement.vue
+++ b/ui/src/views/infra/network/IpRangesTabManagement.vue
@@ -298,7 +298,7 @@ export default {
},
handleAddIpRange (e) {
if (this.componentLoading) return
- this.form.validateFields((error, values) => {
+ this.form.validateFieldsAndScroll((error, values) => {
if (error) return
this.componentLoading = true
diff --git a/ui/src/views/infra/network/IpRangesTabPublic.vue b/ui/src/views/infra/network/IpRangesTabPublic.vue
index 1e4e03c..ff1976f 100644
--- a/ui/src/views/infra/network/IpRangesTabPublic.vue
+++ b/ui/src/views/infra/network/IpRangesTabPublic.vue
@@ -516,7 +516,7 @@ export default {
},
handleAddIpRange (e) {
if (this.componentLoading) return
- this.form.validateFields((error, values) => {
+ this.form.validateFieldsAndScroll((error, values) => {
if (error) return
this.componentLoading = true
diff --git a/ui/src/views/infra/network/IpRangesTabStorage.vue b/ui/src/views/infra/network/IpRangesTabStorage.vue
index 7b6735f..7250c51 100644
--- a/ui/src/views/infra/network/IpRangesTabStorage.vue
+++ b/ui/src/views/infra/network/IpRangesTabStorage.vue
@@ -279,7 +279,7 @@ export default {
},
handleAddIpRange (e) {
if (this.componentLoading) return
- this.form.validateFields((error, values) => {
+ this.form.validateFieldsAndScroll((error, values) => {
if (error) return
this.componentLoading = true
diff --git a/ui/src/views/infra/network/ServiceProvidersTab.vue b/ui/src/views/infra/network/ServiceProvidersTab.vue
index 5c7f0d6..1017621 100644
--- a/ui/src/views/infra/network/ServiceProvidersTab.vue
+++ b/ui/src/views/infra/network/ServiceProvidersTab.vue
@@ -1170,7 +1170,7 @@ export default {
await this.executeConfirmAction()
return
}
- await this.form.validateFields(async (err, values) => {
+ await this.form.validateFieldsAndScroll(async (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue b/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
index 0332ad2..227520c 100644
--- a/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
+++ b/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
@@ -166,7 +166,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields(async (err, values) => {
+ this.form.validateFieldsAndScroll(async (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue b/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
index aa0699a..7e12f54 100644
--- a/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
+++ b/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
@@ -198,7 +198,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields(async (err, values) => {
+ this.form.validateFieldsAndScroll(async (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue b/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
index 01c21fb..60a33b5 100644
--- a/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
+++ b/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
@@ -130,7 +130,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields(async (err, values) => {
+ this.form.validateFieldsAndScroll(async (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue b/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
index fe6a113..aff9d57 100644
--- a/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
+++ b/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
@@ -213,7 +213,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields(async (err, values) => {
+ this.form.validateFieldsAndScroll(async (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/network/providers/AddSrxFirewall.vue b/ui/src/views/infra/network/providers/AddSrxFirewall.vue
index e50e14f..8a61d5f 100644
--- a/ui/src/views/infra/network/providers/AddSrxFirewall.vue
+++ b/ui/src/views/infra/network/providers/AddSrxFirewall.vue
@@ -191,7 +191,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields(async (err, values) => {
+ this.form.validateFieldsAndScroll(async (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/routers/RouterHealthCheck.vue b/ui/src/views/infra/routers/RouterHealthCheck.vue
index 2ddccb7..e01d26e 100644
--- a/ui/src/views/infra/routers/RouterHealthCheck.vue
+++ b/ui/src/views/infra/routers/RouterHealthCheck.vue
@@ -151,7 +151,7 @@ export default {
handleGetHealthChecksSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
index 916c502..86fa78d 100644
--- a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
+++ b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
@@ -135,7 +135,7 @@ export default {
},
handleSubmit (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
this.validStatus = ''
this.validMessage = ''
if (err) {
diff --git a/ui/src/views/infra/zone/IpAddressRangeForm.vue b/ui/src/views/infra/zone/IpAddressRangeForm.vue
index 21e27ab..3480a1b 100644
--- a/ui/src/views/infra/zone/IpAddressRangeForm.vue
+++ b/ui/src/views/infra/zone/IpAddressRangeForm.vue
@@ -229,7 +229,7 @@ export default {
methods: {
handleAddRange (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (!err) {
this.ipRanges.push({
key: this.ipRanges.length.toString(),
diff --git a/ui/src/views/infra/zone/StaticInputsForm.vue b/ui/src/views/infra/zone/StaticInputsForm.vue
index 565557f..97590a3 100644
--- a/ui/src/views/infra/zone/StaticInputsForm.vue
+++ b/ui/src/views/infra/zone/StaticInputsForm.vue
@@ -187,7 +187,7 @@ export default {
},
handleSubmit (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
index 52f891a..6c8bdf0 100644
--- a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
@@ -489,7 +489,7 @@ export default {
this.emitPhysicalNetworks()
},
updateTrafficLabel (trafficInEdit) {
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (!err) {
this.showEditTraffic = false
if (this.hypervisor === 'VMware') {
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
index d81af54..641f635 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
@@ -548,7 +548,7 @@ export default {
},
handleSubmit (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
index 9c20651..3df2a70 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
@@ -127,7 +127,7 @@ export default {
methods: {
handleSubmit (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (!err) {
this.$emit('nextPressed')
}
diff --git a/ui/src/views/network/AclListRulesTab.vue b/ui/src/views/network/AclListRulesTab.vue
index dbe11ca..673d338 100644
--- a/ui/src/views/network/AclListRulesTab.vue
+++ b/ui/src/views/network/AclListRulesTab.vue
@@ -385,7 +385,7 @@ export default {
this.tagsLoading = true
e.preventDefault()
- this.newTagsForm.validateFields((err, values) => {
+ this.newTagsForm.validateFieldsAndScroll((err, values) => {
if (err) {
this.tagsLoading = false
return
@@ -471,7 +471,7 @@ export default {
},
handleEditRule (e) {
e.preventDefault()
- this.ruleForm.validateFields((err, values) => {
+ this.ruleForm.validateFieldsAndScroll((err, values) => {
if (err) return
this.fetchLoading = true
@@ -561,7 +561,7 @@ export default {
},
handleAddRule (e) {
e.preventDefault()
- this.ruleForm.validateFields((err, values) => {
+ this.ruleForm.validateFieldsAndScroll((err, values) => {
if (err) return
this.fetchLoading = true
diff --git a/ui/src/views/network/CreateIsolatedNetworkForm.vue b/ui/src/views/network/CreateIsolatedNetworkForm.vue
index 9ebde9a..292e33f 100644
--- a/ui/src/views/network/CreateIsolatedNetworkForm.vue
+++ b/ui/src/views/network/CreateIsolatedNetworkForm.vue
@@ -403,7 +403,12 @@ export default {
},
handleSubmit (e) {
if (this.actionLoading) return
- this.form.validateFields((error, values) => {
+ const options = {
+ scroll: {
+ offsetTop: 10
+ }
+ }
+ this.form.validateFieldsAndScroll(options, (error, values) => {
if (error) {
return
}
diff --git a/ui/src/views/network/CreateL2NetworkForm.vue b/ui/src/views/network/CreateL2NetworkForm.vue
index 7109c26..7fdcd6f 100644
--- a/ui/src/views/network/CreateL2NetworkForm.vue
+++ b/ui/src/views/network/CreateL2NetworkForm.vue
@@ -365,7 +365,7 @@ export default {
},
handleSubmit (e) {
if (this.actionLoading) return
- this.form.validateFields((error, values) => {
+ this.form.validateFieldsAndScroll((error, values) => {
if (error) {
return
}
diff --git a/ui/src/views/network/CreateSharedNetworkForm.vue b/ui/src/views/network/CreateSharedNetworkForm.vue
index 19a6e17..4b06b8a 100644
--- a/ui/src/views/network/CreateSharedNetworkForm.vue
+++ b/ui/src/views/network/CreateSharedNetworkForm.vue
@@ -694,7 +694,12 @@ export default {
},
handleSubmit (e) {
if (this.actionLoading) return
- this.form.validateFields((error, values) => {
+ const options = {
+ scroll: {
+ offsetTop: 10
+ }
+ }
+ this.form.validateFieldsAndScroll(options, (error, values) => {
if (error) {
return
}
diff --git a/ui/src/views/network/CreateVlanIpRange.vue b/ui/src/views/network/CreateVlanIpRange.vue
index 61f7f87..71a7f06 100644
--- a/ui/src/views/network/CreateVlanIpRange.vue
+++ b/ui/src/views/network/CreateVlanIpRange.vue
@@ -224,7 +224,7 @@ export default {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/network/CreateVpc.vue b/ui/src/views/network/CreateVpc.vue
index 53f3cac..72f202c 100644
--- a/ui/src/views/network/CreateVpc.vue
+++ b/ui/src/views/network/CreateVpc.vue
@@ -173,7 +173,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/network/CreateVpnCustomerGateway.vue b/ui/src/views/network/CreateVpnCustomerGateway.vue
index b931645..56dfcee 100644
--- a/ui/src/views/network/CreateVpnCustomerGateway.vue
+++ b/ui/src/views/network/CreateVpnCustomerGateway.vue
@@ -325,7 +325,12 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.isSubmitted) return
- this.form.validateFields((err, values) => {
+ const options = {
+ scroll: {
+ offsetTop: 10
+ }
+ }
+ this.form.validateFieldsAndScroll(options, (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/network/FirewallRules.vue b/ui/src/views/network/FirewallRules.vue
index 21f9f95..c290f1f 100644
--- a/ui/src/views/network/FirewallRules.vue
+++ b/ui/src/views/network/FirewallRules.vue
@@ -448,7 +448,7 @@ export default {
if (this.addTagLoading) return
this.addTagLoading = true
- this.newTagsForm.validateFields((err, values) => {
+ this.newTagsForm.validateFieldsAndScroll((err, values) => {
if (err) {
this.tagsLoading = false
return
diff --git a/ui/src/views/network/IngressEgressRuleConfigure.vue b/ui/src/views/network/IngressEgressRuleConfigure.vue
index 060399b..babc7b8 100644
--- a/ui/src/views/network/IngressEgressRuleConfigure.vue
+++ b/ui/src/views/network/IngressEgressRuleConfigure.vue
@@ -415,7 +415,7 @@ export default {
this.tagsLoading = true
e.preventDefault()
- this.newTagsForm.validateFields((err, values) => {
+ this.newTagsForm.validateFieldsAndScroll((err, values) => {
if (err) {
this.tagsLoading = false
return
diff --git a/ui/src/views/network/LoadBalancing.vue b/ui/src/views/network/LoadBalancing.vue
index 8f1582b..b86c91e 100644
--- a/ui/src/views/network/LoadBalancing.vue
+++ b/ui/src/views/network/LoadBalancing.vue
@@ -765,7 +765,7 @@ export default {
this.tagsModalLoading = true
e.preventDefault()
- this.newTagsForm.validateFields((err, values) => {
+ this.newTagsForm.validateFieldsAndScroll((err, values) => {
if (err) {
this.tagsModalLoading = false
return
@@ -926,7 +926,7 @@ export default {
if (this.stickinessModalLoading) return
this.stickinessModalLoading = true
e.preventDefault()
- this.stickinessPolicyForm.validateFields((err, values) => {
+ this.stickinessPolicyForm.validateFieldsAndScroll((err, values) => {
if (err) {
this.stickinessModalLoading = false
return
diff --git a/ui/src/views/network/PortForwarding.vue b/ui/src/views/network/PortForwarding.vue
index 81e2fe8..361708e 100644
--- a/ui/src/views/network/PortForwarding.vue
+++ b/ui/src/views/network/PortForwarding.vue
@@ -664,7 +664,7 @@ export default {
this.tagsModalLoading = true
e.preventDefault()
- this.newTagsForm.validateFields((err, values) => {
+ this.newTagsForm.validateFieldsAndScroll((err, values) => {
if (err) {
this.tagsModalLoading = false
return
diff --git a/ui/src/views/network/StaticRoutesTab.vue b/ui/src/views/network/StaticRoutesTab.vue
index bf93d30..154594e 100644
--- a/ui/src/views/network/StaticRoutesTab.vue
+++ b/ui/src/views/network/StaticRoutesTab.vue
@@ -251,7 +251,7 @@ export default {
this.tagsLoading = true
e.preventDefault()
- this.newTagsForm.validateFields((err, values) => {
+ this.newTagsForm.validateFieldsAndScroll((err, values) => {
if (err) {
this.tagsLoading = false
return
diff --git a/ui/src/views/network/VpcTab.vue b/ui/src/views/network/VpcTab.vue
index a295cf1..7d5fedc 100644
--- a/ui/src/views/network/VpcTab.vue
+++ b/ui/src/views/network/VpcTab.vue
@@ -637,7 +637,7 @@ export default {
if (this.modals.gatewayLoading) return
this.modals.gatewayLoading = true
- this.gatewayForm.validateFields(errors => {
+ this.gatewayForm.validateFieldsAndScroll(errors => {
if (errors) {
this.modals.gatewayLoading = false
return
@@ -693,7 +693,7 @@ export default {
this.fetchLoading = true
this.modals.vpnConnection = false
- this.vpnConnectionForm.validateFields((errors, values) => {
+ this.vpnConnectionForm.validateFieldsAndScroll((errors, values) => {
if (errors) {
this.fetchLoading = false
return
@@ -737,7 +737,7 @@ export default {
this.fetchLoading = true
this.modals.networkAcl = false
- this.networkAclForm.validateFields((errors, values) => {
+ this.networkAclForm.validateFieldsAndScroll((errors, values) => {
if (errors) {
this.fetchLoading = false
}
diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index e6a4b79..25dee12 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -637,7 +637,7 @@ export default {
this.fetchLoading = true
this.modalLoading = true
- this.form.validateFields((errors, values) => {
+ this.form.validateFieldsAndScroll((errors, values) => {
if (errors) {
this.fetchLoading = false
this.modalLoading = false
@@ -681,7 +681,7 @@ export default {
if (this.modalLoading) return
this.fetchLoading = true
this.modalLoading = true
- this.form.validateFields((errors, values) => {
+ this.form.validateFieldsAndScroll((errors, values) => {
if (errors) {
this.fetchLoading = false
this.modalLoading = false
diff --git a/ui/src/views/offering/AddComputeOffering.vue b/ui/src/views/offering/AddComputeOffering.vue
index 2778e55..be40816 100644
--- a/ui/src/views/offering/AddComputeOffering.vue
+++ b/ui/src/views/offering/AddComputeOffering.vue
@@ -735,7 +735,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/offering/AddDiskOffering.vue b/ui/src/views/offering/AddDiskOffering.vue
index 4c398a1..71d5c2d 100644
--- a/ui/src/views/offering/AddDiskOffering.vue
+++ b/ui/src/views/offering/AddDiskOffering.vue
@@ -483,7 +483,12 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ const options = {
+ scroll: {
+ offsetTop: 10
+ }
+ }
+ this.form.validateFieldsAndScroll(options, (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/offering/AddNetworkOffering.vue b/ui/src/views/offering/AddNetworkOffering.vue
index aa2bbb3..d0263ca 100644
--- a/ui/src/views/offering/AddNetworkOffering.vue
+++ b/ui/src/views/offering/AddNetworkOffering.vue
@@ -707,7 +707,12 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ const options = {
+ scroll: {
+ offsetTop: 10
+ }
+ }
+ this.form.validateFieldsAndScroll(options, (err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/offering/AddVpcOffering.vue b/ui/src/views/offering/AddVpcOffering.vue
index 826c3cc..e889b9d 100644
--- a/ui/src/views/offering/AddVpcOffering.vue
+++ b/ui/src/views/offering/AddVpcOffering.vue
@@ -312,7 +312,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/offering/ImportBackupOffering.vue b/ui/src/views/offering/ImportBackupOffering.vue
index d675059..24f8390 100644
--- a/ui/src/views/offering/ImportBackupOffering.vue
+++ b/ui/src/views/offering/ImportBackupOffering.vue
@@ -155,7 +155,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/offering/UpdateOfferingAccess.vue b/ui/src/views/offering/UpdateOfferingAccess.vue
index e35c305..8234b2f 100644
--- a/ui/src/views/offering/UpdateOfferingAccess.vue
+++ b/ui/src/views/offering/UpdateOfferingAccess.vue
@@ -259,7 +259,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/plugins/quota/EditTariffValueWizard.vue b/ui/src/views/plugins/quota/EditTariffValueWizard.vue
index 250a79e3..ef02b0c 100644
--- a/ui/src/views/plugins/quota/EditTariffValueWizard.vue
+++ b/ui/src/views/plugins/quota/EditTariffValueWizard.vue
@@ -102,7 +102,7 @@ export default {
submitTariff (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((error, values) => {
+ this.form.validateFieldsAndScroll((error, values) => {
if (error) return
const params = {}
diff --git a/ui/src/views/project/AddAccountOrUserToProject.vue b/ui/src/views/project/AddAccountOrUserToProject.vue
index b7fe75d..32ae8dc 100644
--- a/ui/src/views/project/AddAccountOrUserToProject.vue
+++ b/ui/src/views/project/AddAccountOrUserToProject.vue
@@ -230,7 +230,7 @@ export default {
addAccountToProject (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
@@ -264,7 +264,7 @@ export default {
addUserToProject (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/project/InvitationTokenTemplate.vue b/ui/src/views/project/InvitationTokenTemplate.vue
index 2a14055..10121d3 100644
--- a/ui/src/views/project/InvitationTokenTemplate.vue
+++ b/ui/src/views/project/InvitationTokenTemplate.vue
@@ -67,7 +67,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/project/iam/ProjectRoleTab.vue b/ui/src/views/project/iam/ProjectRoleTab.vue
index 2ac2349..befbd69 100644
--- a/ui/src/views/project/iam/ProjectRoleTab.vue
+++ b/ui/src/views/project/iam/ProjectRoleTab.vue
@@ -213,7 +213,7 @@ export default {
updateProjectRole (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
@@ -253,7 +253,7 @@ export default {
createProjectRole (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/storage/AttachVolume.vue b/ui/src/views/storage/AttachVolume.vue
index ce3af4b..d6f2a08 100644
--- a/ui/src/views/storage/AttachVolume.vue
+++ b/ui/src/views/storage/AttachVolume.vue
@@ -105,7 +105,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue b/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
index d9ed976..84f0488 100644
--- a/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
+++ b/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
@@ -98,7 +98,7 @@ export default {
},
handleSubmit (e) {
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/storage/CreateVolume.vue b/ui/src/views/storage/CreateVolume.vue
index 67cdd9b..045b500 100644
--- a/ui/src/views/storage/CreateVolume.vue
+++ b/ui/src/views/storage/CreateVolume.vue
@@ -194,7 +194,7 @@ export default {
},
handleSubmit (e) {
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/storage/FormSchedule.vue b/ui/src/views/storage/FormSchedule.vue
index 273a62f..4416328 100644
--- a/ui/src/views/storage/FormSchedule.vue
+++ b/ui/src/views/storage/FormSchedule.vue
@@ -351,7 +351,7 @@ export default {
},
handleSubmit (e) {
if (this.actionLoading) return
- this.form.validateFields((error, values) => {
+ this.form.validateFieldsAndScroll((error, values) => {
if (error) {
return
}
diff --git a/ui/src/views/storage/ResizeVolume.vue b/ui/src/views/storage/ResizeVolume.vue
index 9b0771a..8c23fa3 100644
--- a/ui/src/views/storage/ResizeVolume.vue
+++ b/ui/src/views/storage/ResizeVolume.vue
@@ -99,7 +99,7 @@ export default {
},
handleSubmit (e) {
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/storage/RestoreAttachBackupVolume.vue b/ui/src/views/storage/RestoreAttachBackupVolume.vue
index 4b92f58..07b18d9 100644
--- a/ui/src/views/storage/RestoreAttachBackupVolume.vue
+++ b/ui/src/views/storage/RestoreAttachBackupVolume.vue
@@ -137,7 +137,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.actionLoading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/storage/TakeSnapshot.vue b/ui/src/views/storage/TakeSnapshot.vue
index 26afc9e..b726e7c 100644
--- a/ui/src/views/storage/TakeSnapshot.vue
+++ b/ui/src/views/storage/TakeSnapshot.vue
@@ -139,7 +139,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.actionLoading) return
- this.form.validateFields((error, values) => {
+ this.form.validateFieldsAndScroll((error, values) => {
if (error) {
return
}
diff --git a/ui/src/views/storage/UploadLocalVolume.vue b/ui/src/views/storage/UploadLocalVolume.vue
index dfb2cb0..c4f1d56 100644
--- a/ui/src/views/storage/UploadLocalVolume.vue
+++ b/ui/src/views/storage/UploadLocalVolume.vue
@@ -171,7 +171,7 @@ export default {
handleSubmit (e) {
e.preventDefault()
if (this.loading) return
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}
diff --git a/ui/src/views/tools/ImportUnmanagedInstance.vue b/ui/src/views/tools/ImportUnmanagedInstance.vue
index 6edb065..ecde62f 100644
--- a/ui/src/views/tools/ImportUnmanagedInstance.vue
+++ b/ui/src/views/tools/ImportUnmanagedInstance.vue
@@ -621,7 +621,7 @@ export default {
},
handleSubmit (e) {
e.preventDefault()
- this.form.validateFields((err, values) => {
+ this.form.validateFieldsAndScroll((err, values) => {
if (err) {
return
}