[cloudstack] branch main updated: ui: Fix uploadCustomCertificate form in infraSummary view (#6248)

[nv...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

nvazquez pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack.git


The following commit(s) were added to refs/heads/main by this push:
     new 6ec013718a0 ui: Fix uploadCustomCertificate form in infraSummary view (#6248)
6ec013718a0 is described below

commit 6ec013718a0c7b64e69847e5c2ed61ffcc7656b7
Author: Pearl Dsilva <pe...@gmail.com>
AuthorDate: Tue Apr 12 21:50:19 2022 +0530

    ui: Fix uploadCustomCertificate form in infraSummary view (#6248)
    
    * ui: Fix uploadCustomCertificate form in infraSummary view
    
    * vertical form layout
    
    * align buttons
    
    * update form rules
---
 ui/src/views/infra/InfraSummary.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/src/views/infra/InfraSummary.vue b/ui/src/views/infra/InfraSummary.vue
index 3bb16f49467..8b6278b276a 100644
--- a/ui/src/views/infra/InfraSummary.vue
+++ b/ui/src/views/infra/InfraSummary.vue
@@ -49,6 +49,7 @@
               {{ $t('message.update.ssl') }}
             </p>
             <a-form
+              layout="vertical"
               :ref="formRef"
               :model="form"
               :rules="rules"
@@ -109,7 +110,7 @@
                 ></a-textarea>
               </a-form-item>
 
-              <a-form-item name="pkcsKey" ref="pkcsKey" :required="true">
+              <a-form-item name="pkcs" ref="pkcs" :required="true">
                 <template #label>
                   <tooltip-label :title="$t('label.pkcs.private.certificate')" :tooltip="apiParams.privatekey.description" tooltipPlacement="bottom"/>
                 </template>
@@ -133,15 +134,14 @@
                   v-model:value="form.dns"
                 ></a-input>
               </a-form-item>
-
-              <a-form-item class="controls">
+              <div :span="24" class="action-button">
                 <a-button @click="sslModalClose" class="close-button">
                   {{ $t('label.cancel' ) }}
                 </a-button>
-                <a-button type="primary" ref="submit" :loading="sslFormSubmitting">
+                <a-button type="primary" ref="submit" :loading="sslFormSubmitting" @click="handleSslFormSubmit">
                   {{ $t('label.submit' ) }}
                 </a-button>
-              </a-form-item>
+              </div>
             </a-form>
           </a-modal>
         </a-col>
@@ -207,7 +207,7 @@ export default {
       this.rules = reactive({
         root: [{ required: true, message: this.$t('label.required') }],
         server: [{ required: true, message: this.$t('label.required') }],
-        pkcsKey: [{ required: true, message: this.$t('label.required') }],
+        pkcs: [{ required: true, message: this.$t('label.required') }],
         dns: [{ required: true, message: this.$t('label.required') }]
       })
     },