ui: Fix column names translation issue (#6025)

* ui: Fix column names translation issue

* update labels

Author: Pearl1594

ui/public/locales/en.json

@@ -444,9 +444,9 @@
 "label.annotated.by": "Annotator",
 "label.annotation": "Comment",
 "label.annotations": "Comments",
-"label.annotation.admins.only": "Only visible to Administrators",
-"label.annotation.entity": "Entity",
-"label.annotation.entity.type": "Entity Type",
+"label.adminsonly": "Only visible to Administrators",
+"label.entityid": "Entity",
+"label.entitytype": "Entity Type",
 "label.annotation.everyone": "Visible to everyone",
 "label.anti.affinity": "Anti-affinity",
 "label.anti.affinity.group": "Anti-affinity Group",

ui/src/components/view/AnnotationsTab.vue

@@ -39,7 +39,7 @@
               slot="avatar"
               icon="message" />
             <a-popconfirm
-              :title="$t('label.make') + ' ' + (item.adminsonly ? $t('label.annotation.everyone') : $t('label.annotation.admins.only')) + ' ?'"
+              :title="$t('label.make') + ' ' + (item.adminsonly ? $t('label.annotation.everyone') : $t('label.adminsonly')) + ' ?'"
               v-if="['Admin'].includes($store.getters.userInfo.roletype)"
               slot="actions"
               key="visibility"
@@ -52,7 +52,7 @@
                   color: item.adminsonly ? $config.theme['@primary-color'] : $config.theme['@disabled-color']
                 }]" />
               <span>
-                {{ item.adminsonly ? $t('label.annotation.admins.only') : $t('label.annotation.everyone') }}
+                {{ item.adminsonly ? $t('label.adminsonly') : $t('label.annotation.everyone') }}
               </span>
             </a-popconfirm>
           </a-comment>
@@ -100,7 +100,7 @@
             :value="annotation"
             :placeholder="$t('label.add.note')" />
           <a-checkbox @change="toggleNoteVisibility" v-if="['Admin'].includes(this.$store.getters.userInfo.roletype)" style="margin-top: 10px">
-            {{ $t('label.annotation.admins.only') }}
+            {{ $t('label.adminsonly') }}
           </a-checkbox>
           <a-button
             style="margin-top: 10px; float: right"

ui/src/components/view/SearchView.vue

@@ -51,7 +51,7 @@
                 :key="index"
                 :label="field.name==='keyword' ?
                   ('listAnnotations' in $store.getters.apis ? $t('label.annotation') : $t('label.name')) :
-                  (field.name==='entitytype' ? $t('label.annotation.entity.type') : $t('label.' + field.name))">
+                  (field.name==='entitytype' ? $t('label.entity.type') : $t('label.' + field.name))">
                 <a-select
                   allowClear
                   v-if="field.type==='list'"

ui/src/views/AutogenView.vue

@@ -82,7 +82,7 @@
                     slot="overlay" >
                     <a-menu-item v-for="(column, idx) in columnKeys" :key="idx" @click="updateSelectedColumns(column)">
                       <a-checkbox :id="idx.toString()" :checked="selectedColumns.includes(getColumnKey(column))"/>
-                      {{ $t('label.' + getColumnKey(column)) }}
+                      {{ $t('label.' + String(getColumnKey(column)).toLowerCase()) }}
                     </a-menu-item>
                   </a-menu>
                 </a-dropdown>
@@ -927,18 +927,6 @@ export default {
           })
         }
 
-        if (this.apiName === 'listAnnotations') {
-          this.columns.map(col => {
-            if (col.title === 'label.entityid') {
-              col.title = this.$t('label.annotation.entity')
-            } else if (col.title === 'label.entitytype') {
-              col.title = this.$t('label.annotation.entity.type')
-            } else if (col.title === 'label.adminsonly') {
-              col.title = this.$t('label.annotation.admins.only')
-            }
-          })
-        }
-
         for (let idx = 0; idx < this.items.length; idx++) {
           this.items[idx].key = idx
           for (const key in customRender) {