From 6cc17b5d330bb8b41ba3938babd6ecc3e93f058a Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@onecht.net>
Date: Tue, 22 Feb 2022 12:23:15 +0100
Subject: [PATCH 1/5] prevent <ctrl>-<enter> handler from <space> from toggling
 checkboxes

---
 ui/src/components/view/ResourceLimitTab.vue                     | 2 +-
 ui/src/views/AutogenView.vue                                    | 2 +-
 ui/src/views/auth/Login.vue                                     | 2 +-
 ui/src/views/compute/AttachIso.vue                              | 2 +-
 ui/src/views/compute/ChangeAffinity.vue                         | 2 +-
 ui/src/views/compute/CreateKubernetesCluster.vue                | 2 +-
 ui/src/views/compute/CreateSSHKeyPair.vue                       | 2 +-
 ui/src/views/compute/CreateSnapshotWizard.vue                   | 2 +-
 ui/src/views/compute/DeployVM.vue                               | 2 +-
 ui/src/views/compute/DestroyVM.vue                              | 2 +-
 ui/src/views/compute/EditVM.vue                                 | 2 +-
 ui/src/views/compute/ScaleKubernetesCluster.vue                 | 2 +-
 ui/src/views/compute/ScaleVM.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                                 | 2 +-
 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/RegisterOrUploadIso.vue                      | 2 +-
 ui/src/views/image/RegisterOrUploadTemplate.vue                 | 2 +-
 ui/src/views/image/UpdateKubernetesSupportedVersion.vue         | 2 +-
 ui/src/views/image/UpdateTemplate.vue                           | 2 +-
 ui/src/views/infra/AddPrimaryStorage.vue                        | 2 +-
 ui/src/views/infra/AddSecondaryStorage.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/ServiceProvidersTab.vue              | 2 +-
 ui/src/views/infra/network/providers/AddF5LoadBalancer.vue      | 2 +-
 .../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/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/CreateIsolatedNetworkForm.vue              | 2 +-
 ui/src/views/network/CreateL2NetworkForm.vue                    | 2 +-
 ui/src/views/network/CreateSharedNetworkForm.vue                | 2 +-
 ui/src/views/network/CreateVlanIpRange.vue                      | 2 +-
 ui/src/views/network/CreateVpc.vue                              | 2 +-
 ui/src/views/network/CreateVpnCustomerGateway.vue               | 2 +-
 ui/src/views/network/InternalLBAssignVmForm.vue                 | 2 +-
 ui/src/views/network/UpdateNetwork.vue                          | 2 +-
 ui/src/views/offering/AddComputeOffering.vue                    | 2 +-
 ui/src/views/offering/AddDiskOffering.vue                       | 2 +-
 ui/src/views/offering/AddNetworkOffering.vue                    | 2 +-
 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/EmailTemplateDetails.vue             | 2 +-
 ui/src/views/project/InvitationTokenTemplate.vue                | 2 +-
 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 +-
 72 files changed, 72 insertions(+), 72 deletions(-)

diff --git a/ui/src/components/view/ResourceLimitTab.vue b/ui/src/components/view/ResourceLimitTab.vue
index 91cf42d90f0a..45a9797e9c5f 100644
--- a/ui/src/components/view/ResourceLimitTab.vue
+++ b/ui/src/components/view/ResourceLimitTab.vue
@@ -21,7 +21,7 @@
       :form="form"
       @submit="handleSubmit"
       layout="vertical"
-      v-ctrl-enter="handleSubmit"
+      @keyup.ctrl.enter="handleSubmit"
     >
       <a-form-item
         v-for="(item, index) in dataResource"
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 9587ed15d561..00eabe13c938 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -153,7 +153,7 @@
         :cancel-button-props="getCancelProps()"
         :confirmLoading="actionLoading"
         @cancel="closeAction"
-        v-ctrl-enter="handleSubmit"
+        @keyup.ctrl.enter="handleSubmit"
         centered
       >
         <span slot="title">
diff --git a/ui/src/views/auth/Login.vue b/ui/src/views/auth/Login.vue
index 95630d0253bb..ae50a4dc8307 100644
--- a/ui/src/views/auth/Login.vue
+++ b/ui/src/views/auth/Login.vue
@@ -22,7 +22,7 @@
     ref="formLogin"
     :form="form"
     @submit="handleSubmit"
-    v-ctrl-enter="handleSubmit"
+    @keyup.ctrl.enter="handleSubmit"
   >
     <a-tabs
       :activeKey="customActiveKey"
diff --git a/ui/src/views/compute/AttachIso.vue b/ui/src/views/compute/AttachIso.vue
index 3410e494b2be..30ca85d5e050 100644
--- a/ui/src/views/compute/AttachIso.vue
+++ b/ui/src/views/compute/AttachIso.vue
@@ -15,7 +15,7 @@
 // specific language governing permissions and limitations
 // under the License.
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/compute/ChangeAffinity.vue b/ui/src/views/compute/ChangeAffinity.vue
index d1dabebe70b0..341a7e6b4c4e 100644
--- a/ui/src/views/compute/ChangeAffinity.vue
+++ b/ui/src/views/compute/ChangeAffinity.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <a-form class="form" v-ctrl-enter="handleSubmit">
+  <a-form class="form" @keyup.ctrl.enter="handleSubmit">
 
     <p v-html="$t('message.select.affinity.groups')" />
 
diff --git a/ui/src/views/compute/CreateKubernetesCluster.vue b/ui/src/views/compute/CreateKubernetesCluster.vue
index 52aa831d75c5..4af020318f3b 100644
--- a/ui/src/views/compute/CreateKubernetesCluster.vue
+++ b/ui/src/views/compute/CreateKubernetesCluster.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/compute/CreateSSHKeyPair.vue b/ui/src/views/compute/CreateSSHKeyPair.vue
index 15a6f9797e86..bde13e8b3b2c 100644
--- a/ui/src/views/compute/CreateSSHKeyPair.vue
+++ b/ui/src/views/compute/CreateSSHKeyPair.vue
@@ -20,7 +20,7 @@
     <a-spin :spinning="loading" v-if="!isSubmitted">
       <p v-html="$t('message.desc.create.ssh.key.pair')"></p>
       <a-form
-        v-ctrl-enter="handleSubmit"
+        @keyup.ctrl.enter="handleSubmit"
         :form="form"
         @submit="handleSubmit"
         layout="vertical">
diff --git a/ui/src/views/compute/CreateSnapshotWizard.vue b/ui/src/views/compute/CreateSnapshotWizard.vue
index ed4fbc9e9757..bb4062cb0912 100644
--- a/ui/src/views/compute/CreateSnapshotWizard.vue
+++ b/ui/src/views/compute/CreateSnapshotWizard.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/compute/DeployVM.vue b/ui/src/views/compute/DeployVM.vue
index 3c330e1278d8..84b64bf629a1 100644
--- a/ui/src/views/compute/DeployVM.vue
+++ b/ui/src/views/compute/DeployVM.vue
@@ -21,7 +21,7 @@
       <a-col :md="24" :lg="17">
         <a-card :bordered="true" :title="this.$t('label.newinstance')">
           <a-form
-            v-ctrl-enter="handleSubmit"
+            @keyup.ctrl.enter="handleSubmit"
             :form="form"
             @submit="handleSubmit"
             layout="vertical"
diff --git a/ui/src/views/compute/DestroyVM.vue b/ui/src/views/compute/DestroyVM.vue
index 152eec9b314f..76811efc0d3e 100644
--- a/ui/src/views/compute/DestroyVM.vue
+++ b/ui/src/views/compute/DestroyVM.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div :class="['form-layout', { 'form-list': selectedRowKeys.length > 0 }]" v-ctrl-enter="handleSubmit">
+  <div :class="['form-layout', { 'form-list': selectedRowKeys.length > 0 }]" @keyup.ctrl.enter="handleSubmit">
     <div v-if="selectedRowKeys.length === 0">
       <a-alert type="warning" v-html="resource.backupofferingid ? $t('message.action.destroy.instance.with.backups') : $t('message.action.destroy.instance')" /><br/>
       <a-spin :spinning="loading">
diff --git a/ui/src/views/compute/EditVM.vue b/ui/src/views/compute/EditVM.vue
index ee4273d5a66e..d78d874ab631 100644
--- a/ui/src/views/compute/EditVM.vue
+++ b/ui/src/views/compute/EditVM.vue
@@ -21,7 +21,7 @@
       class="form-layout"
       layout="vertical"
       :form="form"
-      v-ctrl-enter="handleSubmit"
+      @keyup.ctrl.enter="handleSubmit"
       @submit="handleSubmit">
       <a-alert style="margin-bottom: 5px" type="warning" show-icon>
         <span slot="message" v-html="$t('message.restart.vm.to.update.settings')" />
diff --git a/ui/src/views/compute/ScaleKubernetesCluster.vue b/ui/src/views/compute/ScaleKubernetesCluster.vue
index d173c30785e3..1f47dddc83c1 100644
--- a/ui/src/views/compute/ScaleKubernetesCluster.vue
+++ b/ui/src/views/compute/ScaleKubernetesCluster.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-alert type="warning">
         <span
diff --git a/ui/src/views/compute/ScaleVM.vue b/ui/src/views/compute/ScaleVM.vue
index a0cf5b197a1e..f1180069b4f8 100644
--- a/ui/src/views/compute/ScaleVM.vue
+++ b/ui/src/views/compute/ScaleVM.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <a-form class="form" v-ctrl-enter="handleSubmit">
+  <a-form class="form" @keyup.ctrl.enter="handleSubmit">
     <p v-html="getMessage()"></p>
 
     <div v-if="loading" class="loading">
diff --git a/ui/src/views/compute/StartVirtualMachine.vue b/ui/src/views/compute/StartVirtualMachine.vue
index db8412c8e617..1314cd90b9d0 100644
--- a/ui/src/views/compute/StartVirtualMachine.vue
+++ b/ui/src/views/compute/StartVirtualMachine.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-alert type="warning">
         <span slot="message" v-html="$t('message.action.start.instance')" />
diff --git a/ui/src/views/compute/UpgradeKubernetesCluster.vue b/ui/src/views/compute/UpgradeKubernetesCluster.vue
index 7e9dbb94c261..f23d5e8729eb 100644
--- a/ui/src/views/compute/UpgradeKubernetesCluster.vue
+++ b/ui/src/views/compute/UpgradeKubernetesCluster.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-alert type="warning">
         <span slot="message" v-html="$t('message.kubernetes.cluster.upgrade')" />
diff --git a/ui/src/views/compute/backup/FormSchedule.vue b/ui/src/views/compute/backup/FormSchedule.vue
index 1220315097ad..7480bdf6f5ed 100644
--- a/ui/src/views/compute/backup/FormSchedule.vue
+++ b/ui/src/views/compute/backup/FormSchedule.vue
@@ -21,7 +21,7 @@
       <label>
         {{ $t('label.header.backup.schedule') }}
       </label>
-      <div class="form" v-ctrl-enter="handleSubmit">
+      <div class="form" @keyup.ctrl.enter="handleSubmit">
         <a-form
           :form="form"
           layout="vertical"
diff --git a/ui/src/views/iam/AddAccount.vue b/ui/src/views/iam/AddAccount.vue
index 940addeaafb6..233d8a4a82ae 100644
--- a/ui/src/views/iam/AddAccount.vue
+++ b/ui/src/views/iam/AddAccount.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/iam/AddLdapAccount.vue b/ui/src/views/iam/AddLdapAccount.vue
index 982cebdd6762..c3c1667082da 100644
--- a/ui/src/views/iam/AddLdapAccount.vue
+++ b/ui/src/views/iam/AddLdapAccount.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="ldap-account-layout" v-ctrl-enter="handleSubmit">
+  <div class="ldap-account-layout" @keyup.ctrl.enter="handleSubmit">
     <a-row :gutter="0">
       <a-col :md="24" :lg="16">
         <a-card :bordered="false">
diff --git a/ui/src/views/iam/AddUser.vue b/ui/src/views/iam/AddUser.vue
index 3275cc65e426..3b363a755163 100644
--- a/ui/src/views/iam/AddUser.vue
+++ b/ui/src/views/iam/AddUser.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/iam/ChangeUserPassword.vue b/ui/src/views/iam/ChangeUserPassword.vue
index ae7453583dba..f55285480976 100644
--- a/ui/src/views/iam/ChangeUserPassword.vue
+++ b/ui/src/views/iam/ChangeUserPassword.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/iam/ConfigureSamlSsoAuth.vue b/ui/src/views/iam/ConfigureSamlSsoAuth.vue
index 182e79bb721d..0c765581fa41 100644
--- a/ui/src/views/iam/ConfigureSamlSsoAuth.vue
+++ b/ui/src/views/iam/ConfigureSamlSsoAuth.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form :form="form" @submit="handleSubmit" layout="vertical" :loading="loading">
       <a-form-item :label="$t('label.samlenable')">
         <a-switch
diff --git a/ui/src/views/iam/CreateRole.vue b/ui/src/views/iam/CreateRole.vue
index 9b80397c1384..a56f7d063de3 100644
--- a/ui/src/views/iam/CreateRole.vue
+++ b/ui/src/views/iam/CreateRole.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/iam/DomainActionForm.vue b/ui/src/views/iam/DomainActionForm.vue
index 1696d5258107..bf0c62160a85 100644
--- a/ui/src/views/iam/DomainActionForm.vue
+++ b/ui/src/views/iam/DomainActionForm.vue
@@ -26,7 +26,7 @@
       :footer="null"
       @cancel="parentCloseAction"
       style="top: 20px;"
-      v-ctrl-enter="handleSubmit"
+      @keyup.ctrl.enter="handleSubmit"
     >
       <span slot="title">
         {{ $t(action.label) }}
diff --git a/ui/src/views/iam/EditUser.vue b/ui/src/views/iam/EditUser.vue
index 7009e01b3641..72d4d88c493c 100644
--- a/ui/src/views/iam/EditUser.vue
+++ b/ui/src/views/iam/EditUser.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/iam/ImportRole.vue b/ui/src/views/iam/ImportRole.vue
index b285ace6564f..73aca7728c7a 100644
--- a/ui/src/views/iam/ImportRole.vue
+++ b/ui/src/views/iam/ImportRole.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/image/AddKubernetesSupportedVersion.vue b/ui/src/views/image/AddKubernetesSupportedVersion.vue
index 4364749c3ff0..2e975ace3d66 100644
--- a/ui/src/views/image/AddKubernetesSupportedVersion.vue
+++ b/ui/src/views/image/AddKubernetesSupportedVersion.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/image/RegisterOrUploadIso.vue b/ui/src/views/image/RegisterOrUploadIso.vue
index e4ab9703e7f8..645c78769239 100644
--- a/ui/src/views/image/RegisterOrUploadIso.vue
+++ b/ui/src/views/image/RegisterOrUploadIso.vue
@@ -24,7 +24,7 @@
     </span>
     <a-spin :spinning="loading" v-else>
       <a-form
-        v-ctrl-enter="handleSubmit"
+        @keyup.ctrl.enter="handleSubmit"
         :form="form"
         @submit="handleSubmit"
         layout="vertical">
diff --git a/ui/src/views/image/RegisterOrUploadTemplate.vue b/ui/src/views/image/RegisterOrUploadTemplate.vue
index c4116019d4f9..def8005b63b4 100644
--- a/ui/src/views/image/RegisterOrUploadTemplate.vue
+++ b/ui/src/views/image/RegisterOrUploadTemplate.vue
@@ -24,7 +24,7 @@
     </span>
     <a-spin :spinning="loading" v-else>
       <a-form
-        v-ctrl-enter="handleSubmit"
+        @keyup.ctrl.enter="handleSubmit"
         :form="form"
         @submit="handleSubmit"
         layout="vertical">
diff --git a/ui/src/views/image/UpdateKubernetesSupportedVersion.vue b/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
index c3cf6edfc358..ad6f46ffb3fc 100644
--- a/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
+++ b/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/image/UpdateTemplate.vue b/ui/src/views/image/UpdateTemplate.vue
index 0d9239cd3216..0056c65db092 100644
--- a/ui/src/views/image/UpdateTemplate.vue
+++ b/ui/src/views/image/UpdateTemplate.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/infra/AddPrimaryStorage.vue b/ui/src/views/infra/AddPrimaryStorage.vue
index dbab19ea9e20..8a50866b9c1b 100644
--- a/ui/src/views/infra/AddPrimaryStorage.vue
+++ b/ui/src/views/infra/AddPrimaryStorage.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/infra/AddSecondaryStorage.vue b/ui/src/views/infra/AddSecondaryStorage.vue
index f7b6203a84e7..de6b66bf5bc1 100644
--- a/ui/src/views/infra/AddSecondaryStorage.vue
+++ b/ui/src/views/infra/AddSecondaryStorage.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" layout="vertical">
         <a-form-item :label="$t('label.name')">
diff --git a/ui/src/views/infra/MigrateData.vue b/ui/src/views/infra/MigrateData.vue
index 6ebe6531969a..cf82e1b2c95b 100644
--- a/ui/src/views/infra/MigrateData.vue
+++ b/ui/src/views/infra/MigrateData.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" @submit="handleSubmit" layout="vertical">
         <a-form-item
diff --git a/ui/src/views/infra/PodAdd.vue b/ui/src/views/infra/PodAdd.vue
index 1fffa560f080..02bf7a111a0d 100644
--- a/ui/src/views/infra/PodAdd.vue
+++ b/ui/src/views/infra/PodAdd.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <a-form v-ctrl-enter="handleSubmit" :form="form" layout="vertical" class="form">
+    <a-form @keyup.ctrl.enter="handleSubmit" :form="form" layout="vertical" class="form">
 
       <a-form-item class="form__item" :label="$t('label.zone')">
         <a-select
diff --git a/ui/src/views/infra/network/DedicatedVLANTab.vue b/ui/src/views/infra/network/DedicatedVLANTab.vue
index a2b5e55c2ed8..e90019081894 100644
--- a/ui/src/views/infra/network/DedicatedVLANTab.vue
+++ b/ui/src/views/infra/network/DedicatedVLANTab.vue
@@ -65,7 +65,7 @@
       :maskClosable="false"
       :footer="null"
       @cancel="modal = false"
-      v-ctrl-enter="handleSubmit">
+      @keyup.ctrl.enter="handleSubmit">
       <a-spin :spinning="formLoading">
         <a-form
           :form="form"
diff --git a/ui/src/views/infra/network/EditTrafficLabel.vue b/ui/src/views/infra/network/EditTrafficLabel.vue
index a56165ed19e4..92273070e702 100644
--- a/ui/src/views/infra/network/EditTrafficLabel.vue
+++ b/ui/src/views/infra/network/EditTrafficLabel.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/infra/network/ServiceProvidersTab.vue b/ui/src/views/infra/network/ServiceProvidersTab.vue
index 101762197c1c..f0cc4431a3ab 100644
--- a/ui/src/views/infra/network/ServiceProvidersTab.vue
+++ b/ui/src/views/infra/network/ServiceProvidersTab.vue
@@ -67,7 +67,7 @@
         :maskClosable="false"
         :footer="null"
         @cancel="onCloseAction"
-        v-ctrl-enter="handleSubmit"
+        @keyup.ctrl.enter="handleSubmit"
         style="top: 20px;"
         centered
       >
diff --git a/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue b/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
index a03a42104812..70c242dfb23a 100644
--- a/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
+++ b/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue b/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
index d8ed81d754f8..47c55d8f0e9c 100644
--- a/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
+++ b/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue b/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
index e1a9a9dc34a2..a681f830d716 100644
--- a/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
+++ b/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue b/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
index 6d40cc37715c..df0f521330a9 100644
--- a/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
+++ b/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/network/providers/AddSrxFirewall.vue b/ui/src/views/infra/network/providers/AddSrxFirewall.vue
index be50cf0ec6aa..f62338a819b6 100644
--- a/ui/src/views/infra/network/providers/AddSrxFirewall.vue
+++ b/ui/src/views/infra/network/providers/AddSrxFirewall.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
index 86fa78d0e658..29d336d840b9 100644
--- a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
+++ b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div v-ctrl-enter="handleSubmit">
+  <div @keyup.ctrl.enter="handleSubmit">
     <a-card
       class="ant-form-text"
       style="text-align: justify; margin: 10px 0; padding: 24px;"
diff --git a/ui/src/views/infra/zone/IpAddressRangeForm.vue b/ui/src/views/infra/zone/IpAddressRangeForm.vue
index 3480a1b334dd..aea0b86f21da 100644
--- a/ui/src/views/infra/zone/IpAddressRangeForm.vue
+++ b/ui/src/views/infra/zone/IpAddressRangeForm.vue
@@ -115,7 +115,7 @@
         </a-form>
       </template>
     </a-table>
-    <div class="form-action" v-ctrl-enter="handleSubmit">
+    <div class="form-action" @keyup.ctrl.enter="handleSubmit">
       <a-button
         v-if="!isFixError"
         class="button-prev"
diff --git a/ui/src/views/infra/zone/StaticInputsForm.vue b/ui/src/views/infra/zone/StaticInputsForm.vue
index dc93c0907012..260b67717e7d 100644
--- a/ui/src/views/infra/zone/StaticInputsForm.vue
+++ b/ui/src/views/infra/zone/StaticInputsForm.vue
@@ -23,7 +23,7 @@
       v-html="$t(description)">
     </a-card>
     <a-form
-      v-ctrl-enter="handleSubmit"
+      @keyup.ctrl.enter="handleSubmit"
       class="form-content"
       :form="form"
       @submit="handleSubmit">
diff --git a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
index 9fb89e256578..5935077144fd 100644
--- a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div v-ctrl-enter="handleSubmit">
+  <div @keyup.ctrl.enter="handleSubmit">
     <a-card
       class="ant-form-text"
       style="text-align: justify; margin: 10px 0; padding: 20px;"
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
index 641f6356f7a0..f91403af7798 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div v-ctrl-enter="handleSubmit">
+  <div @keyup.ctrl.enter="handleSubmit">
     <a-card
       class="ant-form-text"
       style="text-align: justify; margin: 10px 0; padding: 24px;"
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
index 3df2a7045e7e..0f2fb5bb9624 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
@@ -21,7 +21,7 @@
       class="form-content"
       :form="form"
       @submit="handleSubmit"
-      v-ctrl-enter="handleSubmit">
+      @keyup.ctrl.enter="handleSubmit">
       <a-form-item>
         <a-radio-group
           v-decorator="['zoneType', {
diff --git a/ui/src/views/network/CreateIsolatedNetworkForm.vue b/ui/src/views/network/CreateIsolatedNetworkForm.vue
index 761d8128dada..06d194bbf11c 100644
--- a/ui/src/views/network/CreateIsolatedNetworkForm.vue
+++ b/ui/src/views/network/CreateIsolatedNetworkForm.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" v-ctrl-enter="handleSubmit">
+    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
       <div class="form">
         <a-form
           :form="form"
diff --git a/ui/src/views/network/CreateL2NetworkForm.vue b/ui/src/views/network/CreateL2NetworkForm.vue
index 32c394feb953..5cf05169f75a 100644
--- a/ui/src/views/network/CreateL2NetworkForm.vue
+++ b/ui/src/views/network/CreateL2NetworkForm.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" v-ctrl-enter="handleSubmit">
+    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
       <div class="form">
         <a-form
           :form="form"
diff --git a/ui/src/views/network/CreateSharedNetworkForm.vue b/ui/src/views/network/CreateSharedNetworkForm.vue
index 79af46d96a12..99019acf9bf5 100644
--- a/ui/src/views/network/CreateSharedNetworkForm.vue
+++ b/ui/src/views/network/CreateSharedNetworkForm.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" v-ctrl-enter="handleSubmit">
+    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
       <div class="form">
         <a-form
           :form="form"
diff --git a/ui/src/views/network/CreateVlanIpRange.vue b/ui/src/views/network/CreateVlanIpRange.vue
index 71a7f06dbb8b..8ad01b064c47 100644
--- a/ui/src/views/network/CreateVlanIpRange.vue
+++ b/ui/src/views/network/CreateVlanIpRange.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" v-ctrl-enter="handleSubmit">
+    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
       <div class="form">
         <a-form
           :form="form"
diff --git a/ui/src/views/network/CreateVpc.vue b/ui/src/views/network/CreateVpc.vue
index 72f202cda831..3c536dbf039e 100644
--- a/ui/src/views/network/CreateVpc.vue
+++ b/ui/src/views/network/CreateVpc.vue
@@ -15,7 +15,7 @@
 // specific language governing permissions and limitations
 // under the License.
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/network/CreateVpnCustomerGateway.vue b/ui/src/views/network/CreateVpnCustomerGateway.vue
index 56dfceede007..f3d611c1bfd5 100644
--- a/ui/src/views/network/CreateVpnCustomerGateway.vue
+++ b/ui/src/views/network/CreateVpnCustomerGateway.vue
@@ -16,7 +16,7 @@
 // under the License.
 <template>
   <div>
-    <a-form class="form-layout" :form="form" layout="vertical" v-ctrl-enter="handleSubmit">
+    <a-form class="form-layout" :form="form" layout="vertical" @keyup.ctrl.enter="handleSubmit">
       <a-form-item>
         <tooltip-label slot="label" :title="$t('label.name')" :tooltip="apiParams.name.description"/>
         <a-input
diff --git a/ui/src/views/network/InternalLBAssignVmForm.vue b/ui/src/views/network/InternalLBAssignVmForm.vue
index ff6894080dee..2af8cff01071 100644
--- a/ui/src/views/network/InternalLBAssignVmForm.vue
+++ b/ui/src/views/network/InternalLBAssignVmForm.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="fetchLoading">
-    <div v-ctrl-enter="handleSubmit">
+    <div @keyup.ctrl.enter="handleSubmit">
       <div class="vm-modal__header">
         <span style="min-width: 200px;">{{ $t('label.name') }}</span>
         <span>{{ $t('label.state') }}</span>
diff --git a/ui/src/views/network/UpdateNetwork.vue b/ui/src/views/network/UpdateNetwork.vue
index c51da8787300..a8aab04899f2 100644
--- a/ui/src/views/network/UpdateNetwork.vue
+++ b/ui/src/views/network/UpdateNetwork.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddComputeOffering.vue b/ui/src/views/offering/AddComputeOffering.vue
index bcc09c1e9d59..f832c5df1a5e 100644
--- a/ui/src/views/offering/AddComputeOffering.vue
+++ b/ui/src/views/offering/AddComputeOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddDiskOffering.vue b/ui/src/views/offering/AddDiskOffering.vue
index 26cb04bbdb8b..262e8b020471 100644
--- a/ui/src/views/offering/AddDiskOffering.vue
+++ b/ui/src/views/offering/AddDiskOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddNetworkOffering.vue b/ui/src/views/offering/AddNetworkOffering.vue
index d114ceb269fd..b5ab62578de6 100644
--- a/ui/src/views/offering/AddNetworkOffering.vue
+++ b/ui/src/views/offering/AddNetworkOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddVpcOffering.vue b/ui/src/views/offering/AddVpcOffering.vue
index 51a406522924..34c1f011d4c1 100644
--- a/ui/src/views/offering/AddVpcOffering.vue
+++ b/ui/src/views/offering/AddVpcOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/ImportBackupOffering.vue b/ui/src/views/offering/ImportBackupOffering.vue
index 24f83909e140..727e0deee7de 100644
--- a/ui/src/views/offering/ImportBackupOffering.vue
+++ b/ui/src/views/offering/ImportBackupOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form
       layout="vertical"
       :form="form"
diff --git a/ui/src/views/offering/UpdateOfferingAccess.vue b/ui/src/views/offering/UpdateOfferingAccess.vue
index 8ad7b117c31b..91d7d63eb47c 100644
--- a/ui/src/views/offering/UpdateOfferingAccess.vue
+++ b/ui/src/views/offering/UpdateOfferingAccess.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/plugins/quota/EmailTemplateDetails.vue b/ui/src/views/plugins/quota/EmailTemplateDetails.vue
index d1272c74d9f1..3b15ee719a53 100644
--- a/ui/src/views/plugins/quota/EmailTemplateDetails.vue
+++ b/ui/src/views/plugins/quota/EmailTemplateDetails.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <a-spin :spinning="loading || loading" v-ctrl-enter="handleSubmit">
+  <a-spin :spinning="loading || loading" @keyup.ctrl.enter="handleSubmit">
     <a-row :gutter="12">
       <a-col :md="24" :lg="24">
         <a-form-item :label="$t('label.templatesubject')">
diff --git a/ui/src/views/project/InvitationTokenTemplate.vue b/ui/src/views/project/InvitationTokenTemplate.vue
index 10121d318b97..5e88f558334b 100644
--- a/ui/src/views/project/InvitationTokenTemplate.vue
+++ b/ui/src/views/project/InvitationTokenTemplate.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="row-project-invitation" v-ctrl-enter="handleSubmit">
+  <div class="row-project-invitation" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/storage/AttachVolume.vue b/ui/src/views/storage/AttachVolume.vue
index d6f2a08f9842..4aedbee24561 100644
--- a/ui/src/views/storage/AttachVolume.vue
+++ b/ui/src/views/storage/AttachVolume.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <a-form class="form" :form="form" @submit="handleSubmit" layout="vertical" v-ctrl-enter="handleSubmit">
+    <a-form class="form" :form="form" @submit="handleSubmit" layout="vertical" @keyup.ctrl.enter="handleSubmit">
       <div style="margin-bottom: 10px">
         <a-alert type="warning">
           <span slot="message" v-html="$t('message.confirm.attach.disk')" />
diff --git a/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue b/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
index 84f04883f738..fd3b9c6537dd 100644
--- a/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
+++ b/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
@@ -21,7 +21,7 @@
       class="form"
       :form="form"
       @submit="handleSubmit"
-      v-ctrl-enter="handleSubmit"
+      @keyup.ctrl.enter="handleSubmit"
       layout="vertical">
       <a-form-item :label="$t('label.name')">
         <a-input
diff --git a/ui/src/views/storage/CreateVolume.vue b/ui/src/views/storage/CreateVolume.vue
index 045b500b0dbe..d9610def516e 100644
--- a/ui/src/views/storage/CreateVolume.vue
+++ b/ui/src/views/storage/CreateVolume.vue
@@ -21,7 +21,7 @@
       class="form"
       :form="form"
       @submit="handleSubmit"
-      v-ctrl-enter="handleSubmit"
+      @keyup.ctrl.enter="handleSubmit"
       layout="vertical">
       <a-form-item>
         <tooltip-label slot="label" :title="$t('label.name')" :tooltip="apiParams.name.description"/>
diff --git a/ui/src/views/storage/FormSchedule.vue b/ui/src/views/storage/FormSchedule.vue
index 441632860ea2..939501684aeb 100644
--- a/ui/src/views/storage/FormSchedule.vue
+++ b/ui/src/views/storage/FormSchedule.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" v-ctrl-enter="handleSubmit">
+    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
       <a-alert type="warning">
         <span slot="message" v-html="$t('label.header.volume.snapshot')" />
       </a-alert>
diff --git a/ui/src/views/storage/ResizeVolume.vue b/ui/src/views/storage/ResizeVolume.vue
index 6327dca63b64..a4259b3f87eb 100644
--- a/ui/src/views/storage/ResizeVolume.vue
+++ b/ui/src/views/storage/ResizeVolume.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form :form="form" layout="vertical">
       <a-form-item :label="$t('label.diskoffering')" v-if="resource.type !== 'ROOT'">
         <a-select
diff --git a/ui/src/views/storage/RestoreAttachBackupVolume.vue b/ui/src/views/storage/RestoreAttachBackupVolume.vue
index 07b18d9ed208..85bb17b0e67b 100644
--- a/ui/src/views/storage/RestoreAttachBackupVolume.vue
+++ b/ui/src/views/storage/RestoreAttachBackupVolume.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-form layout="vertical" :form="form">
       <a-form-item :label="$t('label.volume')">
         <a-select
diff --git a/ui/src/views/storage/TakeSnapshot.vue b/ui/src/views/storage/TakeSnapshot.vue
index b726e7c06452..6866f6415a78 100644
--- a/ui/src/views/storage/TakeSnapshot.vue
+++ b/ui/src/views/storage/TakeSnapshot.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="take-snapshot" v-ctrl-enter="handleSubmit">
+  <div class="take-snapshot" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading || actionLoading">
       <a-alert type="warning">
         <span slot="message" v-html="$t('label.header.volume.take.snapshot')" />
diff --git a/ui/src/views/storage/UploadLocalVolume.vue b/ui/src/views/storage/UploadLocalVolume.vue
index 0e5df836fccd..26b615f23a95 100644
--- a/ui/src/views/storage/UploadLocalVolume.vue
+++ b/ui/src/views/storage/UploadLocalVolume.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <span v-if="uploadPercentage > 0">
       <a-icon type="loading" />
       {{ $t('message.upload.file.processing') }}

From afef729b46ba4e80aecaa268bb9e78b321bc84e1 Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@onecht.net>
Date: Tue, 22 Feb 2022 15:09:30 +0100
Subject: [PATCH 2/5] enter vs ctrl-enter issue remaining: toggles active
 switch on submit

---
 ui/src/views/image/RegisterOrUploadIso.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/image/RegisterOrUploadIso.vue b/ui/src/views/image/RegisterOrUploadIso.vue
index 645c78769239..69f7a721583b 100644
--- a/ui/src/views/image/RegisterOrUploadIso.vue
+++ b/ui/src/views/image/RegisterOrUploadIso.vue
@@ -16,7 +16,9 @@
 // under the License.
 
 <template>
-  <div class="form-layout">
+  <div
+    class="form-layout"
+    @keyup.ctrl.enter="handleSubmit">
     <span v-if="uploadPercentage > 0">
       <a-icon type="loading" />
       {{ $t('message.upload.file.processing') }}
@@ -24,7 +26,6 @@
     </span>
     <a-spin :spinning="loading" v-else>
       <a-form
-        @keyup.ctrl.enter="handleSubmit"
         :form="form"
         @submit="handleSubmit"
         layout="vertical">

From f3aa6a2e91691f813d7699332467db330ceffdeb Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@onecht.net>
Date: Tue, 22 Feb 2022 15:10:45 +0100
Subject: [PATCH 3/5] some fixes by hook on containing div

---
 ui/src/components/view/ResourceLimitTab.vue   | 64 ++++++++++---------
 ui/src/views/iam/AddAccount.vue               |  4 +-
 .../views/image/RegisterOrUploadTemplate.vue  |  5 +-
 3 files changed, 39 insertions(+), 34 deletions(-)

diff --git a/ui/src/components/view/ResourceLimitTab.vue b/ui/src/components/view/ResourceLimitTab.vue
index 45a9797e9c5f..ad90c129438d 100644
--- a/ui/src/components/view/ResourceLimitTab.vue
+++ b/ui/src/components/view/ResourceLimitTab.vue
@@ -17,37 +17,39 @@
 
 <template>
   <a-spin :spinning="formLoading">
-    <a-form
-      :form="form"
-      @submit="handleSubmit"
-      layout="vertical"
-      @keyup.ctrl.enter="handleSubmit"
-    >
-      <a-form-item
-        v-for="(item, index) in dataResource"
-        :key="index"
-        v-if="item.resourcetypename !== 'project'"
-        :v-bind="item.resourcetypename"
-        :label="$t('label.max' + item.resourcetypename.replace('_', ''))">
-        <a-input-number
-          :disabled="!('updateResourceLimit' in $store.getters.apis)"
-          style="width: 100%;"
-          v-decorator="[item.resourcetype, {
-            initialValue: item.max
-          }]"
-          :autoFocus="index === 0"
-        />
-      </a-form-item>
-      <div class="card-footer">
-        <a-button
-          :disabled="!('updateResourceLimit' in $store.getters.apis)"
-          v-if="!($route.meta.name === 'domain' && resource.level === 0)"
-          :loading="formLoading"
-          type="primary"
-          ref="submit"
-          @click="handleSubmit">{{ $t('label.submit') }}</a-button>
-      </div>
-    </a-form>
+    <div
+      @keyup.ctrl.enter="handleSubmit">
+      <a-form
+        :form="form"
+        layout="vertical"
+        @submit="handleSubmit"
+      >
+        <a-form-item
+          v-for="(item, index) in dataResource"
+          :key="index"
+          v-if="item.resourcetypename !== 'project'"
+          :v-bind="item.resourcetypename"
+          :label="$t('label.max' + item.resourcetypename.replace('_', ''))">
+          <a-input-number
+            :disabled="!('updateResourceLimit' in $store.getters.apis)"
+            style="width: 100%;"
+            v-decorator="[item.resourcetype, {
+              initialValue: item.max
+            }]"
+            :autoFocus="index === 0"
+          />
+        </a-form-item>
+        <div class="card-footer">
+          <a-button
+            :disabled="!('updateResourceLimit' in $store.getters.apis)"
+            v-if="!($route.meta.name === 'domain' && resource.level === 0)"
+            :loading="formLoading"
+            type="primary"
+            ref="submit"
+            @click="handleSubmit">{{ $t('label.submit') }}</a-button>
+        </div>
+      </a-form>
+    </div>
   </a-spin>
 </template>
 
diff --git a/ui/src/views/iam/AddAccount.vue b/ui/src/views/iam/AddAccount.vue
index 233d8a4a82ae..c1ef82acedc5 100644
--- a/ui/src/views/iam/AddAccount.vue
+++ b/ui/src/views/iam/AddAccount.vue
@@ -16,7 +16,9 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div
+    class="form-layout"
+    @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/image/RegisterOrUploadTemplate.vue b/ui/src/views/image/RegisterOrUploadTemplate.vue
index def8005b63b4..43e8288be539 100644
--- a/ui/src/views/image/RegisterOrUploadTemplate.vue
+++ b/ui/src/views/image/RegisterOrUploadTemplate.vue
@@ -16,7 +16,9 @@
 // under the License.
 
 <template>
-  <div class="form-layout">
+  <div
+    class="form-layout"
+    @keyup.ctrl.enter="handleSubmit">
     <span v-if="uploadPercentage > 0">
       <a-icon type="loading" />
       {{ $t('message.upload.file.processing') }}
@@ -24,7 +26,6 @@
     </span>
     <a-spin :spinning="loading" v-else>
       <a-form
-        @keyup.ctrl.enter="handleSubmit"
         :form="form"
         @submit="handleSubmit"
         layout="vertical">

From 1a47cc3c954ded8db7afdc8a0154929ae54c6c48 Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@onecht.net>
Date: Wed, 23 Feb 2022 09:23:10 +0100
Subject: [PATCH 4/5] Revert "prevent <ctrl>-<enter> handler from <space> from
 toggling checkboxes"

This reverts commit 6cc17b5d330bb8b41ba3938babd6ecc3e93f058a.
---
 ui/src/components/view/ResourceLimitTab.vue   | 64 +++++++++----------
 ui/src/views/AutogenView.vue                  |  2 +-
 ui/src/views/auth/Login.vue                   |  2 +-
 ui/src/views/compute/AttachIso.vue            |  2 +-
 ui/src/views/compute/ChangeAffinity.vue       |  2 +-
 .../views/compute/CreateKubernetesCluster.vue |  2 +-
 ui/src/views/compute/CreateSSHKeyPair.vue     |  2 +-
 ui/src/views/compute/CreateSnapshotWizard.vue |  2 +-
 ui/src/views/compute/DeployVM.vue             |  2 +-
 ui/src/views/compute/DestroyVM.vue            |  2 +-
 ui/src/views/compute/EditVM.vue               |  2 +-
 .../views/compute/ScaleKubernetesCluster.vue  |  2 +-
 ui/src/views/compute/ScaleVM.vue              |  2 +-
 ui/src/views/compute/StartVirtualMachine.vue  |  2 +-
 .../compute/UpgradeKubernetesCluster.vue      |  2 +-
 ui/src/views/compute/backup/FormSchedule.vue  |  2 +-
 ui/src/views/iam/AddAccount.vue               |  4 +-
 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 +-
 .../image/AddKubernetesSupportedVersion.vue   |  2 +-
 ui/src/views/image/RegisterOrUploadIso.vue    |  1 +
 .../UpdateKubernetesSupportedVersion.vue      |  2 +-
 ui/src/views/image/UpdateTemplate.vue         |  2 +-
 ui/src/views/infra/AddPrimaryStorage.vue      |  2 +-
 ui/src/views/infra/AddSecondaryStorage.vue    |  2 +-
 ui/src/views/infra/MigrateData.vue            |  2 +-
 ui/src/views/infra/PodAdd.vue                 |  2 +-
 .../views/infra/network/DedicatedVLANTab.vue  |  2 +-
 .../views/infra/network/EditTrafficLabel.vue  |  2 +-
 .../infra/network/ServiceProvidersTab.vue     |  2 +-
 .../network/providers/AddF5LoadBalancer.vue   |  2 +-
 .../providers/AddNetscalerLoadBalancer.vue    |  2 +-
 .../network/providers/AddNiciraNvpDevice.vue  |  2 +-
 .../network/providers/AddPaloAltoFirewall.vue |  2 +-
 .../network/providers/AddSrxFirewall.vue      |  2 +-
 .../infra/zone/AdvancedGuestTrafficForm.vue   |  2 +-
 .../views/infra/zone/IpAddressRangeForm.vue   |  2 +-
 ui/src/views/infra/zone/StaticInputsForm.vue  |  2 +-
 .../ZoneWizardPhysicalNetworkSetupStep.vue    |  2 +-
 .../infra/zone/ZoneWizardZoneDetailsStep.vue  |  2 +-
 .../infra/zone/ZoneWizardZoneTypeStep.vue     |  2 +-
 .../network/CreateIsolatedNetworkForm.vue     |  2 +-
 ui/src/views/network/CreateL2NetworkForm.vue  |  2 +-
 .../views/network/CreateSharedNetworkForm.vue |  2 +-
 ui/src/views/network/CreateVlanIpRange.vue    |  2 +-
 ui/src/views/network/CreateVpc.vue            |  2 +-
 .../network/CreateVpnCustomerGateway.vue      |  2 +-
 .../views/network/InternalLBAssignVmForm.vue  |  2 +-
 ui/src/views/network/UpdateNetwork.vue        |  2 +-
 ui/src/views/offering/AddComputeOffering.vue  |  2 +-
 ui/src/views/offering/AddDiskOffering.vue     |  2 +-
 ui/src/views/offering/AddNetworkOffering.vue  |  2 +-
 ui/src/views/offering/AddVpcOffering.vue      |  2 +-
 .../views/offering/ImportBackupOffering.vue   |  2 +-
 .../views/offering/UpdateOfferingAccess.vue   |  2 +-
 .../plugins/quota/EmailTemplateDetails.vue    |  2 +-
 .../views/project/InvitationTokenTemplate.vue |  2 +-
 ui/src/views/storage/AttachVolume.vue         |  2 +-
 .../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 +-
 .../storage/RestoreAttachBackupVolume.vue     |  2 +-
 ui/src/views/storage/TakeSnapshot.vue         |  2 +-
 ui/src/views/storage/UploadLocalVolume.vue    |  2 +-
 71 files changed, 101 insertions(+), 104 deletions(-)

diff --git a/ui/src/components/view/ResourceLimitTab.vue b/ui/src/components/view/ResourceLimitTab.vue
index ad90c129438d..91cf42d90f0a 100644
--- a/ui/src/components/view/ResourceLimitTab.vue
+++ b/ui/src/components/view/ResourceLimitTab.vue
@@ -17,39 +17,37 @@
 
 <template>
   <a-spin :spinning="formLoading">
-    <div
-      @keyup.ctrl.enter="handleSubmit">
-      <a-form
-        :form="form"
-        layout="vertical"
-        @submit="handleSubmit"
-      >
-        <a-form-item
-          v-for="(item, index) in dataResource"
-          :key="index"
-          v-if="item.resourcetypename !== 'project'"
-          :v-bind="item.resourcetypename"
-          :label="$t('label.max' + item.resourcetypename.replace('_', ''))">
-          <a-input-number
-            :disabled="!('updateResourceLimit' in $store.getters.apis)"
-            style="width: 100%;"
-            v-decorator="[item.resourcetype, {
-              initialValue: item.max
-            }]"
-            :autoFocus="index === 0"
-          />
-        </a-form-item>
-        <div class="card-footer">
-          <a-button
-            :disabled="!('updateResourceLimit' in $store.getters.apis)"
-            v-if="!($route.meta.name === 'domain' && resource.level === 0)"
-            :loading="formLoading"
-            type="primary"
-            ref="submit"
-            @click="handleSubmit">{{ $t('label.submit') }}</a-button>
-        </div>
-      </a-form>
-    </div>
+    <a-form
+      :form="form"
+      @submit="handleSubmit"
+      layout="vertical"
+      v-ctrl-enter="handleSubmit"
+    >
+      <a-form-item
+        v-for="(item, index) in dataResource"
+        :key="index"
+        v-if="item.resourcetypename !== 'project'"
+        :v-bind="item.resourcetypename"
+        :label="$t('label.max' + item.resourcetypename.replace('_', ''))">
+        <a-input-number
+          :disabled="!('updateResourceLimit' in $store.getters.apis)"
+          style="width: 100%;"
+          v-decorator="[item.resourcetype, {
+            initialValue: item.max
+          }]"
+          :autoFocus="index === 0"
+        />
+      </a-form-item>
+      <div class="card-footer">
+        <a-button
+          :disabled="!('updateResourceLimit' in $store.getters.apis)"
+          v-if="!($route.meta.name === 'domain' && resource.level === 0)"
+          :loading="formLoading"
+          type="primary"
+          ref="submit"
+          @click="handleSubmit">{{ $t('label.submit') }}</a-button>
+      </div>
+    </a-form>
   </a-spin>
 </template>
 
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 00eabe13c938..9587ed15d561 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -153,7 +153,7 @@
         :cancel-button-props="getCancelProps()"
         :confirmLoading="actionLoading"
         @cancel="closeAction"
-        @keyup.ctrl.enter="handleSubmit"
+        v-ctrl-enter="handleSubmit"
         centered
       >
         <span slot="title">
diff --git a/ui/src/views/auth/Login.vue b/ui/src/views/auth/Login.vue
index ae50a4dc8307..95630d0253bb 100644
--- a/ui/src/views/auth/Login.vue
+++ b/ui/src/views/auth/Login.vue
@@ -22,7 +22,7 @@
     ref="formLogin"
     :form="form"
     @submit="handleSubmit"
-    @keyup.ctrl.enter="handleSubmit"
+    v-ctrl-enter="handleSubmit"
   >
     <a-tabs
       :activeKey="customActiveKey"
diff --git a/ui/src/views/compute/AttachIso.vue b/ui/src/views/compute/AttachIso.vue
index 30ca85d5e050..3410e494b2be 100644
--- a/ui/src/views/compute/AttachIso.vue
+++ b/ui/src/views/compute/AttachIso.vue
@@ -15,7 +15,7 @@
 // specific language governing permissions and limitations
 // under the License.
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/compute/ChangeAffinity.vue b/ui/src/views/compute/ChangeAffinity.vue
index 341a7e6b4c4e..d1dabebe70b0 100644
--- a/ui/src/views/compute/ChangeAffinity.vue
+++ b/ui/src/views/compute/ChangeAffinity.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <a-form class="form" @keyup.ctrl.enter="handleSubmit">
+  <a-form class="form" v-ctrl-enter="handleSubmit">
 
     <p v-html="$t('message.select.affinity.groups')" />
 
diff --git a/ui/src/views/compute/CreateKubernetesCluster.vue b/ui/src/views/compute/CreateKubernetesCluster.vue
index 4af020318f3b..52aa831d75c5 100644
--- a/ui/src/views/compute/CreateKubernetesCluster.vue
+++ b/ui/src/views/compute/CreateKubernetesCluster.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/compute/CreateSSHKeyPair.vue b/ui/src/views/compute/CreateSSHKeyPair.vue
index bde13e8b3b2c..15a6f9797e86 100644
--- a/ui/src/views/compute/CreateSSHKeyPair.vue
+++ b/ui/src/views/compute/CreateSSHKeyPair.vue
@@ -20,7 +20,7 @@
     <a-spin :spinning="loading" v-if="!isSubmitted">
       <p v-html="$t('message.desc.create.ssh.key.pair')"></p>
       <a-form
-        @keyup.ctrl.enter="handleSubmit"
+        v-ctrl-enter="handleSubmit"
         :form="form"
         @submit="handleSubmit"
         layout="vertical">
diff --git a/ui/src/views/compute/CreateSnapshotWizard.vue b/ui/src/views/compute/CreateSnapshotWizard.vue
index bb4062cb0912..ed4fbc9e9757 100644
--- a/ui/src/views/compute/CreateSnapshotWizard.vue
+++ b/ui/src/views/compute/CreateSnapshotWizard.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/compute/DeployVM.vue b/ui/src/views/compute/DeployVM.vue
index 84b64bf629a1..3c330e1278d8 100644
--- a/ui/src/views/compute/DeployVM.vue
+++ b/ui/src/views/compute/DeployVM.vue
@@ -21,7 +21,7 @@
       <a-col :md="24" :lg="17">
         <a-card :bordered="true" :title="this.$t('label.newinstance')">
           <a-form
-            @keyup.ctrl.enter="handleSubmit"
+            v-ctrl-enter="handleSubmit"
             :form="form"
             @submit="handleSubmit"
             layout="vertical"
diff --git a/ui/src/views/compute/DestroyVM.vue b/ui/src/views/compute/DestroyVM.vue
index 76811efc0d3e..152eec9b314f 100644
--- a/ui/src/views/compute/DestroyVM.vue
+++ b/ui/src/views/compute/DestroyVM.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div :class="['form-layout', { 'form-list': selectedRowKeys.length > 0 }]" @keyup.ctrl.enter="handleSubmit">
+  <div :class="['form-layout', { 'form-list': selectedRowKeys.length > 0 }]" v-ctrl-enter="handleSubmit">
     <div v-if="selectedRowKeys.length === 0">
       <a-alert type="warning" v-html="resource.backupofferingid ? $t('message.action.destroy.instance.with.backups') : $t('message.action.destroy.instance')" /><br/>
       <a-spin :spinning="loading">
diff --git a/ui/src/views/compute/EditVM.vue b/ui/src/views/compute/EditVM.vue
index d78d874ab631..ee4273d5a66e 100644
--- a/ui/src/views/compute/EditVM.vue
+++ b/ui/src/views/compute/EditVM.vue
@@ -21,7 +21,7 @@
       class="form-layout"
       layout="vertical"
       :form="form"
-      @keyup.ctrl.enter="handleSubmit"
+      v-ctrl-enter="handleSubmit"
       @submit="handleSubmit">
       <a-alert style="margin-bottom: 5px" type="warning" show-icon>
         <span slot="message" v-html="$t('message.restart.vm.to.update.settings')" />
diff --git a/ui/src/views/compute/ScaleKubernetesCluster.vue b/ui/src/views/compute/ScaleKubernetesCluster.vue
index 1f47dddc83c1..d173c30785e3 100644
--- a/ui/src/views/compute/ScaleKubernetesCluster.vue
+++ b/ui/src/views/compute/ScaleKubernetesCluster.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-alert type="warning">
         <span
diff --git a/ui/src/views/compute/ScaleVM.vue b/ui/src/views/compute/ScaleVM.vue
index f1180069b4f8..a0cf5b197a1e 100644
--- a/ui/src/views/compute/ScaleVM.vue
+++ b/ui/src/views/compute/ScaleVM.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <a-form class="form" @keyup.ctrl.enter="handleSubmit">
+  <a-form class="form" v-ctrl-enter="handleSubmit">
     <p v-html="getMessage()"></p>
 
     <div v-if="loading" class="loading">
diff --git a/ui/src/views/compute/StartVirtualMachine.vue b/ui/src/views/compute/StartVirtualMachine.vue
index 1314cd90b9d0..db8412c8e617 100644
--- a/ui/src/views/compute/StartVirtualMachine.vue
+++ b/ui/src/views/compute/StartVirtualMachine.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-alert type="warning">
         <span slot="message" v-html="$t('message.action.start.instance')" />
diff --git a/ui/src/views/compute/UpgradeKubernetesCluster.vue b/ui/src/views/compute/UpgradeKubernetesCluster.vue
index f23d5e8729eb..7e9dbb94c261 100644
--- a/ui/src/views/compute/UpgradeKubernetesCluster.vue
+++ b/ui/src/views/compute/UpgradeKubernetesCluster.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-alert type="warning">
         <span slot="message" v-html="$t('message.kubernetes.cluster.upgrade')" />
diff --git a/ui/src/views/compute/backup/FormSchedule.vue b/ui/src/views/compute/backup/FormSchedule.vue
index 7480bdf6f5ed..1220315097ad 100644
--- a/ui/src/views/compute/backup/FormSchedule.vue
+++ b/ui/src/views/compute/backup/FormSchedule.vue
@@ -21,7 +21,7 @@
       <label>
         {{ $t('label.header.backup.schedule') }}
       </label>
-      <div class="form" @keyup.ctrl.enter="handleSubmit">
+      <div class="form" v-ctrl-enter="handleSubmit">
         <a-form
           :form="form"
           layout="vertical"
diff --git a/ui/src/views/iam/AddAccount.vue b/ui/src/views/iam/AddAccount.vue
index c1ef82acedc5..940addeaafb6 100644
--- a/ui/src/views/iam/AddAccount.vue
+++ b/ui/src/views/iam/AddAccount.vue
@@ -16,9 +16,7 @@
 // under the License.
 
 <template>
-  <div
-    class="form-layout"
-    @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/iam/AddLdapAccount.vue b/ui/src/views/iam/AddLdapAccount.vue
index c3c1667082da..982cebdd6762 100644
--- a/ui/src/views/iam/AddLdapAccount.vue
+++ b/ui/src/views/iam/AddLdapAccount.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="ldap-account-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="ldap-account-layout" v-ctrl-enter="handleSubmit">
     <a-row :gutter="0">
       <a-col :md="24" :lg="16">
         <a-card :bordered="false">
diff --git a/ui/src/views/iam/AddUser.vue b/ui/src/views/iam/AddUser.vue
index 3b363a755163..3275cc65e426 100644
--- a/ui/src/views/iam/AddUser.vue
+++ b/ui/src/views/iam/AddUser.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/iam/ChangeUserPassword.vue b/ui/src/views/iam/ChangeUserPassword.vue
index f55285480976..ae7453583dba 100644
--- a/ui/src/views/iam/ChangeUserPassword.vue
+++ b/ui/src/views/iam/ChangeUserPassword.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/iam/ConfigureSamlSsoAuth.vue b/ui/src/views/iam/ConfigureSamlSsoAuth.vue
index 0c765581fa41..182e79bb721d 100644
--- a/ui/src/views/iam/ConfigureSamlSsoAuth.vue
+++ b/ui/src/views/iam/ConfigureSamlSsoAuth.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form :form="form" @submit="handleSubmit" layout="vertical" :loading="loading">
       <a-form-item :label="$t('label.samlenable')">
         <a-switch
diff --git a/ui/src/views/iam/CreateRole.vue b/ui/src/views/iam/CreateRole.vue
index a56f7d063de3..9b80397c1384 100644
--- a/ui/src/views/iam/CreateRole.vue
+++ b/ui/src/views/iam/CreateRole.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/iam/DomainActionForm.vue b/ui/src/views/iam/DomainActionForm.vue
index bf0c62160a85..1696d5258107 100644
--- a/ui/src/views/iam/DomainActionForm.vue
+++ b/ui/src/views/iam/DomainActionForm.vue
@@ -26,7 +26,7 @@
       :footer="null"
       @cancel="parentCloseAction"
       style="top: 20px;"
-      @keyup.ctrl.enter="handleSubmit"
+      v-ctrl-enter="handleSubmit"
     >
       <span slot="title">
         {{ $t(action.label) }}
diff --git a/ui/src/views/iam/EditUser.vue b/ui/src/views/iam/EditUser.vue
index 72d4d88c493c..7009e01b3641 100644
--- a/ui/src/views/iam/EditUser.vue
+++ b/ui/src/views/iam/EditUser.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/iam/ImportRole.vue b/ui/src/views/iam/ImportRole.vue
index 73aca7728c7a..b285ace6564f 100644
--- a/ui/src/views/iam/ImportRole.vue
+++ b/ui/src/views/iam/ImportRole.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/image/AddKubernetesSupportedVersion.vue b/ui/src/views/image/AddKubernetesSupportedVersion.vue
index 2e975ace3d66..4364749c3ff0 100644
--- a/ui/src/views/image/AddKubernetesSupportedVersion.vue
+++ b/ui/src/views/image/AddKubernetesSupportedVersion.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/image/RegisterOrUploadIso.vue b/ui/src/views/image/RegisterOrUploadIso.vue
index 69f7a721583b..eaff52fb473c 100644
--- a/ui/src/views/image/RegisterOrUploadIso.vue
+++ b/ui/src/views/image/RegisterOrUploadIso.vue
@@ -26,6 +26,7 @@
     </span>
     <a-spin :spinning="loading" v-else>
       <a-form
+        v-ctrl-enter="handleSubmit"
         :form="form"
         @submit="handleSubmit"
         layout="vertical">
diff --git a/ui/src/views/image/UpdateKubernetesSupportedVersion.vue b/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
index ad6f46ffb3fc..c3cf6edfc358 100644
--- a/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
+++ b/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/image/UpdateTemplate.vue b/ui/src/views/image/UpdateTemplate.vue
index 0056c65db092..0d9239cd3216 100644
--- a/ui/src/views/image/UpdateTemplate.vue
+++ b/ui/src/views/image/UpdateTemplate.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/infra/AddPrimaryStorage.vue b/ui/src/views/infra/AddPrimaryStorage.vue
index 8a50866b9c1b..dbab19ea9e20 100644
--- a/ui/src/views/infra/AddPrimaryStorage.vue
+++ b/ui/src/views/infra/AddPrimaryStorage.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/infra/AddSecondaryStorage.vue b/ui/src/views/infra/AddSecondaryStorage.vue
index de6b66bf5bc1..f7b6203a84e7 100644
--- a/ui/src/views/infra/AddSecondaryStorage.vue
+++ b/ui/src/views/infra/AddSecondaryStorage.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" layout="vertical">
         <a-form-item :label="$t('label.name')">
diff --git a/ui/src/views/infra/MigrateData.vue b/ui/src/views/infra/MigrateData.vue
index cf82e1b2c95b..6ebe6531969a 100644
--- a/ui/src/views/infra/MigrateData.vue
+++ b/ui/src/views/infra/MigrateData.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" @submit="handleSubmit" layout="vertical">
         <a-form-item
diff --git a/ui/src/views/infra/PodAdd.vue b/ui/src/views/infra/PodAdd.vue
index 02bf7a111a0d..1fffa560f080 100644
--- a/ui/src/views/infra/PodAdd.vue
+++ b/ui/src/views/infra/PodAdd.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <a-form @keyup.ctrl.enter="handleSubmit" :form="form" layout="vertical" class="form">
+    <a-form v-ctrl-enter="handleSubmit" :form="form" layout="vertical" class="form">
 
       <a-form-item class="form__item" :label="$t('label.zone')">
         <a-select
diff --git a/ui/src/views/infra/network/DedicatedVLANTab.vue b/ui/src/views/infra/network/DedicatedVLANTab.vue
index e90019081894..a2b5e55c2ed8 100644
--- a/ui/src/views/infra/network/DedicatedVLANTab.vue
+++ b/ui/src/views/infra/network/DedicatedVLANTab.vue
@@ -65,7 +65,7 @@
       :maskClosable="false"
       :footer="null"
       @cancel="modal = false"
-      @keyup.ctrl.enter="handleSubmit">
+      v-ctrl-enter="handleSubmit">
       <a-spin :spinning="formLoading">
         <a-form
           :form="form"
diff --git a/ui/src/views/infra/network/EditTrafficLabel.vue b/ui/src/views/infra/network/EditTrafficLabel.vue
index 92273070e702..a56165ed19e4 100644
--- a/ui/src/views/infra/network/EditTrafficLabel.vue
+++ b/ui/src/views/infra/network/EditTrafficLabel.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form :form="form" :loading="loading" @submit="handleSubmit" layout="vertical">
         <a-form-item>
diff --git a/ui/src/views/infra/network/ServiceProvidersTab.vue b/ui/src/views/infra/network/ServiceProvidersTab.vue
index f0cc4431a3ab..101762197c1c 100644
--- a/ui/src/views/infra/network/ServiceProvidersTab.vue
+++ b/ui/src/views/infra/network/ServiceProvidersTab.vue
@@ -67,7 +67,7 @@
         :maskClosable="false"
         :footer="null"
         @cancel="onCloseAction"
-        @keyup.ctrl.enter="handleSubmit"
+        v-ctrl-enter="handleSubmit"
         style="top: 20px;"
         centered
       >
diff --git a/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue b/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
index 70c242dfb23a..a03a42104812 100644
--- a/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
+++ b/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue b/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
index 47c55d8f0e9c..d8ed81d754f8 100644
--- a/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
+++ b/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue b/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
index a681f830d716..e1a9a9dc34a2 100644
--- a/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
+++ b/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue b/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
index df0f521330a9..6d40cc37715c 100644
--- a/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
+++ b/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/network/providers/AddSrxFirewall.vue b/ui/src/views/infra/network/providers/AddSrxFirewall.vue
index f62338a819b6..be50cf0ec6aa 100644
--- a/ui/src/views/infra/network/providers/AddSrxFirewall.vue
+++ b/ui/src/views/infra/network/providers/AddSrxFirewall.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form
       :form="form"
       layout="vertical"
diff --git a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
index 29d336d840b9..86fa78d0e658 100644
--- a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
+++ b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div @keyup.ctrl.enter="handleSubmit">
+  <div v-ctrl-enter="handleSubmit">
     <a-card
       class="ant-form-text"
       style="text-align: justify; margin: 10px 0; padding: 24px;"
diff --git a/ui/src/views/infra/zone/IpAddressRangeForm.vue b/ui/src/views/infra/zone/IpAddressRangeForm.vue
index aea0b86f21da..3480a1b334dd 100644
--- a/ui/src/views/infra/zone/IpAddressRangeForm.vue
+++ b/ui/src/views/infra/zone/IpAddressRangeForm.vue
@@ -115,7 +115,7 @@
         </a-form>
       </template>
     </a-table>
-    <div class="form-action" @keyup.ctrl.enter="handleSubmit">
+    <div class="form-action" v-ctrl-enter="handleSubmit">
       <a-button
         v-if="!isFixError"
         class="button-prev"
diff --git a/ui/src/views/infra/zone/StaticInputsForm.vue b/ui/src/views/infra/zone/StaticInputsForm.vue
index 260b67717e7d..dc93c0907012 100644
--- a/ui/src/views/infra/zone/StaticInputsForm.vue
+++ b/ui/src/views/infra/zone/StaticInputsForm.vue
@@ -23,7 +23,7 @@
       v-html="$t(description)">
     </a-card>
     <a-form
-      @keyup.ctrl.enter="handleSubmit"
+      v-ctrl-enter="handleSubmit"
       class="form-content"
       :form="form"
       @submit="handleSubmit">
diff --git a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
index 5935077144fd..9fb89e256578 100644
--- a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div @keyup.ctrl.enter="handleSubmit">
+  <div v-ctrl-enter="handleSubmit">
     <a-card
       class="ant-form-text"
       style="text-align: justify; margin: 10px 0; padding: 20px;"
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
index f91403af7798..641f6356f7a0 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div @keyup.ctrl.enter="handleSubmit">
+  <div v-ctrl-enter="handleSubmit">
     <a-card
       class="ant-form-text"
       style="text-align: justify; margin: 10px 0; padding: 24px;"
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
index 0f2fb5bb9624..3df2a7045e7e 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
@@ -21,7 +21,7 @@
       class="form-content"
       :form="form"
       @submit="handleSubmit"
-      @keyup.ctrl.enter="handleSubmit">
+      v-ctrl-enter="handleSubmit">
       <a-form-item>
         <a-radio-group
           v-decorator="['zoneType', {
diff --git a/ui/src/views/network/CreateIsolatedNetworkForm.vue b/ui/src/views/network/CreateIsolatedNetworkForm.vue
index 06d194bbf11c..761d8128dada 100644
--- a/ui/src/views/network/CreateIsolatedNetworkForm.vue
+++ b/ui/src/views/network/CreateIsolatedNetworkForm.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+    <div class="form-layout" v-ctrl-enter="handleSubmit">
       <div class="form">
         <a-form
           :form="form"
diff --git a/ui/src/views/network/CreateL2NetworkForm.vue b/ui/src/views/network/CreateL2NetworkForm.vue
index 5cf05169f75a..32c394feb953 100644
--- a/ui/src/views/network/CreateL2NetworkForm.vue
+++ b/ui/src/views/network/CreateL2NetworkForm.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+    <div class="form-layout" v-ctrl-enter="handleSubmit">
       <div class="form">
         <a-form
           :form="form"
diff --git a/ui/src/views/network/CreateSharedNetworkForm.vue b/ui/src/views/network/CreateSharedNetworkForm.vue
index 99019acf9bf5..79af46d96a12 100644
--- a/ui/src/views/network/CreateSharedNetworkForm.vue
+++ b/ui/src/views/network/CreateSharedNetworkForm.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+    <div class="form-layout" v-ctrl-enter="handleSubmit">
       <div class="form">
         <a-form
           :form="form"
diff --git a/ui/src/views/network/CreateVlanIpRange.vue b/ui/src/views/network/CreateVlanIpRange.vue
index 8ad01b064c47..71a7f06dbb8b 100644
--- a/ui/src/views/network/CreateVlanIpRange.vue
+++ b/ui/src/views/network/CreateVlanIpRange.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+    <div class="form-layout" v-ctrl-enter="handleSubmit">
       <div class="form">
         <a-form
           :form="form"
diff --git a/ui/src/views/network/CreateVpc.vue b/ui/src/views/network/CreateVpc.vue
index 3c536dbf039e..72f202cda831 100644
--- a/ui/src/views/network/CreateVpc.vue
+++ b/ui/src/views/network/CreateVpc.vue
@@ -15,7 +15,7 @@
 // specific language governing permissions and limitations
 // under the License.
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/network/CreateVpnCustomerGateway.vue b/ui/src/views/network/CreateVpnCustomerGateway.vue
index f3d611c1bfd5..56dfceede007 100644
--- a/ui/src/views/network/CreateVpnCustomerGateway.vue
+++ b/ui/src/views/network/CreateVpnCustomerGateway.vue
@@ -16,7 +16,7 @@
 // under the License.
 <template>
   <div>
-    <a-form class="form-layout" :form="form" layout="vertical" @keyup.ctrl.enter="handleSubmit">
+    <a-form class="form-layout" :form="form" layout="vertical" v-ctrl-enter="handleSubmit">
       <a-form-item>
         <tooltip-label slot="label" :title="$t('label.name')" :tooltip="apiParams.name.description"/>
         <a-input
diff --git a/ui/src/views/network/InternalLBAssignVmForm.vue b/ui/src/views/network/InternalLBAssignVmForm.vue
index 2af8cff01071..ff6894080dee 100644
--- a/ui/src/views/network/InternalLBAssignVmForm.vue
+++ b/ui/src/views/network/InternalLBAssignVmForm.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="fetchLoading">
-    <div @keyup.ctrl.enter="handleSubmit">
+    <div v-ctrl-enter="handleSubmit">
       <div class="vm-modal__header">
         <span style="min-width: 200px;">{{ $t('label.name') }}</span>
         <span>{{ $t('label.state') }}</span>
diff --git a/ui/src/views/network/UpdateNetwork.vue b/ui/src/views/network/UpdateNetwork.vue
index a8aab04899f2..c51da8787300 100644
--- a/ui/src/views/network/UpdateNetwork.vue
+++ b/ui/src/views/network/UpdateNetwork.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddComputeOffering.vue b/ui/src/views/offering/AddComputeOffering.vue
index f832c5df1a5e..bcc09c1e9d59 100644
--- a/ui/src/views/offering/AddComputeOffering.vue
+++ b/ui/src/views/offering/AddComputeOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddDiskOffering.vue b/ui/src/views/offering/AddDiskOffering.vue
index 262e8b020471..26cb04bbdb8b 100644
--- a/ui/src/views/offering/AddDiskOffering.vue
+++ b/ui/src/views/offering/AddDiskOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddNetworkOffering.vue b/ui/src/views/offering/AddNetworkOffering.vue
index b5ab62578de6..d114ceb269fd 100644
--- a/ui/src/views/offering/AddNetworkOffering.vue
+++ b/ui/src/views/offering/AddNetworkOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddVpcOffering.vue b/ui/src/views/offering/AddVpcOffering.vue
index 34c1f011d4c1..51a406522924 100644
--- a/ui/src/views/offering/AddVpcOffering.vue
+++ b/ui/src/views/offering/AddVpcOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/ImportBackupOffering.vue b/ui/src/views/offering/ImportBackupOffering.vue
index 727e0deee7de..24f83909e140 100644
--- a/ui/src/views/offering/ImportBackupOffering.vue
+++ b/ui/src/views/offering/ImportBackupOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form
       layout="vertical"
       :form="form"
diff --git a/ui/src/views/offering/UpdateOfferingAccess.vue b/ui/src/views/offering/UpdateOfferingAccess.vue
index 91d7d63eb47c..8ad7b117c31b 100644
--- a/ui/src/views/offering/UpdateOfferingAccess.vue
+++ b/ui/src/views/offering/UpdateOfferingAccess.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/plugins/quota/EmailTemplateDetails.vue b/ui/src/views/plugins/quota/EmailTemplateDetails.vue
index 3b15ee719a53..d1272c74d9f1 100644
--- a/ui/src/views/plugins/quota/EmailTemplateDetails.vue
+++ b/ui/src/views/plugins/quota/EmailTemplateDetails.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <a-spin :spinning="loading || loading" @keyup.ctrl.enter="handleSubmit">
+  <a-spin :spinning="loading || loading" v-ctrl-enter="handleSubmit">
     <a-row :gutter="12">
       <a-col :md="24" :lg="24">
         <a-form-item :label="$t('label.templatesubject')">
diff --git a/ui/src/views/project/InvitationTokenTemplate.vue b/ui/src/views/project/InvitationTokenTemplate.vue
index 5e88f558334b..10121d318b97 100644
--- a/ui/src/views/project/InvitationTokenTemplate.vue
+++ b/ui/src/views/project/InvitationTokenTemplate.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="row-project-invitation" @keyup.ctrl.enter="handleSubmit">
+  <div class="row-project-invitation" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/storage/AttachVolume.vue b/ui/src/views/storage/AttachVolume.vue
index 4aedbee24561..d6f2a08f9842 100644
--- a/ui/src/views/storage/AttachVolume.vue
+++ b/ui/src/views/storage/AttachVolume.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <a-form class="form" :form="form" @submit="handleSubmit" layout="vertical" @keyup.ctrl.enter="handleSubmit">
+    <a-form class="form" :form="form" @submit="handleSubmit" layout="vertical" v-ctrl-enter="handleSubmit">
       <div style="margin-bottom: 10px">
         <a-alert type="warning">
           <span slot="message" v-html="$t('message.confirm.attach.disk')" />
diff --git a/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue b/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
index fd3b9c6537dd..84f04883f738 100644
--- a/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
+++ b/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
@@ -21,7 +21,7 @@
       class="form"
       :form="form"
       @submit="handleSubmit"
-      @keyup.ctrl.enter="handleSubmit"
+      v-ctrl-enter="handleSubmit"
       layout="vertical">
       <a-form-item :label="$t('label.name')">
         <a-input
diff --git a/ui/src/views/storage/CreateVolume.vue b/ui/src/views/storage/CreateVolume.vue
index d9610def516e..045b500b0dbe 100644
--- a/ui/src/views/storage/CreateVolume.vue
+++ b/ui/src/views/storage/CreateVolume.vue
@@ -21,7 +21,7 @@
       class="form"
       :form="form"
       @submit="handleSubmit"
-      @keyup.ctrl.enter="handleSubmit"
+      v-ctrl-enter="handleSubmit"
       layout="vertical">
       <a-form-item>
         <tooltip-label slot="label" :title="$t('label.name')" :tooltip="apiParams.name.description"/>
diff --git a/ui/src/views/storage/FormSchedule.vue b/ui/src/views/storage/FormSchedule.vue
index 939501684aeb..441632860ea2 100644
--- a/ui/src/views/storage/FormSchedule.vue
+++ b/ui/src/views/storage/FormSchedule.vue
@@ -17,7 +17,7 @@
 
 <template>
   <a-spin :spinning="loading">
-    <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+    <div class="form-layout" v-ctrl-enter="handleSubmit">
       <a-alert type="warning">
         <span slot="message" v-html="$t('label.header.volume.snapshot')" />
       </a-alert>
diff --git a/ui/src/views/storage/ResizeVolume.vue b/ui/src/views/storage/ResizeVolume.vue
index a4259b3f87eb..6327dca63b64 100644
--- a/ui/src/views/storage/ResizeVolume.vue
+++ b/ui/src/views/storage/ResizeVolume.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form :form="form" layout="vertical">
       <a-form-item :label="$t('label.diskoffering')" v-if="resource.type !== 'ROOT'">
         <a-select
diff --git a/ui/src/views/storage/RestoreAttachBackupVolume.vue b/ui/src/views/storage/RestoreAttachBackupVolume.vue
index 85bb17b0e67b..07b18d9ed208 100644
--- a/ui/src/views/storage/RestoreAttachBackupVolume.vue
+++ b/ui/src/views/storage/RestoreAttachBackupVolume.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <a-form layout="vertical" :form="form">
       <a-form-item :label="$t('label.volume')">
         <a-select
diff --git a/ui/src/views/storage/TakeSnapshot.vue b/ui/src/views/storage/TakeSnapshot.vue
index 6866f6415a78..b726e7c06452 100644
--- a/ui/src/views/storage/TakeSnapshot.vue
+++ b/ui/src/views/storage/TakeSnapshot.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="take-snapshot" @keyup.ctrl.enter="handleSubmit">
+  <div class="take-snapshot" v-ctrl-enter="handleSubmit">
     <a-spin :spinning="loading || actionLoading">
       <a-alert type="warning">
         <span slot="message" v-html="$t('label.header.volume.take.snapshot')" />
diff --git a/ui/src/views/storage/UploadLocalVolume.vue b/ui/src/views/storage/UploadLocalVolume.vue
index 26b615f23a95..0e5df836fccd 100644
--- a/ui/src/views/storage/UploadLocalVolume.vue
+++ b/ui/src/views/storage/UploadLocalVolume.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
+  <div class="form-layout" v-ctrl-enter="handleSubmit">
     <span v-if="uploadPercentage > 0">
       <a-icon type="loading" />
       {{ $t('message.upload.file.processing') }}

From cf0b7eec41e0db1f3308c71a3333e625f6c08ebd Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@onecht.net>
Date: Wed, 23 Feb 2022 13:49:09 +0100
Subject: [PATCH 5/5] other identified forms

---
 ui/src/views/network/LoadBalancing.vue       | 180 ++++++++++---------
 ui/src/views/offering/AddNetworkOffering.vue |   2 +-
 ui/src/views/offering/AddVpcOffering.vue     |   2 +-
 3 files changed, 93 insertions(+), 91 deletions(-)

diff --git a/ui/src/views/network/LoadBalancing.vue b/ui/src/views/network/LoadBalancing.vue
index ed6e3f2538ca..a9d16bc3292e 100644
--- a/ui/src/views/network/LoadBalancing.vue
+++ b/ui/src/views/network/LoadBalancing.vue
@@ -17,7 +17,7 @@
 
 <template>
   <div>
-    <div v-ctrl-enter="handleOpenAddVMModal">
+    <div @keyup.ctrl.enter="handleOpenAddVMModal">
       <div class="form">
         <div class="form__item" ref="newRuleName">
           <div class="form__label"><span class="form__required">*</span>{{ $t('label.name') }}</div>
@@ -346,105 +346,107 @@
       </div>
     </a-modal>
 
-    <a-modal
-      :title="$t('label.add.vms')"
-      :maskClosable="false"
-      :closable="true"
-      v-model="addVmModalVisible"
-      class="vm-modal"
-      width="60vw"
-      :footer="null"
-      v-ctrl-enter="handleAddNewRule"
-    >
-      <div>
-        <span
-          v-if="'vpcid' in resource && !('associatednetworkid' in resource)">
-          <strong>{{ $t('label.select.tier') }} </strong>
-          <a-select
-            :autoFocus="'vpcid' in resource && !('associatednetworkid' in resource)"
-            v-model="selectedTier"
-            @change="fetchVirtualMachines()"
-            :placeholder="$t('label.select.tier')"
-            showSearch
-            optionFilterProp="children"
-            :filterOption="(input, option) => {
-              return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-            }" >
-            <a-select-option
-              v-for="tier in tiers.data"
-              :loading="tiers.loading"
-              :key="tier.id">
-              {{ tier.displaytext }}
-            </a-select-option>
-          </a-select>
-        </span>
-        <a-input-search
-          :autoFocus="!('vpcid' in resource && !('associatednetworkid' in resource))"
-          class="input-search"
-          :placeholder="$t('label.search')"
-          v-model="searchQuery"
-          allowClear
-          @search="onSearch" />
-        <a-table
-          size="small"
-          class="list-view"
-          :loading="addVmModalLoading"
-          :columns="vmColumns"
-          :dataSource="vms"
-          :pagination="false"
-          :rowKey="record => record.id"
-          :scroll="{ y: 300 }">
-          <div slot="name" slot-scope="text, record, index">
-            <span>
-              {{ text }}
-            </span>
-            <a-icon v-if="addVmModalNicLoading" type="loading"></a-icon>
+    <div
+      @keyup.ctrl.enter="handleAddNewRule">
+      <a-modal
+        :title="$t('label.add.vms')"
+        :maskClosable="false"
+        :closable="true"
+        v-model="addVmModalVisible"
+        class="vm-modal"
+        width="60vw"
+        :footer="null"
+      >
+        <div>
+          <span
+            v-if="'vpcid' in resource && !('associatednetworkid' in resource)">
+            <strong>{{ $t('label.select.tier') }} </strong>
             <a-select
-              style="display: block"
-              v-else-if="!addVmModalNicLoading && newRule.virtualmachineid[index] === record.id"
-              mode="multiple"
-              v-model="newRule.vmguestip[index]"
+              :autoFocus="'vpcid' in resource && !('associatednetworkid' in resource)"
+              v-model="selectedTier"
+              @change="fetchVirtualMachines()"
+              :placeholder="$t('label.select.tier')"
               showSearch
               optionFilterProp="children"
               :filterOption="(input, option) => {
                 return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
               }" >
-              <a-select-option v-for="(nic, nicIndex) in nics[index]" :key="nic" :value="nic">
-                {{ nic }}{{ nicIndex === 0 ? ` (${$t('label.primary')})` : null }}
+              <a-select-option
+                v-for="tier in tiers.data"
+                :loading="tiers.loading"
+                :key="tier.id">
+                {{ tier.displaytext }}
               </a-select-option>
             </a-select>
-          </div>
+          </span>
+          <a-input-search
+            :autoFocus="!('vpcid' in resource && !('associatednetworkid' in resource))"
+            class="input-search"
+            :placeholder="$t('label.search')"
+            v-model="searchQuery"
+            allowClear
+            @search="onSearch" />
+          <a-table
+            size="small"
+            class="list-view"
+            :loading="addVmModalLoading"
+            :columns="vmColumns"
+            :dataSource="vms"
+            :pagination="false"
+            :rowKey="record => record.id"
+            :scroll="{ y: 300 }">
+            <div slot="name" slot-scope="text, record, index">
+              <span>
+                {{ text }}
+              </span>
+              <a-icon v-if="addVmModalNicLoading" type="loading"></a-icon>
+              <a-select
+                style="display: block"
+                v-else-if="!addVmModalNicLoading && newRule.virtualmachineid[index] === record.id"
+                mode="multiple"
+                v-model="newRule.vmguestip[index]"
+                showSearch
+                optionFilterProp="children"
+                :filterOption="(input, option) => {
+                  return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+                }" >
+                <a-select-option v-for="(nic, nicIndex) in nics[index]" :key="nic" :value="nic">
+                  {{ nic }}{{ nicIndex === 0 ? ` (${$t('label.primary')})` : null }}
+                </a-select-option>
+              </a-select>
+            </div>
 
-          <div slot="state" slot-scope="text">
-            <status :text="text ? text : ''" displayText></status>
-          </div>
+            <div slot="state" slot-scope="text">
+              <status :text="text ? text : ''" displayText></status>
+            </div>
 
-          <div slot="action" slot-scope="text, record, index" style="text-align: center">
-            <a-checkbox :value="record.id" @change="e => fetchNics(e, index)" />
-          </div>
-        </a-table>
-        <a-pagination
-          class="pagination"
-          size="small"
-          :current="vmPage"
-          :pageSize="vmPageSize"
-          :total="vmCount"
-          :showTotal="total => `${$t('label.total')} ${total} ${$t('label.items')}`"
-          :pageSizeOptions="['10', '20', '40', '80', '100']"
-          @change="handleChangeVmPage"
-          @showSizeChange="handleChangeVmPageSize"
-          showSizeChanger>
-          <template slot="buildOptionText" slot-scope="props">
-            <span>{{ props.value }} / {{ $t('label.page') }}</span>
-          </template>
-        </a-pagination>
-      </div>
+            <div slot="action" slot-scope="text, record, index" style="text-align: center">
+              <a-checkbox :value="record.id" @change="e => fetchNics(e, index)" />
+            </div>
+          </a-table>
+          <a-pagination
+            class="pagination"
+            size="small"
+            :current="vmPage"
+            :pageSize="vmPageSize"
+            :total="vmCount"
+            :showTotal="total => `${$t('label.total')} ${total} ${$t('label.items')}`"
+            :pageSizeOptions="['10', '20', '40', '80', '100']"
+            @change="handleChangeVmPage"
+            @showSizeChange="handleChangeVmPageSize"
+            showSizeChanger>
+            <template slot="buildOptionText" slot-scope="props">
+              <span>{{ props.value }} / {{ $t('label.page') }}</span>
+            </template>
+          </a-pagination>
+        </div>
 
-      <div :span="24" class="action-button">
-        <a-button @click="closeModal">{{ $t('label.cancel') }}</a-button>
-        <a-button :disabled="newRule.virtualmachineid === []" type="primary" @click="handleAddNewRule">{{ $t('label.ok') }}</a-button>
-      </div>
-    </a-modal>
+        <div :span="24" class="action-button">
+          <a-button @click="closeModal">{{ $t('label.cancel') }}</a-button>
+          <a-button :disabled="newRule.virtualmachineid === []" type="primary" @click="handleAddNewRule">{{ $t('label.ok') }}</a-button>
+        </div>
+      </a-modal>
+    </div>
 
     <bulk-action-view
       v-if="showConfirmationAction || showGroupActionModal"
diff --git a/ui/src/views/offering/AddNetworkOffering.vue b/ui/src/views/offering/AddNetworkOffering.vue
index d114ceb269fd..b5ab62578de6 100644
--- a/ui/src/views/offering/AddNetworkOffering.vue
+++ b/ui/src/views/offering/AddNetworkOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"
diff --git a/ui/src/views/offering/AddVpcOffering.vue b/ui/src/views/offering/AddVpcOffering.vue
index 51a406522924..34c1f011d4c1 100644
--- a/ui/src/views/offering/AddVpcOffering.vue
+++ b/ui/src/views/offering/AddVpcOffering.vue
@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div class="form-layout" v-ctrl-enter="handleSubmit">
+  <div class="form-layout" @keyup.ctrl.enter="handleSubmit">
     <a-spin :spinning="loading">
       <a-form
         :form="form"