ayanova/src/views/login.vue

@@ -1,5 +1,16 @@
 <template>
   <v-row align="center" justify="center" class="mx-auto mt-sm-12 mb-8">
+    <!-- <v-row>
+      <v-col cols="1" offset="5">
+        <v-select
+          v-model="selectedTranslation"
+          :items="selectLists.translations"
+          item-text="name"
+          item-value="value"
+        >
+        </v-select>
+      </v-col>
+    </v-row> -->
     <v-col cols="12" offset-md="4">
       <form>
         <v-row>
@@ -20,6 +31,19 @@
           <v-col cols="12" md="7" v-if="formState.errorBoxMessage">
             <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
           </v-col>
+
+          <v-col cols="12">
+            <v-col cols="12" md="1">
+              <v-select
+                v-model="selectedTranslation"
+                :items="selectLists.translations"
+                item-text="name"
+                item-value="value"
+              >
+              </v-select>
+            </v-col>
+          </v-col>
+
           <v-col cols="12" md="7" v-if="trialMode">
             <v-select
               v-model="selectedTrialUserId"
@@ -41,7 +65,7 @@
               id="username"
               v-model="input.username"
               prepend-icon="fa-user"
-              label="User"
+              :label="userLabel"
               autofocus
               autocomplete="off"
               autocorrect="off"
@@ -59,7 +83,7 @@
               v-model="input.password"
               :append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
               prepend-icon="fa-key"
-              label="Password"
+              :label="passwordLabel"
               :type="reveal ? 'text' : 'password'"
               :error="errorBadCreds"
               v-on:keyup.enter="login"
@@ -99,8 +123,17 @@ export default {
       reveal: false,
       formState: { errorBoxMessage: null },
       trialMode: false,
+      userLabel: "User",
+      passwordLabel: "Password",
+      selectedTranslation: "en",
       selectedTrialUserId: 1,
       selectLists: {
+        translations: [
+          { name: "English", value: "en" },
+          { name: "Español", value: "es" },
+          { name: "Deutsch", value: "de" },
+          { name: "Français", value: "fr" }
+        ],
         trialUsers: [
           {
             name: "AyaNova administrator - all",
@@ -234,7 +267,14 @@ export default {
         //squash it, this isn't critical
       });
   },
-  computed: {},
+  watch: {
+    selectedTranslation(val) {
+      console.log(val);
+    },
+    value() {
+      this.date = this.value; //always in UTC
+    }
+  },
   methods: {
     trialUserSelected(item) {
       this.input.password = item.p;