ui fixes

Signed-off-by: Abhishek Kumar <[email protected]>

Author: shwstppr

ui/public/locales/en.json

@@ -3685,6 +3685,7 @@
 "message.success.delete.acl.rule": "Successfully removed ACL rule",
 "message.success.delete.backup.schedule": "Successfully deleted configure Instance backup schedule",
 "message.success.delete.bgp.peer": "Successfully deleted BGP peer",
+"message.success.delete.custom.action": "Successfully deleted Custom Action",
 "message.success.delete.icon": "Successfully deleted icon of",
 "message.success.delete.interface.static.route": "Successfully removed interface Static Route",
 "message.success.delete.ipv4.subnet": "Successfully removed IPv4 subnet",

ui/src/components/view/DetailsTab.vue

@@ -176,9 +176,9 @@
           <div>{{ dataResource[item].rbd_default_data_pool }}</div>
         </div>
       </a-list-item>
-      <a-list-item v-else-if="item === 'details' && ['xaas'].includes($route.meta.name)">
+      <a-list-item v-else-if="item === 'details' && ['xaas', 'extca'].includes($route.meta.name) && dataResource[item] && Object.keys(dataResource[item]).length > 0">
         <div>
-          <strong>{{ $t('label.' + String(item).toLowerCase()) }}</strong>
+          <strong>{{ $t('label.configuration.details') }}</strong>
           <br/>
           <div>
             <object-list-table :data-map="dataResource[item]" />

ui/src/components/view/ListView.vue

@@ -277,7 +277,7 @@
         <status :text="text ? text : ''" displayText />
       </template>
       <template v-if="column.key === 'entrypoint'">
-        {{ text ? text.replace('/home/abhishek/lab/shapeblue/cloudstack', '/var/lib/cloudstack/management') : '' }}
+        {{ text }}
       </template>
       <template v-if="column.key === 'entrypointstate'">
         <status :text="text ? text : ''" displayText :styles="{ 'min-width': '80px' }" />

ui/src/components/widgets/DetailsInput.vue

@@ -89,7 +89,7 @@ export default {
       columns: [
         { title: this.$t('label.key'), dataIndex: 'key', key: 'key', width: '40%' },
         { title: this.$t('label.value'), dataIndex: 'value', key: 'value', width: '40%' },
-        { title: this.$t('label.actions'), key: 'action', width: '20%' }
+        { title: this.$t('label.actions'), key: 'actions', width: '20%' }
       ],
       newKey: '',
       newValue: '',

ui/src/views/extension/AddCustomAction.vue

@@ -42,16 +42,16 @@
         </template>
         <a-input
           v-model:value="form.name"
-          :placeholder="apiParams.name.description" />
+          :placeholder="apiParams.name.description"
+          v-focus="true" />
       </a-form-item>
       <a-form-item name="description" ref="description">
         <template #label>
           <tooltip-label :title="$t('label.description')" :tooltip="apiParams.description.description"/>
         </template>
         <a-input
           v-model:value="form.description"
-          :placeholder="apiParams.description.description"
-          v-focus="true" />
+          :placeholder="apiParams.description.description" />
       </a-form-item>
       <a-form-item ref="allowedroletypes" name="allowedroletypes">
         <template #label>

ui/src/views/extension/ParametersInput.vue

@@ -112,9 +112,6 @@
       class="table"
     >
       <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'valueoptions'">
-          {{ Array.isArray(record.valueoptions) ? record.valueoptions.join(',') : record.valueoptions }}
-        </template>
         <template v-if="column.key === 'actions'">
           <template v-if="record.editing">
             <div class="flex-gap">
@@ -154,6 +151,9 @@
 
         <template v-else>
           <template v-if="column.key === 'required'">{{ record.required ? 'Yes' : 'No' }}</template>
+          <template v-else-if="column.key === 'valueoptions'">
+            {{ Array.isArray(record.valueoptions) ? record.valueoptions.join(',') : record.valueoptions }}
+          </template>
           <template v-else>{{ record[column.key] }}</template>
         </template>
       </template>
@@ -287,7 +287,7 @@ export default {
         name,
         type,
         validationformat,
-        valueoptions: Array.isArray(valueoptions) ? valueoptions.join(',') : null,
+        valueoptions: Array.isArray(valueoptions) ? valueoptions.join(',') : valueoptions,
         required
       }))
       this.$emit('update:value', data)

ui/src/views/extension/UpdateCustomAction.vue

@@ -180,7 +180,8 @@ export default {
         if (values.parameters && values.parameters.length > 0) {
           values.parameters.forEach((param, index) => {
             Object.keys(param).forEach(key => {
-              params['parameters[' + index + '].' + key] = param[key]
+              const val = param[key]
+              params['parameters[' + index + '].' + key] = Array.isArray(val) ? val.join(',') : val
             })
           })
         } else {