[cloudstack] branch 4.18 updated: ui: fix tags for security group rules (#7424)

[weizhou]

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

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


The following commit(s) were added to refs/heads/4.18 by this push:
     new c47554919c4 ui: fix tags for security group rules (#7424)
c47554919c4 is described below

commit c47554919c43e555d2e9f9f7ee4a468d0dc07dcb
Author: Abhishek Kumar <abhishek.mr...@gmail.com>
AuthorDate: Fri May 12 17:01:57 2023 +0530

    ui: fix tags for security group rules (#7424)
    
    Fixes #7412
    
    Signed-off-by: Abhishek Kumar <abhishek.mr...@gmail.com>
---
 ui/src/views/network/IngressEgressRuleConfigure.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/network/IngressEgressRuleConfigure.vue 
b/ui/src/views/network/IngressEgressRuleConfigure.vue
index 376625e16d0..c1e82a8f73d 100644
--- a/ui/src/views/network/IngressEgressRuleConfigure.vue
+++ b/ui/src/views/network/IngressEgressRuleConfigure.vue
@@ -136,11 +136,12 @@
       :closable="true"
       :afterClose="closeModal"
       :maskClosable="false"
+      class="tags-modal"
       @cancel="tagsModalVisible = false">
       <a-spin v-if="tagsLoading"></a-spin>
 
       <div v-else v-ctrl-enter="handleAddTag">
-        <a-form :ref="formRef" :model="form" :rules="rules" class="add-tags">
+        <a-form :ref="formRef" :model="form" :rules="formRules" 
class="add-tags">
           <div class="add-tags__input">
             <p class="add-tags__label">{{ $t('label.key') }}</p>
             <a-form-item ref="key" name="key">
@@ -155,7 +156,7 @@
               <a-input v-model:value="form.value" />
             </a-form-item>
           </div>
-          <a-button type="primary">{{ $t('label.add') }}</a-button>
+          <a-button :disabled="!('createTags' in $store.getters.apis)" 
type="primary" ref="submit" @click="handleAddTag">{{ $t('label.add') 
}}</a-button>
         </a-form>
 
         <a-divider style="margin-top: 0;" />
@@ -278,7 +279,7 @@ export default {
     initForm () {
       this.formRef = ref()
       this.form = reactive({})
-      this.rules = reactive({
+      this.formRules = reactive({
         key: [{ required: true, message: this.$t('message.specify.tag.key') }],
         value: [{ required: true, message: 
this.$t('message.specify.tag.value') }]
       })