Updating hard-coded values with template part 3

frontend/components/containers/annotation/ApproveButton.vue

@@ -17,8 +17,8 @@
         </v-icon>
       </v-btn>
     </template>
-    <span v-if="approved">Checked</span>
-    <span v-else>Not checked</span>
+    <span v-if="approved">{{ $t('annotation.checkedTooltip') }}</span>
+    <span v-else>{{ $t('annotation.notCheckedTooltip') }}</span>
   </v-tooltip>
 </template>
 

frontend/components/containers/annotation/FilterButton.vue

@@ -14,7 +14,7 @@
             </v-icon>
           </v-btn>
         </template>
-        <span>Select a filter</span>
+        <span>{{ $t('annotation.selectFilterTooltip') }}</span>
       </v-tooltip>
     </template>
     <v-list>

frontend/components/containers/annotation/GuidelineButton.vue

@@ -14,7 +14,7 @@
           </v-icon>
         </v-btn>
       </template>
-      <span>Show guideline</span>
+      <span>{{ $t('annotation.guidelineTooltip') }}</span>
     </v-tooltip>
     <v-dialog
       v-model="dialog"

frontend/components/containers/documents/DocumentDeletionButton.vue

@@ -16,8 +16,8 @@
         :items="selected"
         :title="$t('dataset.deleteDocumentsTitle')"
         :message="$t('dataset.deleteDocumentsMessage')"
-        :buttonTrueText="$t('generic.yes')"
-        :buttonFalseText="$t('generic.cancel')"
+        :button-true-text="$t('generic.yes')"
+        :button-false-text="$t('generic.cancel')"
         item-key="text"
         @ok="deleteDocument($route.params.id);dialog=false"
         @cancel="dialog=false"

frontend/components/containers/members/MemberDeletionButton.vue

@@ -4,8 +4,8 @@
     :items="selected"
     :title="$t('members.removeMember')"
     :message="$t('members.removePrompt')"
-    :buttonTrueText="$t('generic.yes')"
-    :buttonFalseText="$t('generic.cancel')"
+    :button-true-text="$t('generic.yes')"
+    :button-false-text="$t('generic.cancel')"
     item-key="username"
     @ok="handleRemoveMember()"
   />

frontend/components/containers/projects/ProjectCreationButton.vue

@@ -1,7 +1,7 @@
 <template>
   <base-modal
     :is-create="true"
-    text="Create"
+    :text="$t('generic.create')"
   >
     <template v-slot="slotProps">
       <project-creation-form

frontend/components/containers/projects/ProjectDeletionButton.vue

@@ -4,8 +4,8 @@
     :items="selected"
     :title="$t('overview.deleteProjectTitle')"
     :message="$t('overview.deleteProjectMessage')"
-    :buttonTrueText="$t('generic.yes')"
-    :buttonFalseText="$t('generic.cancel')"
+    :button-true-text="$t('generic.yes')"
+    :button-false-text="$t('generic.cancel')"
     item-key="name"
     @ok="handleDeleteProject"
   />

frontend/components/organisms/annotation/MetadataBox.vue

@@ -4,6 +4,7 @@
     :items="metaArray"
     item-key="key"
     hide-default-footer
+    :no-data-text="$t('vuetify.noDataAvailable')"
     disable-pagination
     class="elevation-1"
   />
@@ -23,13 +24,13 @@ export default {
     return {
       headers: [
         {
-          text: 'Key',
+          text: this.$t('annotation.key'),
           align: 'left',
           value: 'key',
           sortable: false
         },
         {
-          text: 'Value',
+          text: this.$t('annotation.value'),
           align: 'left',
           value: 'value',
           sortable: false

frontend/components/organisms/documents/DocumentExportForm.vue

@@ -12,7 +12,7 @@
         ref="form"
         v-model="valid"
       >
-        <h2>Select a file format</h2>
+        <h2>{{ $t('dataset.importDataMessage1') }}</h2>
         <v-radio-group
           v-model="selectedFormat"
           :rules="fileFormatRules($t('rules.fileFormatRules'))"

frontend/components/organisms/labels/LabelCreationForm.vue

@@ -18,8 +18,7 @@
           type="error"
           dismissible
         >
-          The label could not be created.
-          You cannot use same label name or shortcut key.
+          {{ $t('errors.labelCannotCreate') }}
         </v-alert>
         <v-text-field
           v-model="labelName"

frontend/components/organisms/layout/TheHeader.vue

@@ -73,7 +73,7 @@
           text
           v-on="on"
         >
-          Demo
+          {{ $t('home.demoDropDown') }}
           <v-icon>mdi-menu-down</v-icon>
         </v-btn>
       </template>
@@ -92,7 +92,7 @@
       outlined
       @click="$router.push(localePath('/auth'))"
     >
-      Sign in
+      {{ $t('user.login') }}
     </v-btn>
     <v-menu
       v-if="isAuthenticated"
@@ -132,10 +132,10 @@ export default {
   data() {
     return {
       items: [
-        { title: 'Named Entity Recognition', link: 'named-entity-recognition' },
-        { title: 'Sentiment Analysis', link: 'sentiment-analysis' },
-        { title: 'Translation', link: 'translation' },
-        { title: 'Text to SQL', link: 'text-to-sql' }
+        { title: this.$t('home.demoNER'), link: 'named-entity-recognition' },
+        { title: this.$t('home.demoSent'), link: 'sentiment-analysis' },
+        { title: this.$t('home.demoTranslation'), link: 'translation' },
+        { title: this.$t('home.demoTextToSQL'), link: 'text-to-sql' }
       ]
     }
   },