.vscode/launch.json

@@ -23,12 +23,9 @@
       "serverReadyAction": {
         "action": "openExternally",
         "pattern": "^\\s*Now listening on:\\s+(https?://\\S+)"
-      },
+      },  
 
-    
+      "env": {       
-
-      "env": {
-        //############ PERPETUAL BLOCK ######################
         //   "ASPNETCORE_ENVIRONMENT": "Development",
         "SOCKEYE_JWT_SECRET": "1111111MyRandom32CharacterSecret",
         "SOCKEYE_LOG_LEVEL": "Info",
@@ -38,7 +35,7 @@
         "SOCKEYE_DB_CONNECTION": "Server=localhost;Username=postgres;Password=sockeye;Database=sockeye;CommandTimeout=300;",
         "SOCKEYE_DATA_PATH": "c:\\temp\\sockeye",
         "SOCKEYE_USE_URLS": "http://*:7676;",
-        "SOCKEYE_PERMANENTLY_ERASE_DATABASE":"true",
+        //"SOCKEYE_PERMANENTLY_ERASE_DATABASE":"true",
         //"SOCKEYE_REMOVE_LICENSE_FROM_DB":"true",
         //"SOCKEYE_REPORT_RENDERING_TIMEOUT":"1",
         "SOCKEYE_BACKUP_PG_DUMP_PATH": "C:\\data\\code\\postgres_14\\bin"

client/src/api/biz-role-rights.js

@@ -12,96 +12,12 @@ export default {
     ReadFullRecord: 65797,
     Select: 131071
   },
-  Contract: { Change: 74, ReadFullRecord: 98565, Select: 131071 },
   HeadOffice: { Change: 32842, ReadFullRecord: 65797, Select: 131071 },
-  LoanUnit: { Change: 74, ReadFullRecord: 98565, Select: 131071 },
-  Part: { Change: 98, ReadFullRecord: 29, Select: 131071 },
-  PartInventory: { Change: 98, ReadFullRecord: 29, Select: 131071 },
-  PartWarehouse: { Change: 98, ReadFullRecord: 29, Select: 131071 },
-  PartAssembly: { Change: 98, ReadFullRecord: 29, Select: 131071 },
-  PurchaseOrder: { Change: 98, ReadFullRecord: 29, Select: 131071 },
-  PartInventoryRequest: { Change: 98, ReadFullRecord: 29, Select: 131071 },
-  PartInventoryRestock: { Change: 98, ReadFullRecord: 29, Select: 131071 },
-  PartInventoryDataList: { Change: 98, ReadFullRecord: 29, Select: 131071 },
-  PartInventoryRequestDataList: {
-    Change: 98,
-    ReadFullRecord: 29,
-    Select: 131071
-  },
-  Project: { Change: 74, ReadFullRecord: 98565, Select: 131071 },
-  ServiceRate: { Change: 74, ReadFullRecord: 33037, Select: 131071 },
-  TravelRate: { Change: 74, ReadFullRecord: 33037, Select: 131071 },
-  TaxCode: { Change: 66, ReadFullRecord: 98573, Select: 131071 },
-  Unit: { Change: 330, ReadFullRecord: 98309, Select: 131071 },
-  UnitModel: { Change: 74, ReadFullRecord: 98565, Select: 131071 },
-  UnitMeterReading: { Change: 330, ReadFullRecord: 98309, Select: 131071 },
-  Vendor: { Change: 106, ReadFullRecord: 98565, Select: 131071 },
-  TaskGroup: { Change: 10, ReadFullRecord: 131071, Select: 131071 },
-  WorkOrderStatus: { Change: 74, ReadFullRecord: 98565, Select: 131071 },
-  WorkOrderItemStatus: { Change: 74, ReadFullRecord: 98565, Select: 131071 },
-  WorkOrderItemPriority: { Change: 74, ReadFullRecord: 98565, Select: 131071 },
-  WorkOrder: { Change: 1994, ReadFullRecord: 98949, Select: 131071 },
-  WorkOrderItem: { Change: 330, ReadFullRecord: 98949, Select: 131071 },
-  WorkOrderItemExpense: { Change: 458, ReadFullRecord: 98949, Select: 131071 },
-  WorkOrderItemLabor: { Change: 1994, ReadFullRecord: 98949, Select: 131071 },
-  WorkOrderItemLoan: { Change: 330, ReadFullRecord: 99461, Select: 131071 },
-  WorkOrderItemPart: { Change: 330, ReadFullRecord: 99461, Select: 131071 },
-  WorkOrderItemPartRequest: {
-    Change: 330,
-    ReadFullRecord: 99461,
-    Select: 131071
-  },
-  WorkOrderItemScheduledUser: {
-    Change: 330,
-    ReadFullRecord: 99973,
-    Select: 131071
-  },
-  WorkOrderItemTask: { Change: 1994, ReadFullRecord: 98949, Select: 131071 },
-  WorkOrderItemTravel: { Change: 1994, ReadFullRecord: 98949, Select: 131071 },
-  WorkOrderItemUnit: { Change: 330, ReadFullRecord: 99461, Select: 131071 },
-  WorkOrderItemOutsideService: {
-    Change: 330,
-    ReadFullRecord: 98437,
-    Select: 131071
-  },
-  Quote: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItem: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItemExpense: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItemLabor: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItemLoan: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItemPart: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItemScheduledUser: {
-    Change: 32842,
-    ReadFullRecord: 65541,
-    Select: 131071
-  },
-  QuoteItemTask: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItemTravel: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItemUnit: { Change: 32842, ReadFullRecord: 65541, Select: 131071 },
-  QuoteItemOutsideService: {
-    Change: 32842,
-    ReadFullRecord: 65541,
-    Select: 131071
-  },
-  QuoteStatus: { Change: 32842, ReadFullRecord: 131071, Select: 131071 },
-  PM: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItem: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemExpense: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemLabor: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemLoan: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemPart: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemScheduledUser: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemTask: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemTravel: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemUnit: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
-  PMItemOutsideService: { Change: 10, ReadFullRecord: 98309, Select: 131071 },
   Global: { Change: 2, ReadFullRecord: 1, Select: 0 },
   GlobalOps: { Change: 16384, ReadFullRecord: 8192, Select: 0 },
   User: { Change: 2, ReadFullRecord: 1, Select: 131071 },
   UserOptions: { Change: 2, ReadFullRecord: 1, Select: 0 },
   ServerState: { Change: 16384, ReadFullRecord: 131071, Select: 0 },
-  License: { Change: 2, ReadFullRecord: 49515, Select: 0 },
-  TrialSeeder: { Change: 16386, ReadFullRecord: 8193, Select: 0 },
   LogFile: { Change: 0, ReadFullRecord: 24576, Select: 0 },
   Backup: { Change: 16384, ReadFullRecord: 8195, Select: 0 },
   FileAttachment: { Change: 2, ReadFullRecord: 3, Select: 0 },
@@ -117,13 +33,14 @@ export default {
   Notification: { Change: 131071, ReadFullRecord: 131071, Select: 0 },
   NotifySubscription: { Change: 131071, ReadFullRecord: 131071, Select: 0 },
   Report: { Change: 3, ReadFullRecord: 131071, Select: 131071 },
-  CustomerServiceRequest: {
-    Change: 4106,
-    ReadFullRecord: 2309,
-    Select: 131071
-  },
   Memo: { Change: 124927, ReadFullRecord: 124927, Select: 124927 },
   Reminder: { Change: 124927, ReadFullRecord: 124927, Select: 124927 },
   Review: { Change: 124927, ReadFullRecord: 124927, Select: 124927 },
-  Integration: { Change: 49514, ReadFullRecord: 49514, Select: 49514 }
+  Integration: { Change: 49514, ReadFullRecord: 49514, Select: 49514 },
+  License: { Change: 32842, ReadFullRecord: 65797, Select: 131071 },
+  TrialLicenseRequest: { Change: 32842, ReadFullRecord: 65797, Select: 131071 },
+  SubscriptionServer: { Change: 32842, ReadFullRecord: 65797, Select: 131071 },
+  Purchase: { Change: 32842, ReadFullRecord: 65797, Select: 131071 },
+  Product: { Change: 32842, ReadFullRecord: 65797, Select: 131071 },
+  GZCase: { Change: 32842, ReadFullRecord: 65797, Select: 131071 }
 };

client/src/api/initialize.js

@@ -162,55 +162,6 @@ ServiceContractor = 5 */
     addNavItem("Home", "$sockiHome", undefined, sub, key++, "home");
   }
 
-  //######### CUSTOMER GROUP
-  if (window.$gz.role.canOpen(window.$gz.type.Customer)) {
-    //these all require Customer rights so all in the same block
-
-    //clear sublevel array
-    sub = [];
-
-    //CUSTOMERS subitem
-    sub.push({
-      title: "CustomerList",
-      icon: "$sockiAddressCard",
-      route: "/cust-customers",
-      key: key++
-    });
-
-    //HEAD OFFICES subitem
-    sub.push({
-      title: "HeadOfficeList",
-      icon: "$sockiSitemap",
-      route: "/cust-head-offices",
-      key: key++
-    });
-
-    //Customer / Headoffice Users subitem
-    sub.push({
-      title: "Contacts",
-      icon: "$sockiUsers",
-      route: "/cust-users",
-      key: key++
-    });
-
-    sub.push({
-      title: "CustomerNotifySubscriptionList",
-      icon: "$sockiBullhorn",
-      route: "/cust-notify-subscriptions",
-      key: key++
-    });
-
-    // ** CUSTOMER (TOP)
-    addNavItem(
-      "CustomerList",
-      "$sockiAddressBook",
-      undefined,
-      sub,
-      key++,
-      "customer"
-    );
-  }
-
   ////////////////////////////////////////////////////////
   // BUSINESS GROUP
   //
@@ -259,12 +210,7 @@ ServiceContractor = 5 */
     key: key++
   });
 
-  if (
+  if (window.$gz.role.canOpen(window.$gz.type.Customer)) {
-    sub.length > 0 &&
-    !window.$gz.role.hasRole([
-      window.$gz.role.AUTHORIZATION_ROLES.TechRestricted
-    ])
-  ) {
     addNavItem(
       "BusinessSettings",
       "$sockiBriefcase",
@@ -276,6 +222,55 @@ ServiceContractor = 5 */
   }
   ////////////////////////////////////////////////////
 
+  //######### CUSTOMER GROUP
+  if (window.$gz.role.canOpen(window.$gz.type.Customer)) {
+    //these all require Customer rights so all in the same block
+
+    //clear sublevel array
+    sub = [];
+
+    //CUSTOMERS subitem
+    sub.push({
+      title: "CustomerList",
+      icon: "$sockiAddressCard",
+      route: "/cust-customers",
+      key: key++
+    });
+
+    //HEAD OFFICES subitem
+    sub.push({
+      title: "HeadOfficeList",
+      icon: "$sockiSitemap",
+      route: "/cust-head-offices",
+      key: key++
+    });
+
+    //Customer / Headoffice Users subitem
+    sub.push({
+      title: "Contacts",
+      icon: "$sockiUsers",
+      route: "/cust-users",
+      key: key++
+    });
+
+    sub.push({
+      title: "CustomerNotifySubscriptionList",
+      icon: "$sockiBullhorn",
+      route: "/cust-notify-subscriptions",
+      key: key++
+    });
+
+    // ** CUSTOMER (TOP)
+    addNavItem(
+      "CustomerList",
+      "$sockiAddressBook",
+      undefined,
+      sub,
+      key++,
+      "customer"
+    );
+  }
+
   // //#######  SERVICE GROUP
 
   // sub = [];

client/src/api/translation.js

@@ -254,6 +254,7 @@ export default {
     "RenderingReport",
     "Settings",
     "IntegrationList",
+    "BusinessSettings",
     "LicenseList",
     "License",
     "TrialLicenseRequestList",

client/src/router.js

@@ -315,13 +315,61 @@ export default new Router({
           /* webpackChunkName: "cust" */ "./views/customer-notify-subscription.vue"
         )
     },
-    //####################### SERVICE GROUP ##############################
+
+    //####################### BUSINESS GROUP ##############################
     {
-      path: "/svc-schedule",
+      path: "/biz-license-list",
-      name: "svc-schedule",
+      name: "biz-license-list",
       component: () =>
-        import(/* webpackChunkName: "svc" */ "./views/svc-schedule.vue")
+        import(/* webpackChunkName: "biz" */ "./views/biz-license-list.vue")
     },
+    {
+      path: "/biz-trial-request-list",
+      name: "biz-trial-request-list",
+      component: () =>
+        import(
+          /* webpackChunkName: "biz" */ "./views/biz-trial-request-list.vue"
+        )
+    },
+    {
+      path: "/biz-subscription-server-list",
+      name: "biz-subscription-server-list",
+      component: () =>
+        import(
+          /* webpackChunkName: "biz" */ "./views/biz-subscription-server-list.vue"
+        )
+    },
+    {
+      path: "/biz-purchase-list",
+      name: "biz-purchase-list",
+      component: () =>
+        import(/* webpackChunkName: "biz" */ "./views/biz-purchase-list.vue")
+    },
+    {
+      path: "/biz-product-list",
+      name: "biz-product-list",
+      component: () =>
+        import(/* webpackChunkName: "biz" */ "./views/biz-product-list.vue")
+    },
+    {
+      path: "/biz-product-list/:recordid",
+      name: "product-edit",
+      component: () =>
+        import(/* webpackChunkName: "biz" */ "./views/biz-product.vue")
+    },
+    {
+      path: "/biz-gzcase-list",
+      name: "biz-gzcase-list",
+      component: () =>
+        import(/* webpackChunkName: "biz" */ "./views/biz-gzcase-list.vue")
+    },
+    // //####################### SERVICE GROUP ##############################
+    // {
+    //   path: "/svc-schedule",
+    //   name: "svc-schedule",
+    //   component: () =>
+    //     import(/* webpackChunkName: "svc" */ "./views/svc-schedule.vue")
+    // },
 
     //######################### ADMINISTRATION GROUP #####################################
     {

client/src/views/biz-gzcase-list.vue

@@ -0,0 +1,182 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      ref="extensions"
+      :aya-type="aType"
+      :selected-items="selectedItems"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="customer-list"
+      data-list-key="CustomerDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      data-cy="customersTable"
+      :client-criteria="clientCriteria"
+      :pre-filter-mode="preFilterMode"
+      @selection-change="handleSelected"
+      @clear-pre-filter="clearPreFilter"
+    >
+    </gz-data-table>
+  </div>
+</template>
+
+<script>
+const FORM_KEY = "customer-list";
+export default {
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      aType: window.$gz.type.Customer,
+      selectedItems: [],
+      reload: false,
+      clientCriteria: undefined,
+      preFilterMode: null
+    };
+  },
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.Customer);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+
+    //------ pre-filter ----
+    //OPTIONAL "Show All customers of head office" FILTER
+    this.objectId = window.$gz.util.stringToIntOrNull(
+      this.$route.params.objectId
+    );
+    this.aForType = window.$gz.util.stringToIntOrNull(this.$route.params.aType);
+
+    if (this.objectId && this.objectId != 0 && this.aForType) {
+      //OBJECTID,AYATYPE
+      this.clientCriteria = `${this.objectId},${this.aForType}`;
+
+      this.preFilterMode = {
+        icon: window.$gz.util.iconForType(this.aForType),
+        id: this.objectId,
+        socktype: this.aForType,
+        viz: this.$route.params.name,
+        clearable: true
+      };
+    }
+    //------ /pre-filter ----
+    generateMenu(this);
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    },
+    clearPreFilter() {
+      this.clientCriteria = null;
+      this.preFilterMode = null;
+      this.reload = !this.reload;
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  const m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "new":
+        m.vm.$router.push({
+          name: "customer-edit",
+          params: { recordid: 0 }
+        });
+        break;
+      case "extensions":
+        {
+          const res = await m.vm.$refs.extensions.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            )
+          );
+          if (res && res.refresh == true) {
+            m.vm.reload = !m.vm.reload;
+          }
+        }
+        break;
+      case "report":
+        {
+          const res = await m.vm.$refs.reportSelector.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            ),
+            m.id
+          );
+          if (res == null) {
+            return;
+          }
+          window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
+        }
+        break;
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  const menuOptions = {
+    isMain: true,
+    icon: "$sockiAddressCard",
+    title: "CustomerList",
+    helpUrl: "customers",
+    menuItems: [],
+    formData: {
+      sockType: window.$gz.type.Customer
+    }
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$sockiPlus",
+      surface: true,
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "$sockiFileAlt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  const lastReport = window.$gz.form.getLastReport(FORM_KEY);
+  if (lastReport != null) {
+    menuOptions.menuItems.push({
+      title: lastReport.name,
+      notrans: true,
+      icon: "$sockiFileAlt",
+      key: FORM_KEY + ":report:" + lastReport.id,
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Extensions",
+    icon: "$sockiPuzzlePiece",
+    key: FORM_KEY + ":extensions",
+    vm: vm
+  });
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+</script>

client/src/views/biz-license-list.vue

@@ -0,0 +1,182 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      ref="extensions"
+      :aya-type="aType"
+      :selected-items="selectedItems"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="customer-list"
+      data-list-key="CustomerDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      data-cy="customersTable"
+      :client-criteria="clientCriteria"
+      :pre-filter-mode="preFilterMode"
+      @selection-change="handleSelected"
+      @clear-pre-filter="clearPreFilter"
+    >
+    </gz-data-table>
+  </div>
+</template>
+
+<script>
+const FORM_KEY = "customer-list";
+export default {
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      aType: window.$gz.type.Customer,
+      selectedItems: [],
+      reload: false,
+      clientCriteria: undefined,
+      preFilterMode: null
+    };
+  },
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.Customer);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+
+    //------ pre-filter ----
+    //OPTIONAL "Show All customers of head office" FILTER
+    this.objectId = window.$gz.util.stringToIntOrNull(
+      this.$route.params.objectId
+    );
+    this.aForType = window.$gz.util.stringToIntOrNull(this.$route.params.aType);
+
+    if (this.objectId && this.objectId != 0 && this.aForType) {
+      //OBJECTID,AYATYPE
+      this.clientCriteria = `${this.objectId},${this.aForType}`;
+
+      this.preFilterMode = {
+        icon: window.$gz.util.iconForType(this.aForType),
+        id: this.objectId,
+        socktype: this.aForType,
+        viz: this.$route.params.name,
+        clearable: true
+      };
+    }
+    //------ /pre-filter ----
+    generateMenu(this);
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    },
+    clearPreFilter() {
+      this.clientCriteria = null;
+      this.preFilterMode = null;
+      this.reload = !this.reload;
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  const m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "new":
+        m.vm.$router.push({
+          name: "customer-edit",
+          params: { recordid: 0 }
+        });
+        break;
+      case "extensions":
+        {
+          const res = await m.vm.$refs.extensions.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            )
+          );
+          if (res && res.refresh == true) {
+            m.vm.reload = !m.vm.reload;
+          }
+        }
+        break;
+      case "report":
+        {
+          const res = await m.vm.$refs.reportSelector.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            ),
+            m.id
+          );
+          if (res == null) {
+            return;
+          }
+          window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
+        }
+        break;
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  const menuOptions = {
+    isMain: true,
+    icon: "$sockiAddressCard",
+    title: "CustomerList",
+    helpUrl: "customers",
+    menuItems: [],
+    formData: {
+      sockType: window.$gz.type.Customer
+    }
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$sockiPlus",
+      surface: true,
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "$sockiFileAlt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  const lastReport = window.$gz.form.getLastReport(FORM_KEY);
+  if (lastReport != null) {
+    menuOptions.menuItems.push({
+      title: lastReport.name,
+      notrans: true,
+      icon: "$sockiFileAlt",
+      key: FORM_KEY + ":report:" + lastReport.id,
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Extensions",
+    icon: "$sockiPuzzlePiece",
+    key: FORM_KEY + ":extensions",
+    vm: vm
+  });
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+</script>

client/src/views/biz-product-list.vue

@@ -0,0 +1,180 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      ref="extensions"
+      :aya-type="aType"
+      :selected-items="selectedItems"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="product-list"
+      data-list-key="ProductDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      data-cy="productsTable"
+      :client-criteria="clientCriteria"
+      :pre-filter-mode="preFilterMode"
+      @selection-change="handleSelected"
+      @clear-pre-filter="clearPreFilter"
+    >
+    </gz-data-table>
+  </div>
+</template>
+
+<script>
+const FORM_KEY = "product-list";
+export default {
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      aType: window.$gz.type.Product,
+      selectedItems: [],
+      reload: false,
+      clientCriteria: undefined,
+      preFilterMode: null
+    };
+  },
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.Product);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+
+    //------ pre-filter ----
+    //OPTIONAL "Show All products of head office" FILTER
+    this.objectId = window.$gz.util.stringToIntOrNull(
+      this.$route.params.objectId
+    );
+    this.aForType = window.$gz.util.stringToIntOrNull(this.$route.params.aType);
+
+    if (this.objectId && this.objectId != 0 && this.aForType) {
+      //OBJECTID,AYATYPE
+      this.clientCriteria = `${this.objectId},${this.aForType}`;
+
+      this.preFilterMode = {
+        icon: window.$gz.util.iconForType(this.aForType),
+        id: this.objectId,
+        socktype: this.aForType,
+        viz: this.$route.params.name,
+        clearable: true
+      };
+    }
+    //------ /pre-filter ----
+    generateMenu(this);
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    },
+    clearPreFilter() {
+      this.clientCriteria = null;
+      this.preFilterMode = null;
+      this.reload = !this.reload;
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  const m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "new":
+        m.vm.$router.push({
+          name: "product-edit",
+          params: { recordid: 0 }
+        });
+        break;
+      case "extensions":
+        {
+          const res = await m.vm.$refs.extensions.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(window.$gz.type.Product)
+          );
+          if (res && res.refresh == true) {
+            m.vm.reload = !m.vm.reload;
+          }
+        }
+        break;
+      case "report":
+        {
+          const res = await m.vm.$refs.reportSelector.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Product
+            ),
+            m.id
+          );
+          if (res == null) {
+            return;
+          }
+          window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
+        }
+        break;
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  const menuOptions = {
+    isMain: true,
+    icon: "$sockiBarCode",
+    title: "ProductList",
+    helpUrl: "products",
+    menuItems: [],
+    formData: {
+      sockType: window.$gz.type.Product
+    }
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$sockiPlus",
+      surface: true,
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "$sockiFileAlt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  const lastReport = window.$gz.form.getLastReport(FORM_KEY);
+  if (lastReport != null) {
+    menuOptions.menuItems.push({
+      title: lastReport.name,
+      notrans: true,
+      icon: "$sockiFileAlt",
+      key: FORM_KEY + ":report:" + lastReport.id,
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Extensions",
+    icon: "$sockiPuzzlePiece",
+    key: FORM_KEY + ":extensions",
+    vm: vm
+  });
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+</script>

client/src/views/biz-product.vue

@@ -0,0 +1,670 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <div v-if="formState.ready">
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
+      <v-form ref="form">
+        <v-row dense>
+          <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-text-field
+              ref="name"
+              v-model="obj.name"
+              dense
+              :readonly="formState.readOnly"
+              :label="$sock.t('ProductName')"
+              :rules="[form().required(this, 'name')]"
+              :error-messages="form().serverErrors(this, 'name')"
+              data-cy="name"
+              @input="fieldValueChanged('name')"
+            ></v-text-field>
+          </v-col>
+
+          <v-col
+            v-if="form().showMe(this, 'Vendor')"
+            cols="12"
+            sm="6"
+            lg="4"
+            xl="3"
+          >
+            <gz-pick-list
+              ref="vendorId"
+              v-model="obj.vendorId"
+              :aya-type="sockTypes().Vendor"
+              show-edit-icon
+              :readonly="formState.readOnly"
+              :label="$sock.t('Vendor')"
+              :error-messages="form().serverErrors(this, 'vendorId')"
+              @input="fieldValueChanged('vendorId')"
+            ></gz-pick-list>
+          </v-col>
+
+          <v-col
+            v-if="form().showMe(this, 'ProductVendorCode')"
+            cols="12"
+            sm="6"
+            lg="4"
+            xl="3"
+          >
+            <v-text-field
+              ref="vendorCode"
+              v-model="obj.vendorCode"
+              dense
+              :readonly="formState.readOnly"
+              :label="$sock.t('ProductVendorCode')"
+              data-cy="vendorCode"
+              :error-messages="form().serverErrors(this, 'vendorCode')"
+              @input="fieldValueChanged('vendorCode')"
+            ></v-text-field>
+          </v-col>
+
+          <v-col
+            v-if="form().showMe(this, 'ProductOurCode')"
+            cols="12"
+            sm="6"
+            lg="4"
+            xl="3"
+          >
+            <v-text-field
+              ref="ourCode"
+              v-model="obj.ourCode"
+              dense
+              :readonly="formState.readOnly"
+              :label="$sock.t('ProductOurCode')"
+              data-cy="ourCode"
+              :error-messages="form().serverErrors(this, 'ourCode')"
+              @input="fieldValueChanged('ourCode')"
+            ></v-text-field>
+          </v-col>
+
+          <v-col
+            v-if="form().showMe(this, 'ProductLicenseInterval')"
+            cols="12"
+            sm="6"
+            lg="4"
+            xl="3"
+          >
+            <gz-duration-picker
+              ref="licenseInterval"
+              v-model="obj.licenseInterval"
+              :readonly="formState.readOnly"
+              :label="$sock.t('ProductLicenseInterval')"
+              :show-seconds="false"
+              data-cy="licenseInterval"
+              :error-messages="form().serverErrors(this, 'licenseInterval')"
+              @input="fieldValueChanged('licenseInterval')"
+            ></gz-duration-picker>
+          </v-col>
+
+          <v-col
+            v-if="form().showMe(this, 'ProductMaintInterval')"
+            cols="12"
+            sm="6"
+            lg="4"
+            xl="3"
+          >
+            <gz-duration-picker
+              ref="maintInterval"
+              v-model="obj.maintInterval"
+              :readonly="formState.readOnly"
+              :label="$sock.t('ProductMaintInterval')"
+              :show-seconds="false"
+              data-cy="maintInterval"
+              :error-messages="form().serverErrors(this, 'maintInterval')"
+              @input="fieldValueChanged('maintInterval')"
+            ></gz-duration-picker>
+          </v-col>
+
+          <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-checkbox
+              ref="active"
+              v-model="obj.active"
+              dense
+              :readonly="formState.readOnly"
+              :label="$sock.t('Active')"
+              data-cy="active"
+              :error-messages="form().serverErrors(this, 'active')"
+              @change="fieldValueChanged('active')"
+            ></v-checkbox>
+          </v-col>
+          <!-- --------------------------------- -->
+
+          <v-col v-if="form().showMe(this, 'Tags')" cols="12">
+            <gz-tag-picker
+              ref="tags"
+              v-model="obj.tags"
+              :readonly="formState.readOnly"
+              data-cy="tags"
+              :error-messages="form().serverErrors(this, 'tags')"
+              @input="fieldValueChanged('tags')"
+            ></gz-tag-picker>
+          </v-col>
+
+          <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
+            <gz-wiki
+              ref="wiki"
+              v-model="obj.wiki"
+              :aya-type="sockType"
+              :aya-id="obj.id"
+              :readonly="formState.readOnly"
+              @input="fieldValueChanged('wiki')"
+            ></gz-wiki
+          ></v-col>
+
+          <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
+            <gz-attachments
+              :readonly="formState.readOnly"
+              :aya-type="sockType"
+              :aya-id="obj.id"
+            ></gz-attachments
+          ></v-col>
+        </v-row>
+      </v-form>
+    </div>
+    <v-overlay :value="!formState.ready || formState.loading">
+      <v-progress-circular indeterminate :size="64" />
+    </v-overlay>
+  </div>
+</template>
+<script>
+const FORM_KEY = "product-edit";
+const API_BASE_URL = "product/";
+const FORM_CUSTOM_TEMPLATE_KEY = "Product";
+export default {
+  data() {
+    return {
+      formCustomTemplateKey: FORM_CUSTOM_TEMPLATE_KEY,
+      obj: {
+        id: 0,
+        concurrency: 0,
+        name: null,
+        active: true,
+        notes: null,
+        wiki: null,
+        customFields: "{}",
+        tags: [],
+        dateStarted: window.$gz.locale.nowUTC8601String(),
+        dateCompleted: null,
+        productOverseerId: null,
+        accountNumber: null
+      },
+      formState: {
+        ready: false,
+        dirty: false,
+        valid: true,
+        readOnly: false,
+        loading: true,
+        errorBoxMessage: null,
+        appError: null,
+        serverError: {}
+      },
+      rights: window.$gz.role.defaultRightsObject(),
+      sockType: window.$gz.type.Product
+    };
+  },
+  watch: {
+    formState: {
+      handler: function(val) {
+        if (this.formState.loading) {
+          return;
+        }
+
+        if (val.dirty && val.valid && !val.readOnly) {
+          window.$gz.eventBus.$emit("menu-enable-item", FORM_KEY + ":save");
+        } else {
+          window.$gz.eventBus.$emit("menu-disable-item", FORM_KEY + ":save");
+        }
+
+        if (!val.dirty && val.valid && !val.readOnly) {
+          window.$gz.eventBus.$emit(
+            "menu-enable-item",
+            FORM_KEY + ":duplicate"
+          );
+          window.$gz.eventBus.$emit("menu-enable-item", FORM_KEY + ":new");
+        } else {
+          window.$gz.eventBus.$emit(
+            "menu-disable-item",
+            FORM_KEY + ":duplicate"
+          );
+          window.$gz.eventBus.$emit("menu-disable-item", FORM_KEY + ":new");
+        }
+      },
+      deep: true
+    }
+  },
+  async created() {
+    const vm = this;
+    try {
+      await initForm(vm);
+      vm.rights = window.$gz.role.getRights(window.$gz.type.Product);
+      vm.formState.readOnly = !vm.rights.change;
+      window.$gz.eventBus.$on("menu-click", clickHandler);
+      //---------------------------------
+      let setDirty = false;
+      //id 0 means create or duplicate to new
+      if (vm.$route.params.recordid != 0) {
+        //is there already an obj from a prior operation?
+        if (this.$route.params.obj) {
+          //yes, no need to fetch it
+          this.obj = this.$route.params.obj;
+        } else {
+          await vm.getDataFromApi(vm.$route.params.recordid);
+        }
+      } else {
+        //Might be a duplicate and contain another record
+        if (this.$route.params.obj) {
+          this.obj = this.$route.params.obj;
+          this.obj.concurrency = undefined;
+          this.obj.id = 0;
+          this.obj.name = `${this.obj.name} - ${window.$gz.translation.get(
+            "Copy"
+          )}`;
+          setDirty = true;
+        }
+      }
+      window.$gz.form.setFormState({
+        vm: vm,
+        loading: false,
+        dirty: setDirty,
+        valid: true
+      });
+      //----------------------------
+      generateMenu(vm);
+    } catch (error) {
+      window.$gz.errorHandler.handleFormError(error, vm);
+    } finally {
+      vm.formState.ready = true;
+    }
+  },
+  async beforeRouteLeave(to, from, next) {
+    if (!this.formState.dirty || JUST_DELETED) {
+      next();
+      return;
+    }
+    if ((await window.$gz.dialog.confirmLeaveUnsaved()) === true) {
+      next();
+    } else {
+      next(false);
+    }
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  methods: {
+    canSave: function() {
+      return this.formState.valid && this.formState.dirty;
+    },
+    canDuplicate: function() {
+      return this.formState.valid && !this.formState.dirty;
+    },
+    sockTypes: function() {
+      return window.$gz.type;
+    },
+    form() {
+      return window.$gz.form;
+    },
+    fieldValueChanged(ref) {
+      if (
+        this.formState.ready &&
+        !this.formState.loading &&
+        !this.formState.readOnly
+      ) {
+        window.$gz.form.fieldValueChanged(this, ref);
+      }
+    },
+    async getDataFromApi(recordId) {
+      const vm = this;
+      window.$gz.form.setFormState({
+        vm: vm,
+        loading: true
+      });
+      if (!recordId) {
+        throw new Error(FORM_KEY + "::getDataFromApi -> Missing recordID!");
+      }
+      try {
+        window.$gz.form.deleteAllErrorBoxErrors(vm);
+        const res = await window.$gz.api.get(API_BASE_URL + recordId);
+        if (res.error) {
+          if (res.error.code == "2010") {
+            window.$gz.form.handleObjectNotFound(vm);
+          }
+          vm.formState.serverError = res.error;
+          window.$gz.form.setErrorBoxErrors(vm);
+        } else {
+          vm.obj = res.data;
+          generateMenu(vm);
+          window.$gz.form.setFormState({
+            vm: vm,
+            dirty: false,
+            valid: true,
+            loading: false
+          });
+        }
+      } catch (error) {
+        window.$gz.errorHandler.handleFormError(error, vm);
+      } finally {
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: false
+        });
+      }
+    },
+    async submit() {
+      const vm = this;
+      if (vm.canSave == false) {
+        return;
+      }
+      try {
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: true
+        });
+        window.$gz.form.deleteAllErrorBoxErrors(vm);
+        const res = await window.$gz.api.upsert(API_BASE_URL, vm.obj);
+        if (res.error) {
+          vm.formState.serverError = res.error;
+          window.$gz.form.setErrorBoxErrors(vm);
+        } else {
+          if (res.data.id) {
+            //POST
+            vm.obj = res.data;
+            this.$router.replace({
+              name: "product-edit",
+              params: {
+                recordid: res.data.id,
+                obj: res.data
+              }
+            });
+          } else {
+            //PUT
+            vm.obj.concurrency = res.data.concurrency;
+          }
+          window.$gz.form.setFormState({
+            vm: vm,
+            dirty: false,
+            valid: true
+          });
+        }
+      } catch (ex) {
+        window.$gz.errorHandler.handleFormError(ex, vm);
+      } finally {
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: false
+        });
+      }
+    },
+    async remove() {
+      try {
+        const dialogResult = await window.$gz.dialog.confirmDelete();
+        if (dialogResult != true) {
+          return;
+        }
+        window.$gz.form.setFormState({
+          vm: this,
+          loading: true
+        });
+
+        if (this.$route.params.recordid == 0) {
+          JUST_DELETED = true;
+
+          this.$router.go(-1);
+        } else {
+          window.$gz.form.deleteAllErrorBoxErrors(this);
+          const res = await window.$gz.api.remove(
+            API_BASE_URL + this.$route.params.recordid
+          );
+          if (res.error) {
+            this.formState.serverError = res.error;
+            window.$gz.form.setErrorBoxErrors(this);
+          } else {
+            JUST_DELETED = true;
+            this.$router.go(-1);
+          }
+        }
+      } catch (error) {
+        window.$gz.errorHandler.handleFormError(error, this);
+      } finally {
+        window.$gz.form.setFormState({
+          vm: this,
+          loading: false
+        });
+      }
+    },
+    duplicate() {
+      this.$router.push({
+        name: "product-edit",
+        params: {
+          recordid: 0,
+          obj: this.obj
+        }
+      });
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  const m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "save":
+        m.vm.submit();
+        break;
+      case "delete":
+        m.vm.remove();
+        break;
+      case "new":
+        m.vm.$router.push({
+          name: "product-edit",
+          params: { recordid: 0 }
+        });
+        break;
+      case "duplicate":
+        m.vm.duplicate();
+        break;
+      case "report":
+        {
+          const res = await m.vm.$refs.reportSelector.open(
+            {
+              AType: window.$gz.type.Product,
+              selectedRowIds: [m.vm.obj.id]
+            },
+            m.id
+          );
+          if (res == null) {
+            return;
+          }
+          window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
+        }
+        break;
+      case "WorkOrderList":
+        m.vm.$router.push({
+          name: "svc-workorders",
+          params: {
+            aType: m.vm.sockType,
+            objectId: m.vm.obj.id,
+            name: m.vm.obj.name
+          }
+        });
+        break;
+      case "QuoteList":
+        m.vm.$router.push({
+          name: "svc-quotes",
+          params: {
+            aType: m.vm.sockType,
+            objectId: m.vm.obj.id,
+            name: m.vm.obj.name
+          }
+        });
+        break;
+      case "PMList":
+        m.vm.$router.push({
+          name: "svc-pms",
+          params: {
+            aType: m.vm.sockType,
+            objectId: m.vm.obj.id,
+            name: m.vm.obj.name
+          }
+        });
+        break;
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  const menuOptions = {
+    isMain: false,
+    readOnly: vm.formState.readOnly,
+    icon: "$sockiProductDiagram",
+    title: "Product",
+    helpUrl: "svc-products",
+    formData: {
+      sockType: window.$gz.type.Product,
+      recordId: vm.$route.params.recordid,
+      formCustomTemplateKey: FORM_CUSTOM_TEMPLATE_KEY,
+      recordName: vm.obj.name
+    },
+    menuItems: []
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "Save",
+      icon: "$sockiSave",
+      surface: true,
+      key: FORM_KEY + ":save",
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "$sockiFileAlt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  const lastReport = window.$gz.form.getLastReport(FORM_KEY);
+  if (lastReport != null) {
+    menuOptions.menuItems.push({
+      title: lastReport.name,
+      notrans: true,
+      icon: "$sockiFileAlt",
+      key: FORM_KEY + ":report:" + lastReport.id,
+      vm: vm
+    });
+  }
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$sockiPlus",
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  if (vm.rights.change && vm.$route.params.recordid != 0) {
+    menuOptions.menuItems.push({
+      title: "Duplicate",
+      icon: "$sockiClone",
+      key: FORM_KEY + ":duplicate",
+      vm: vm
+    });
+  }
+  if (vm.rights.delete && vm.$route.params.recordid != 0) {
+    menuOptions.menuItems.push({
+      title: "Delete",
+      icon: "$sockiTrashAlt",
+      surface: false,
+      key: FORM_KEY + ":delete",
+      vm: vm
+    });
+  }
+  menuOptions.menuItems.push({ divider: true, inset: false });
+
+  menuOptions.menuItems.push({
+    title: "WorkOrderList",
+    icon: "$sockiTools",
+    key: FORM_KEY + ":WorkOrderList",
+    vm: vm
+  });
+
+  menuOptions.menuItems.push({
+    title: "QuoteList",
+    icon: "$sockiPencilAlt",
+    key: FORM_KEY + ":QuoteList",
+    vm: vm
+  });
+
+  menuOptions.menuItems.push({
+    title: "PMList",
+    icon: "$sockiBusinessTime",
+    key: FORM_KEY + ":PMList",
+    vm: vm
+  });
+
+  menuOptions.menuItems.push({ divider: true, inset: false });
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+
+let JUST_DELETED = false;
+
+/////////////////////////////////
+//
+//
+async function initForm(vm) {
+  await fetchTranslatedText();
+  await window.$gz.formCustomTemplate.get(FORM_CUSTOM_TEMPLATE_KEY, vm);
+}
+
+//////////////////////////////////////////////////////////
+//
+// Ensures UI translated text is available
+//
+async function fetchTranslatedText() {
+  await window.$gz.translation.cacheTranslations([
+    "Product",
+    "ProductName",
+    "Vendor",
+    "ProductLicenseInterval",
+    "ProductMaintInterval",
+    "ProductProductOverseerID",
+    "ProductVendorCode",
+    "ProductOurCode"
+  ]);
+}
+/*
+public string Name { get; set; }
+public bool Active { get; set; }
+public long VendorId { get; set; }
+public TimeSpan LicenseInterval { get; set; }
+public TimeSpan MaintInterval { get; set; }
+public string VendorCode { get; set; }
+public string OurCode { get; set; }
+public string Wiki { get; set; }
+public List<string> Tags { get; set; }
+await ExecQueryAsync("INSERT INTO atranslationitem(translationid,key,display) SELECT t.id, 'Product', 'Product' FROM atranslation t  where t.baselanguage = 'en'");
+await ExecQueryAsync("INSERT INTO atranslationitem(translationid,key,display) SELECT t.id, 'ProductList', 'Products' FROM atranslation t  where t.baselanguage = 'en'");
+await ExecQueryAsync("INSERT INTO atranslationitem(translationid,key,display) SELECT t.id, 'ProductName', 'Name' FROM atranslation t  where t.baselanguage = 'en'");
+await ExecQueryAsync("INSERT INTO atranslationitem(translationid,key,display) SELECT t.id, 'ProductLicenseInterval', 'License period' FROM atranslation t  where t.baselanguage = 'en'");
+await ExecQueryAsync("INSERT INTO atranslationitem(translationid,key,display) SELECT t.id, 'ProductMaintInterval', 'Maintenance period' FROM atranslation t  where t.baselanguage = 'en'");
+await ExecQueryAsync("INSERT INTO atranslationitem(translationid,key,display) SELECT t.id, 'ProductVendorCode', 'Vendor code' FROM atranslation t  where t.baselanguage = 'en'");
+await ExecQueryAsync("INSERT INTO atranslationitem(translationid,key,display) SELECT t.id, 'ProductOurCode', 'Our code' FROM atranslation t  where t.baselanguage = 'en'");
+
+
+ */
+</script>

client/src/views/biz-purchase-list.vue

@@ -0,0 +1,182 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      ref="extensions"
+      :aya-type="aType"
+      :selected-items="selectedItems"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="customer-list"
+      data-list-key="CustomerDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      data-cy="customersTable"
+      :client-criteria="clientCriteria"
+      :pre-filter-mode="preFilterMode"
+      @selection-change="handleSelected"
+      @clear-pre-filter="clearPreFilter"
+    >
+    </gz-data-table>
+  </div>
+</template>
+
+<script>
+const FORM_KEY = "customer-list";
+export default {
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      aType: window.$gz.type.Customer,
+      selectedItems: [],
+      reload: false,
+      clientCriteria: undefined,
+      preFilterMode: null
+    };
+  },
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.Customer);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+
+    //------ pre-filter ----
+    //OPTIONAL "Show All customers of head office" FILTER
+    this.objectId = window.$gz.util.stringToIntOrNull(
+      this.$route.params.objectId
+    );
+    this.aForType = window.$gz.util.stringToIntOrNull(this.$route.params.aType);
+
+    if (this.objectId && this.objectId != 0 && this.aForType) {
+      //OBJECTID,AYATYPE
+      this.clientCriteria = `${this.objectId},${this.aForType}`;
+
+      this.preFilterMode = {
+        icon: window.$gz.util.iconForType(this.aForType),
+        id: this.objectId,
+        socktype: this.aForType,
+        viz: this.$route.params.name,
+        clearable: true
+      };
+    }
+    //------ /pre-filter ----
+    generateMenu(this);
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    },
+    clearPreFilter() {
+      this.clientCriteria = null;
+      this.preFilterMode = null;
+      this.reload = !this.reload;
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  const m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "new":
+        m.vm.$router.push({
+          name: "customer-edit",
+          params: { recordid: 0 }
+        });
+        break;
+      case "extensions":
+        {
+          const res = await m.vm.$refs.extensions.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            )
+          );
+          if (res && res.refresh == true) {
+            m.vm.reload = !m.vm.reload;
+          }
+        }
+        break;
+      case "report":
+        {
+          const res = await m.vm.$refs.reportSelector.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            ),
+            m.id
+          );
+          if (res == null) {
+            return;
+          }
+          window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
+        }
+        break;
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  const menuOptions = {
+    isMain: true,
+    icon: "$sockiAddressCard",
+    title: "CustomerList",
+    helpUrl: "customers",
+    menuItems: [],
+    formData: {
+      sockType: window.$gz.type.Customer
+    }
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$sockiPlus",
+      surface: true,
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "$sockiFileAlt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  const lastReport = window.$gz.form.getLastReport(FORM_KEY);
+  if (lastReport != null) {
+    menuOptions.menuItems.push({
+      title: lastReport.name,
+      notrans: true,
+      icon: "$sockiFileAlt",
+      key: FORM_KEY + ":report:" + lastReport.id,
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Extensions",
+    icon: "$sockiPuzzlePiece",
+    key: FORM_KEY + ":extensions",
+    vm: vm
+  });
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+</script>

client/src/views/biz-subscription-server-list.vue

@@ -0,0 +1,182 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      ref="extensions"
+      :aya-type="aType"
+      :selected-items="selectedItems"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="customer-list"
+      data-list-key="CustomerDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      data-cy="customersTable"
+      :client-criteria="clientCriteria"
+      :pre-filter-mode="preFilterMode"
+      @selection-change="handleSelected"
+      @clear-pre-filter="clearPreFilter"
+    >
+    </gz-data-table>
+  </div>
+</template>
+
+<script>
+const FORM_KEY = "customer-list";
+export default {
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      aType: window.$gz.type.Customer,
+      selectedItems: [],
+      reload: false,
+      clientCriteria: undefined,
+      preFilterMode: null
+    };
+  },
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.Customer);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+
+    //------ pre-filter ----
+    //OPTIONAL "Show All customers of head office" FILTER
+    this.objectId = window.$gz.util.stringToIntOrNull(
+      this.$route.params.objectId
+    );
+    this.aForType = window.$gz.util.stringToIntOrNull(this.$route.params.aType);
+
+    if (this.objectId && this.objectId != 0 && this.aForType) {
+      //OBJECTID,AYATYPE
+      this.clientCriteria = `${this.objectId},${this.aForType}`;
+
+      this.preFilterMode = {
+        icon: window.$gz.util.iconForType(this.aForType),
+        id: this.objectId,
+        socktype: this.aForType,
+        viz: this.$route.params.name,
+        clearable: true
+      };
+    }
+    //------ /pre-filter ----
+    generateMenu(this);
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    },
+    clearPreFilter() {
+      this.clientCriteria = null;
+      this.preFilterMode = null;
+      this.reload = !this.reload;
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  const m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "new":
+        m.vm.$router.push({
+          name: "customer-edit",
+          params: { recordid: 0 }
+        });
+        break;
+      case "extensions":
+        {
+          const res = await m.vm.$refs.extensions.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            )
+          );
+          if (res && res.refresh == true) {
+            m.vm.reload = !m.vm.reload;
+          }
+        }
+        break;
+      case "report":
+        {
+          const res = await m.vm.$refs.reportSelector.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            ),
+            m.id
+          );
+          if (res == null) {
+            return;
+          }
+          window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
+        }
+        break;
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  const menuOptions = {
+    isMain: true,
+    icon: "$sockiAddressCard",
+    title: "CustomerList",
+    helpUrl: "customers",
+    menuItems: [],
+    formData: {
+      sockType: window.$gz.type.Customer
+    }
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$sockiPlus",
+      surface: true,
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "$sockiFileAlt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  const lastReport = window.$gz.form.getLastReport(FORM_KEY);
+  if (lastReport != null) {
+    menuOptions.menuItems.push({
+      title: lastReport.name,
+      notrans: true,
+      icon: "$sockiFileAlt",
+      key: FORM_KEY + ":report:" + lastReport.id,
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Extensions",
+    icon: "$sockiPuzzlePiece",
+    key: FORM_KEY + ":extensions",
+    vm: vm
+  });
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+</script>

client/src/views/biz-trial-request-list.vue

@@ -0,0 +1,182 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      ref="extensions"
+      :aya-type="aType"
+      :selected-items="selectedItems"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="customer-list"
+      data-list-key="CustomerDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      data-cy="customersTable"
+      :client-criteria="clientCriteria"
+      :pre-filter-mode="preFilterMode"
+      @selection-change="handleSelected"
+      @clear-pre-filter="clearPreFilter"
+    >
+    </gz-data-table>
+  </div>
+</template>
+
+<script>
+const FORM_KEY = "customer-list";
+export default {
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      aType: window.$gz.type.Customer,
+      selectedItems: [],
+      reload: false,
+      clientCriteria: undefined,
+      preFilterMode: null
+    };
+  },
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.Customer);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+
+    //------ pre-filter ----
+    //OPTIONAL "Show All customers of head office" FILTER
+    this.objectId = window.$gz.util.stringToIntOrNull(
+      this.$route.params.objectId
+    );
+    this.aForType = window.$gz.util.stringToIntOrNull(this.$route.params.aType);
+
+    if (this.objectId && this.objectId != 0 && this.aForType) {
+      //OBJECTID,AYATYPE
+      this.clientCriteria = `${this.objectId},${this.aForType}`;
+
+      this.preFilterMode = {
+        icon: window.$gz.util.iconForType(this.aForType),
+        id: this.objectId,
+        socktype: this.aForType,
+        viz: this.$route.params.name,
+        clearable: true
+      };
+    }
+    //------ /pre-filter ----
+    generateMenu(this);
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    },
+    clearPreFilter() {
+      this.clientCriteria = null;
+      this.preFilterMode = null;
+      this.reload = !this.reload;
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  const m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "new":
+        m.vm.$router.push({
+          name: "customer-edit",
+          params: { recordid: 0 }
+        });
+        break;
+      case "extensions":
+        {
+          const res = await m.vm.$refs.extensions.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            )
+          );
+          if (res && res.refresh == true) {
+            m.vm.reload = !m.vm.reload;
+          }
+        }
+        break;
+      case "report":
+        {
+          const res = await m.vm.$refs.reportSelector.open(
+            m.vm.$refs.gzdatatable.getDataListSelection(
+              window.$gz.type.Customer
+            ),
+            m.id
+          );
+          if (res == null) {
+            return;
+          }
+          window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
+        }
+        break;
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  const menuOptions = {
+    isMain: true,
+    icon: "$sockiAddressCard",
+    title: "CustomerList",
+    helpUrl: "customers",
+    menuItems: [],
+    formData: {
+      sockType: window.$gz.type.Customer
+    }
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$sockiPlus",
+      surface: true,
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "$sockiFileAlt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  const lastReport = window.$gz.form.getLastReport(FORM_KEY);
+  if (lastReport != null) {
+    menuOptions.menuItems.push({
+      title: lastReport.name,
+      notrans: true,
+      icon: "$sockiFileAlt",
+      key: FORM_KEY + ":report:" + lastReport.id,
+      vm: vm
+    });
+  }
+
+  menuOptions.menuItems.push({
+    title: "Extensions",
+    icon: "$sockiPuzzlePiece",
+    key: FORM_KEY + ":extensions",
+    vm: vm
+  });
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+</script>

server/PickList/PickListFactory.cs

@@ -21,9 +21,13 @@ namespace Sockeye.PickList
                     return new HeadOfficePickList() as IAyaPickList;
                 case SockType.User:
                     return new UserPickList() as IAyaPickList;
-
                 case SockType.Report:
                     return new ReportPickList() as IAyaPickList;
+                case SockType.Vendor:
+                    return new VendorPickList() as IAyaPickList;
+                case SockType.Product:
+                    return new ProductPickList() as IAyaPickList;
+
 
                 //@##### WARNING: BE SURE TO ADD NEW TYPES BELOW OR USERS WON"T BE ABLE TO EDIT THE TEMPLATE FOR THEM
 
@@ -45,6 +49,8 @@ namespace Sockeye.PickList
             values.Add(SockType.HeadOffice);
             values.Add(SockType.Report);
             values.Add(SockType.User);
+            values.Add(SockType.Vendor);
+            values.Add(SockType.Product);
 
 
             //### NEW ONES HERE

server/biz/FormFieldReference.cs

@@ -355,6 +355,22 @@ namespace Sockeye.Biz
                 }
                 #endregion
 
+                #region Product
+                {
+                    List<FormField> l = new List<FormField>();
+                    l.Add(new FormField { TKey = "ProductLicenseInterval", FieldKey = "ProductLicenseInterval" });
+                    l.Add(new FormField { TKey = "ProductMaintInterval", FieldKey = "ProductMaintInterval" });
+                    l.Add(new FormField { TKey = "ProductVendorCode", FieldKey = "ProductVendorCode" });
+                    l.Add(new FormField { TKey = "ProductOurCode", FieldKey = "ProductOurCode" });
+
+                    l.Add(new FormField { TKey = "Tags", FieldKey = "Tags" });
+                    l.Add(new FormField { TKey = "Wiki", FieldKey = "Wiki" });
+                    l.Add(new FormField { TKey = "Attachments", FieldKey = "Attachments", Requireable = false });
+
+
+                    _formFields.Add(SockType.Product.ToString(), l);
+                }
+                #endregion
 
 
                 //******************************************************