ayanova/src/views/ay-evaluate.vue

@@ -19,12 +19,17 @@
             <div class="text-h5 mt-8 mb-2">
               {{ $ay.t("GenerateSampleData") }}
             </div>
-            alert info if insufficient rights to generate "You must be logged in
-            as the SuperUser account to do this"
+            <v-col cols="12" sm="6">
+              alert info if insufficient rights to generate "You must be logged
+              in as the SuperUser account to do this"
+            </v-col>
             <v-col cols="12" sm="6">
               <v-select
-                v-model="seedLevel"
+                v-model="obj.seedLevel"
                 :items="selectLists.seedLevels"
+                :rules="[form().required(this, 'seedLevel')]"
+                @input="fieldValueChanged('seedLevel')"
+                ref="seedLevel"
                 item-text="name"
                 item-value="id"
                 :readonly="formState.readOnly"
@@ -32,16 +37,17 @@
               ></v-select>
             </v-col>
             <v-col cols="12" sm="6">
-              {{ timeZoneOffset }}
-              <v-select
-                v-model="seedLevel"
-                :items="selectLists.seedLevels"
-                item-text="name"
-                item-value="id"
+              <v-text-field
+                v-model="obj.timeZoneOffset"
                 :readonly="formState.readOnly"
-                :label="$ay.t('TimeZoneOffset')"
-              ></v-select>
+                :rules="[form().decimalValid(this, 'timeZoneOffset')]"
+                :label="$ay.t('UserTimeZoneOffset')"
+                type="number"
+                ref="timeZoneOffset"
+                @input="fieldValueChanged('timeZoneOffset')"
+              ></v-text-field>
             </v-col>
+
             <v-col cols="12">
               <v-btn
                 :disabled="formState.readOnly"
@@ -68,10 +74,8 @@ export default {
     let vm = this;
     initForm(vm)
       .then(() => {
-        vm.timeZoneOffset =
+        vm.obj.timeZoneOffset =
           Math.floor(new Date().getTimezoneOffset() / 60) * -1;
-
-        console.log(window.$gz.DateTime.LocalZone);
         //get rights to generate sample data and erase db I guess
         vm.rights = window.$gz.role.getRights(window.$gz.type.TrialSeeder);
         generateMenu(vm);
@@ -94,8 +98,10 @@ export default {
       selectLists: {
         seedLevels: []
       },
-      seedLevel: null,
-      timeZoneOffset: 0,
+      obj: {
+        seedLevel: null,
+        timeZoneOffset: 0
+      },
       formState: {
         ready: false,
         dirty: false,
@@ -111,6 +117,14 @@ export default {
   },
 
   methods: {
+    form() {
+      return window.$gz.form;
+    },
+    fieldValueChanged(ref) {
+      if (!this.formState.loading && !this.formState.readOnly) {
+        window.$gz.form.fieldValueChanged(this, ref);
+      }
+    },
     helpEvaluate() {
       window.$gz.eventBus.$emit("menu-click", {
         key: "app:help",
@@ -156,7 +170,7 @@ export default {
 
         //call seed route
         await window.$gz.api.upsertEx(
-          `trial/seed/${vm.seedLevel}/${vm.timeZoneOffset}`
+          `trial/seed/${vm.obj.seedLevel}/${vm.obj.timeZoneOffset}`
         );
         //ideally some kind of job checking ui showing feedback would be nice
       } catch (error) {
@@ -234,7 +248,8 @@ function fetchTranslatedText(vm) {
     "SeedLevelHuge",
     "StartSeeding",
     "AdminEraseDatabaseWarning",
-    "AdminEraseDatabaseLastWarning"
+    "AdminEraseDatabaseLastWarning",
+    "UserTimeZoneOffset"
   ]);
 }