ayanova/src/api/dash-registry.js

@@ -13,6 +13,28 @@ export default {
       title: "Priciest widgets",
       type: "GzDashTestListWidgetsPriciest"
     },
+    {
+      id: "TestBarWidgetCountByUserType",
+      roles: [
+        role.BizAdminFull,
+        role.BizAdminLimited,
+        role.SalesFull,
+        role.SalesLimited
+      ],
+      title: "Widgets by User type",
+      type: "GzDashTestBarWidgetCountByUserType"
+    },
+    {
+      id: "TestLineWidgetMonthlyTotalPrice",
+      roles: [
+        role.BizAdminFull,
+        role.BizAdminLimited,
+        role.SalesFull,
+        role.SalesLimited
+      ],
+      title: "Widget monthly total",
+      type: "GzDashTestLineWidgetMonthlyTotalPrice"
+    },
     {
       id: "dashBizOnlyTest",
       roles: [role.BizAdminFull, role.BizAdminLimited],

ayanova/src/components/dash-test-bar-widget-count-by-usertype.vue

@@ -0,0 +1,38 @@
+<template>
+  <gz-dash
+    icon="$ayiSplotch"
+    :updateFrequency="60000"
+    v-on:dash-refresh="loadData"
+    v-on="$listeners"
+    v-bind="$attrs"
+  >
+    <template slot="main">
+      <div class="ml-4 mt-1 d-flex align-center">
+        <div>
+          <span class="purple--text">
+            BAR CHART Widget count by UserType CONTENT HERE</span
+          >
+        </div>
+      </div>
+    </template>
+  </gz-dash>
+</template>
+<script>
+import GzDash from "../components/dash-base.vue";
+export default {
+  components: {
+    GzDash
+  },
+  data() {
+    return {};
+  },
+  props: {},
+  created() {},
+  computed: {},
+  methods: {
+    loadData: function() {
+      console.log("GzDashTestBarWidgetCountByUserType::loadData");
+    }
+  }
+};
+</script>

ayanova/src/views/home-dashboard.vue

@@ -84,11 +84,13 @@ import DashRegistry from "../api/dash-registry";
 import GzDashBase from "../components/dash-base.vue";
 //---------- DASH ITEMS ----------
 import GzDashTestListWidgetsPriciest from "../components/dash-test-list-widgets-priciest.vue";
+import GzDashTestBarWidgetCountByUserType from "../components/dash-test-bar-widget-count-by-usertype.vue";
 
 export default {
   components: {
     GzDashBase,
-    GzDashTestListWidgetsPriciest
+    GzDashTestListWidgetsPriciest,
+    GzDashTestBarWidgetCountByUserType
   },
   beforeCreate() {
     window.$gz.eventBus.$emit("menu-change", {