18522 - UI updates.

bcgov · Nov 20, 2023 · 5013c57 · 5013c57
1 parent 83fc2e6
commit 5013c57
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/...rc/components/auth/manage-business/manage-business-dialog/AccountAuthorizationRequest.vue b/...rc/components/auth/manage-business/manage-business-dialog/AccountAuthorizationRequest.vue
@@ -26,10 +26,19 @@
         :disabled="accounts.length < 2"
         class="business-identifier mb-n2"
         :items="accounts"
-        item-text="name"
         item-value="uuid"
         @change="emitSelected"
-      />
+      >
+        <template v-slot:selection="data">
+          <!-- HTML that describe how select should render selected items -->
+          <span v-if="data.item.branchName">{{ data.item.name }} - {{ data.item.branchName }}</span>
+          <span v-else>{{ data.item.name }}</span>
+        </template>
+        <template  v-slot:item="data">
+          <span v-if="data.item.branchName">{{ data.item.name }} - {{ data.item.branchName }}</span>
+          <span v-else>{{ data.item.name }}</span>
+        </template>
+      </v-select>
       <span>You can add a message that will be included as part of your authorization request. </span>
       <v-textarea
         id="account-authorization-request-additional-message-textarea"