ayanova/src/components/dash-test-line-widget-monthly-total-price.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="indigo--text">
+            LINE CHART Widget total monthly price 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("GzDashTestLineWidgetMonthlyTotalPrice::loadData");
+    }
+  }
+};
+</script>

ayanova/src/views/home-dashboard.vue

@@ -85,12 +85,14 @@ 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";
+import GzDashTestLineWidgetMonthlyTotalPrice from "../components/dash-test-line-widget-monthly-total-price.vue";
 
 export default {
   components: {
     GzDashBase,
     GzDashTestListWidgetsPriciest,
-    GzDashTestBarWidgetCountByUserType
+    GzDashTestBarWidgetCountByUserType,
+    GzDashTestLineWidgetMonthlyTotalPrice
   },
   beforeCreate() {
     window.$gz.eventBus.$emit("menu-change", {