ui: Show domain path instead of name (#4949)

ui/src/components/view/DedicateDomain.vue

@@ -23,7 +23,7 @@
         <p class="required required-label">{{ $t('label.required') }}</p>
         <a-select style="width: 100%" @change="handleChangeDomain" v-model="domainId">
           <a-select-option v-for="(domain, index) in domainsList" :value="domain.id" :key="index">
-            {{ domain.name }}
+            {{ domain.path || domain.name || domain.description }}
           </a-select-option>
         </a-select>
       </a-spin>

ui/src/views/compute/AssignInstance.vue

@@ -39,7 +39,7 @@
         <p class="form__label"><span class="required">*</span>{{ $t('label.domain') }}</p>
         <a-select @change="changeDomain" v-model="selectedDomain" :defaultValue="selectedDomain">
           <a-select-option v-for="domain in domains" :key="domain.name" :value="domain.id">
-            {{ domain.path }}
+            {{ domain.path || domain.name || domain.description }}
           </a-select-option>
         </a-select>
       </div>

ui/src/views/compute/CreateSSHKeyPair.vue

@@ -49,7 +49,7 @@
             :placeholder="apiParams.domainid.description"
             @change="val => { this.handleDomainChanged(this.domains[val]) }">
             <a-select-option v-for="(opt, optIndex) in this.domains" :key="optIndex">
-              {{ opt.name || opt.description }}
+              {{ opt.path || opt.name || opt.description }}
             </a-select-option>
           </a-select>
         </a-form-item>

ui/src/views/iam/AddAccount.vue

@@ -145,7 +145,7 @@
               rules: [{ required: true, message: $t('message.error.select') }] }]"
             :placeholder="apiParams.domainid.description">
             <a-select-option v-for="domain in domainsList" :key="domain.id">
-              {{ domain.name }}
+              {{ domain.path || domain.name || domain.description }}
             </a-select-option>
           </a-select>
         </a-form-item>

ui/src/views/iam/AddUser.vue

@@ -125,7 +125,7 @@
             v-decorator="['domainid']"
             :placeholder="apiParams.domainid.description">
             <a-select-option v-for="domain in domainsList" :key="domain.id">
-              {{ domain.name }}
+              {{ domain.path || domain.name || domain.description }}
             </a-select-option>
           </a-select>
         </a-form-item>

ui/src/views/infra/network/DedicatedVLANTab.vue

@@ -92,7 +92,7 @@
                 rules: [{ required: true, message: `${$t('label.required')}` }]
               }]"
             >
-              <a-select-option v-for="domain in domains" :key="domain.id" :value="domain.id">{{ domain.name }}</a-select-option>
+              <a-select-option v-for="domain in domains" :key="domain.id" :value="domain.id">{{ domain.path || domain.name || domain.description }}</a-select-option>
             </a-select>
           </a-form-item>
 

ui/src/views/infra/network/IpRangesTabPublic.vue

@@ -125,7 +125,7 @@
             <a-select-option
               v-for="domain in domains"
               :key="domain.id"
-              :value="domain.id">{{ domain.name }}
+              :value="domain.id">{{ domain.path || domain.name || domain.description }}
             </a-select-option>
           </a-select>
         </div>
@@ -187,7 +187,7 @@
                 <a-select-option
                   v-for="domain in domains"
                   :key="domain.id"
-                  :value="domain.id">{{ domain.name }}
+                  :value="domain.id">{{ domain.path || domain.name || domain.description }}
                 </a-select-option>
               </a-select>
             </a-form-item>

ui/src/views/network/CreateIsolatedNetworkForm.vue

@@ -97,7 +97,7 @@
               :placeholder="this.$t('label.domainid')"
               @change="val => { this.handleDomainChange(this.domains[val]) }">
               <a-select-option v-for="(opt, optIndex) in this.domains" :key="optIndex">
-                {{ opt.name || opt.description }}
+                {{ opt.path || opt.name || opt.description }}
               </a-select-option>
             </a-select>
           </a-form-item>

ui/src/views/network/CreateL2NetworkForm.vue

@@ -97,7 +97,7 @@
               :placeholder="this.$t('label.domainid')"
               @change="val => { this.handleDomainChange(this.domains[val]) }">
               <a-select-option v-for="(opt, optIndex) in this.domains" :key="optIndex">
-                {{ opt.name || opt.description }}
+                {{ opt.path || opt.name || opt.description }}
               </a-select-option>
             </a-select>
           </a-form-item>

ui/src/views/network/CreateSharedNetworkForm.vue

@@ -207,7 +207,7 @@
               :placeholder="this.$t('label.domainid')"
               @change="val => { this.handleDomainChange(this.domains[val]) }">
               <a-select-option v-for="(opt, optIndex) in this.domains" :key="optIndex">
-                {{ opt.name || opt.description }}
+                {{ opt.path || opt.name || opt.description }}
               </a-select-option>
             </a-select>
           </a-form-item>