Added: Human Readable to bridgehead

CHANGELOG.md

@@ -4,7 +4,7 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
-## [1.1.0 - 2024-10-11]
+## [1.1.0 - 2024-11-06]
 ### Added
 - Dockerfile
 - Single Spa
@@ -65,3 +65,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - VUE_APP_PUBLIC_PATH
 - Nginx conf
 - Config Loader
+- Human Readable to bridgehead

src/components/BridgeheadOverview.vue

@@ -23,7 +23,7 @@
           <!-- First row: bridgehead.bridgehead -->
           <div v-if="index === 0"
                @click="selectBridgehead(bridgeheadIndex)"
-          >{{ bridgehead.bridgehead }}</div>
+          >{{ bridgehead.humanReadable }}</div>
           <!-- Second row: existVotum -->
           <div v-else-if="index === 1">
             <div v-if="existsVotums.length > 0 && existsVotums[bridgeheadIndex]" class="exist-votum green">

src/components/DocumentsTable.vue

@@ -92,7 +92,7 @@ export default class DocumentsTable extends Vue {
         <td>{{ projectDocument.originalFilename }}</td>
         <td><a :href="projectDocument.url">{{ projectDocument.url }}</a></td>
         <td>{{ projectDocument.createdAt }}</td>
-        <td v-if="projectDocument.bridgehead != 'NONE'">{{ projectDocument.bridgehead }}</td>
+        <td v-if="projectDocument.bridgehead != 'NONE'">{{ projectDocument.humanReadableBridgehead }}</td>
         <td v-if="projectDocument.bridgehead === 'NONE'"></td>
         <td>{{ projectDocument.creatorEmail }}</td>
         <td>{{ projectDocument.type }}</td>

src/components/UserInput.vue

@@ -14,6 +14,7 @@ import {
 interface User {
   email: string;
   bridgehead: string;
+  humanReadableBridgehead: string | null;
   projectRole: string;
   projectState: string;
 }
@@ -128,7 +129,7 @@ export default class UserInput extends Vue {
     <div class="user-input-container">
       <select v-model="selectedBridgehead" class="form-select">
         <option v-for="bridgehead in bridgeheads" :key="bridgehead.bridgehead" :value="bridgehead"
-                :selected="bridgehead === selectedBridgehead">{{ bridgehead.bridgehead }}
+                :selected="bridgehead === selectedBridgehead">{{ bridgehead.humanReadable }}
         </option>
       </select>
       <div>
@@ -156,7 +157,7 @@ export default class UserInput extends Vue {
       <tbody>
       <tr v-for="(user, index) in currentUsers" :key="index">
         <td>{{ user.email }}</td>
-        <td v-if="bridgeheads.length > 0">{{ user.bridgehead }}</td>
+        <td v-if="bridgeheads.length > 0">{{ user.humanReadableBridgehead }}</td>
         <td>{{ user.projectState }}</td> <!-- Display user's state in the second column -->
       </tr>
       </tbody>

src/services/projectManagerBackendService.ts

@@ -157,6 +157,7 @@ export interface Notification {
     timestamp: Date | null;
     projectCode: string | null;
     bridgehead: string | null;
+    humanReadableBridgehead: string | null;
     operationType: string | null;
     details: string | null;
     error: string | null;
@@ -167,6 +168,7 @@ export interface Notification {
 export interface Bridgehead {
     projectCode: string;
     bridgehead: string;
+    humanReadable: string | null;
     state: string;
     modifiedAt: string;
     queryState: string;
@@ -178,6 +180,7 @@ export interface ProjectDocument {
     url: string;
     createdAt: string;
     bridgehead: string;
+    humanReadableBridgehead: string | null;
     creatorEmail: string;
     label: string;
     type: string;