ayanova/src/views/adm-users.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <gz-extensions
+    <!-- <gz-extensions
       :ayaType="ayType"
       :selectedItems="selectedItems"
       ref="extensions"
@@ -14,35 +14,142 @@
       :showSelect="rights.change"
       v-on:selection-change="handleSelected"
     >
-    </gz-data-table>
+    </gz-data-table> -->
+    <v-data-table
+      :headers="headers"
+      :items="obj"
+      class="elevation-1"
+      :disable-pagination="true"
+      :disable-filtering="true"
+      hide-default-footer
+    >
+      <template v-slot:item.active="{ item }">
+        <v-simple-checkbox v-model="item.active" disabled></v-simple-checkbox>
+      </template>
+    </v-data-table>
   </div>
 </template>
 
 <script>
 const FORM_KEY = "adm-users";
 export default {
-  created() {
-    this.rights = window.$gz.role.getRights(window.$gz.type.User);
-    window.$gz.eventBus.$on("menu-click", clickHandler);
-    generateMenu(this);
+  async created() {
+    let vm = this;
+    try {
+      await initForm(vm);
+
+      vm.rights = window.$gz.role.getRights(window.$gz.type.User);
+      vm.formState.readOnly = !vm.rights.change;
+      vm.formState.ready = true;
+      window.$gz.eventBus.$on("menu-click", clickHandler);
+      await vm.getDataFromApi();
+      vm.formState.loading = false;
+    } catch (err) {
+      vm.formState.ready = true;
+      window.$gz.errorHandler.handleFormError(err, vm);
+    }
   },
+
   beforeDestroy() {
     window.$gz.eventBus.$off("menu-click", clickHandler);
   },
   data() {
     return {
-      currentListViewId: 1,
-      dataListKey: "UserDataList",
-      dataListFilter: "",
-      dataListSort: "",
+      obj: [],
+      headers: [],
+      formState: {
+        ready: false,
+        loading: true,
+        errorBoxMessage: null,
+        appError: null,
+        serverError: {}
+      },
       rights: window.$gz.role.defaultRightsObject(),
-      ayType: window.$gz.type.User,
-      selectedItems: []
+      availableRoles: [],
+      //cache display format stuff
+      timeZoneName: window.$gz.locale.getBrowserTimeZoneName(),
+      languageName: window.$gz.locale.getBrowserLanguages(),
+      hour12: window.$gz.locale.getHour12()
     };
   },
   methods: {
-    handleSelected(selected) {
-      this.selectedItems = selected;
+    rolesDisplayFromRoles(roles) {
+      let roleNames = [];
+      if (roles != null && roles != 0) {
+        for (let i = 0; i < this.availableRoles.length; i++) {
+          let role = this.availableRoles[i];
+          if (!!(roles & role.id)) {
+            roleNames.push(role.name);
+          }
+        }
+      }
+      return roleNames.join(", ");
+    },
+    async getDataFromApi() {
+      let vm = this;
+      vm.formState.loading = true;
+
+      window.$gz.form.deleteAllErrorBoxErrors(vm);
+      try {
+        let res = await window.$gz.api.get("user/list");
+
+        if (res.error) {
+          if (res.error.code == "2010") {
+            window.$gz.eventBus.$emit("notify-error", vm.$ay.t("ErrorAPI2010"));
+            window.$gz._.delay(function() {
+              vm.$router.go(-1);
+            }, 2000);
+          }
+          vm.formState.serverError = res.error;
+          window.$gz.form.setErrorBoxErrors(vm);
+        } else {
+          if (res.data) {
+            /*  Id = z.Id,
+                Active = z.Active,
+                Name = z.Name,
+                Roles = z.Roles,
+                UserType = z.UserType,
+                EmployeeNumber = z.EmployeeNumber,
+                LastLogin = z.LastLogin */
+            let ret = [];
+            for (let i = 0; i < res.data.length; i++) {
+              let o = res.data[i];
+              ret.push({
+                name: o.name,
+                employeeNumber: o.employeeNumber,
+                active: o.active,
+                userType: window.$gz.enums.get("insideusertype", o.userType),
+                lastLogin: window.$gz.locale.utcDateToShortDateAndTimeLocalized(
+                  o.lastLogin,
+                  this.timeZoneName,
+                  this.languageName,
+                  this.hour12
+                ),
+                roles: this.rolesDisplayFromRoles(o.roles)
+              });
+            }
+
+            vm.obj = ret;
+          } else {
+            vm.rawObj = [];
+            vm.obj = [];
+          }
+
+          window.$gz.form.setFormState({
+            vm: vm,
+            dirty: false,
+            valid: true,
+            loading: false
+          });
+          generateMenu(vm);
+        }
+      } catch (error) {
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: false
+        });
+        window.$gz.errorHandler.handleFormError(error, vm);
+      }
     }
   }
 };
@@ -145,4 +252,52 @@ function generateMenu(vm) {
 
   window.$gz.eventBus.$emit("menu-change", menuOptions);
 }
+
+/////////////////////////////////
+//
+//
+async function initForm(vm) {
+  await fetchTranslatedText(vm);
+  await cacheEnums(vm);
+  await createTableHeaders(vm);
+}
+
+//////////////////////////////////////////////////////////
+//
+// Ensures UI translated text is available
+//
+async function fetchTranslatedText(vm) {
+  await window.$gz.translation.cacheTranslations([
+    "User",
+    "UserEmployeeNumber",
+    "Active",
+    "UserType",
+    "LastLogin",
+    "AuthorizationRoles"
+  ]);
+}
+
+//////////////////////
+//
+//
+async function cacheEnums(vm) {
+  //ensure the enum values required are pre-fetched
+  await window.$gz.enums.fetchEnumList("insideusertype");
+  await window.$gz.enums.fetchEnumList("AuthorizationRoles");
+  vm.availableRoles = window.$gz.enums.getSelectionList("AuthorizationRoles");
+}
+
+//////////////////////
+//
+//
+async function createTableHeaders(vm) {
+  vm.headers = [
+    { text: vm.$ay.t("User"), value: "name" },
+    { text: vm.$ay.t("UserEmployeeNumber"), value: "employeeNumber" },
+    { text: vm.$ay.t("Active"), value: "active" },
+    { text: vm.$ay.t("UserType"), value: "userType" },
+    { text: vm.$ay.t("LastLogin"), value: "lastLogin" },
+    { text: vm.$ay.t("AuthorizationRoles"), value: "roles" }
+  ];
+}
 </script>