add ref=submit missing in button (#5298)

Author: Hoang Nguyen

ui/src/components/view/DedicateModal.vue

@@ -30,7 +30,7 @@
       :error="domainError" />
     <div :span="24" class="action-button">
       <a-button @click="closeModal">{{ this.$t('label.cancel') }}</a-button>
-      <a-button type="primary" @click="handleDedicateForm">{{ this.$t('label.ok') }}</a-button>
+      <a-button type="primary" ref="submit" @click="handleDedicateForm">{{ this.$t('label.ok') }}</a-button>
     </div>
   </a-modal>
 </template>

ui/src/components/view/ResourceLimitTab.vue

@@ -44,6 +44,7 @@
           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>

ui/src/views/network/CreateSharedNetworkForm.vue

@@ -327,6 +327,7 @@
             <a-button
               :loading="actionLoading"
               type="primary"
+              ref="submit"
               @click="handleSubmit">
               {{ this.$t('label.ok') }}
             </a-button>

ui/src/views/network/CreateVlanIpRange.vue

@@ -143,6 +143,7 @@
             <a-button
               :loading="loading"
               type="primary"
+              ref="submit"
               @click="handleSubmit">
               {{ this.$t('label.ok') }}
             </a-button>

ui/src/views/network/CreateVpc.vue

@@ -84,7 +84,7 @@
       </a-form>
       <div :span="24" class="action-button">
         <a-button @click="closeAction">{{ this.$t('label.cancel') }}</a-button>
-        <a-button :loading="loading" type="primary" @click="handleSubmit">{{ this.$t('label.ok') }}</a-button>
+        <a-button :loading="loading" ref="submit" type="primary" @click="handleSubmit">{{ this.$t('label.ok') }}</a-button>
       </div>
     </a-spin>
   </div>

ui/src/views/network/FirewallRules.vue

@@ -48,7 +48,7 @@
           <a-input v-model="newRule.icmpcode"></a-input>
         </div>
         <div class="form__item" style="margin-left: auto;">
-          <a-button :disabled="!('createFirewallRule' in $store.getters.apis)" type="primary" @click="addRule">{{ $t('label.add') }}</a-button>
+          <a-button :disabled="!('createFirewallRule' in $store.getters.apis)" type="primary" ref="submit" @click="addRule">{{ $t('label.add') }}</a-button>
         </div>
       </div>
     </div>

ui/src/views/network/PortForwarding.vue

@@ -161,7 +161,7 @@
           </a-form-item>
         </div>
 
-        <a-button type="primary" @click="handleAddTag">{{ $t('label.add') }}</a-button>
+        <a-button type="primary" ref="submit" @click="handleAddTag">{{ $t('label.add') }}</a-button>
       </a-form>
 
       <a-divider></a-divider>
@@ -264,7 +264,7 @@
       </div>
       <div :span="24" class="action-button">
         <a-button @click="closeModal">{{ $t('label.cancel') }}</a-button>
-        <a-button type="primary" @click="addRule">{{ $t('label.ok') }}</a-button>
+        <a-button type="primary" ref="submit" @click="addRule">{{ $t('label.ok') }}</a-button>
       </div>
     </a-modal>
 

ui/src/views/network/VpcTiersTab.vue

@@ -218,7 +218,7 @@
           </a-alert>
           <div :span="24" class="action-button">
             <a-button @click="showCreateNetworkModal = false">{{ $t('label.cancel') }}</a-button>
-            <a-button type="primary" @click="handleAddNetworkSubmit">{{ $t('label.ok') }}</a-button>
+            <a-button type="primary" ref="submit" @click="handleAddNetworkSubmit">{{ $t('label.ok') }}</a-button>
           </div>
         </a-form>
       </a-spin>
@@ -274,7 +274,7 @@
 
           <div :span="24" class="action-button">
             <a-button @click="showAddInternalLB = false">{{ $t('label.cancel') }}</a-button>
-            <a-button type="primary" @click="handleAddInternalLBSubmit">{{ $t('label.ok') }}</a-button>
+            <a-button type="primary" ref="submit" @click="handleAddInternalLBSubmit">{{ $t('label.ok') }}</a-button>
           </div>
         </a-form>
       </a-spin>

ui/src/views/network/VpnDetails.vue

@@ -67,7 +67,7 @@
 
       <div class="actions">
         <a-button @click="() => enableVpn = false">{{ $t('label.cancel') }}</a-button>
-        <a-button type="primary" @click="handleCreateVpn">{{ $t('label.yes') }}</a-button>
+        <a-button type="primary" ref="submit" @click="handleCreateVpn">{{ $t('label.yes') }}</a-button>
       </div>
     </a-modal>
 

ui/src/views/offering/AddDiskOffering.vue

@@ -330,7 +330,7 @@
       </a-form>
       <div :span="24" class="action-button">
         <a-button @click="closeAction">{{ $t('label.cancel') }}</a-button>
-        <a-button :loading="loading" type="primary" @click="handleSubmit">{{ $t('label.ok') }}</a-button>
+        <a-button :loading="loading" ref="submit" type="primary" @click="handleSubmit">{{ $t('label.ok') }}</a-button>
       </div>
     </a-spin>
   </div>