From 3a2c82c789db114cf80f74953841fe18c6d2ee8c Mon Sep 17 00:00:00 2001
From: Alf Sebastian Houge <git@alfhouge.no>
Date: Sun, 5 Feb 2023 00:39:21 +0100
Subject: [PATCH] Fix warnings and translation errors in user creator

---
 ui/src/router/views/users.vue | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/ui/src/router/views/users.vue b/ui/src/router/views/users.vue
index 4fc7cd4..6c76211 100644
--- a/ui/src/router/views/users.vue
+++ b/ui/src/router/views/users.vue
@@ -138,13 +138,13 @@ export default {
       <div v-if="showUserForm" class="box content">
         <h1 class="title">{{ $t('createnewuser') }}</h1>
         <form @submit.prevent="register">
-          <b-field :label="this.$t('name')">
+          <b-field :label="$t('name')">
             <b-input v-model="registerModel.name" required></b-input>
           </b-field>
-          <b-field :label="this.$t('email')">
+          <b-field :label="$t('email')">
             <b-input v-model="registerModel.email" type="email" required></b-input>
           </b-field>
-          <b-field :label="this.$t('password')">
+          <b-field :label="$t('password')">
             <b-input
               v-model="registerModel.password"
               type="password"
@@ -153,24 +153,24 @@ export default {
               password-reveal
             ></b-input>
           </b-field>
-          <b-field :label="this.$t('role')">
-            <b-select v-model.number="registerModel.role" :placeholder="this.$t('placeholder')" required expanded>
+          <b-field :label="$t('role')">
+            <b-select v-model.number="registerModel.role" :placeholder="$t('role')" required expanded>
               <option v-for="(option, key) in roleMasters" :key="key" :value="key">
-                {{ `test` }}
+                {{ `${option.key}` }}
               </option>
             </b-select>
           </b-field>
-          <b-field :label="this.$t('currency')">
-            <b-select v-model="registerModel.currency" :placeholder="this.$t('currency')" required expanded>
+          <b-field :label="$t('currency')">
+            <b-select v-model="registerModel.currency" :placeholder="$t('currency')" required expanded>
               <option v-for="option in currencyMasters" :key="option.code" :value="option.code">
                 {{ `${option.namePlural} (${option.code})` }}
               </option>
             </b-select>
           </b-field>
-          <b-field :label="this.$t('distanceunit')">
+          <b-field :label="$t('distanceunit')">
             <b-select
               v-model.number="registerModel.distanceUnit"
-              :placeholder="this.$t('distanceunit')"
+              :placeholder="$t('distanceunit')"
               required
               expanded
             >
@@ -181,23 +181,23 @@ export default {
           </b-field>
           <br />
           <div class="buttons">
-            <b-button type="is-primary" native-type="submit" tag="input" :value="this.$t('save')"></b-button>
+            <b-button type="is-primary" native-type="submit" tag="input" :value="$t('save')"></b-button>
 
             <b-button type="is-danger is-light" @click="resetUserForm">{{ $t('cancel') }}</b-button>
           </div>
         </form>
       </div>
       <b-table :data="users" hoverable mobile-cards detail-key="id" paginated per-page="10" :row-class="(row, index) => row.isDisabled && 'is-disabled'">
-        <b-table-column v-slot="props" field="name" :label="this.$t('name')">
+        <b-table-column v-slot="props" field="name" :label="$t('name')">
           {{ `${props.row.name}` }} <template v-if="props.row.id === user.id">({{ $t('you') }})</template>
         </b-table-column>
-        <b-table-column v-slot="props" field="email" :label="this.$t('email')">
+        <b-table-column v-slot="props" field="email" :label="$t('email')">
           {{ `${props.row.email}` }}
         </b-table-column>
-        <b-table-column v-slot="props" field="role" :label="this.$t('role')">
+        <b-table-column v-slot="props" field="role" :label="$t('role')">
           {{ `${$t('roles.' + props.row.roleDetail.key)}` }}
         </b-table-column>
-        <b-table-column v-slot="props" field="createdAt" :label="this.$t('created')" sortable date>
+        <b-table-column v-slot="props" field="createdAt" :label="$t('created')" sortable date>
           {{ formatDate(props.row.createdAt) }}
         </b-table-column>
          <b-table-column v-slot="props">