Zalozky, statistika

resources/js/app.js

@@ -42,6 +42,12 @@ Vue.use(Datetime);
 
 Vue.component('stats-table', require('./components/StatisticsComponent.vue').default);
 
+import { TabsPlugin } from 'bootstrap-vue'
+Vue.use(TabsPlugin);
+
+import { CardPlugin } from 'bootstrap-vue'
+Vue.use(CardPlugin);
+
 //(function () {
     var app = new Vue({
       el: '#app',
@@ -53,6 +59,8 @@ Vue.component('stats-table', require('./components/StatisticsComponent.vue').def
         startdate: null,
         enddate: null,
         componentKey: 0,
+        ti: 0, //Tab Index
+        graphShow: [],
         params: {
           data: [],     
           border: true,
@@ -103,6 +111,15 @@ Vue.component('stats-table', require('./components/StatisticsComponent.vue').def
         displayResults: function () {
           this.getData();
         },
+        resizeGraph: function (i) {
+          console.log("RESIZE");
+          let index = "dg[" + i + "]";
+          console.log('Change tab:',i);
+          this.$nextTick(() => {
+            app.$refs[index]._data._graph.resize();
+          });
+
+        },
         getData: function () {
 
         axios.get('/data', {