{"version":3,"sources":["webpack:///./src/components/devices/assignDevice.vue?ebca","webpack:///src/components/devices/assignDevice.vue","webpack:///./src/components/devices/assignDevice.vue?df91","webpack:///./src/components/devices/assignDevice.vue","webpack:///./src/views/Dashboard.vue?ad7f","webpack:///./src/components/statistics/messages.vue?d632","webpack:///./src/components/wrappers/apexCharts/apexChart.vue?217b","webpack:///src/components/wrappers/apexCharts/apexChart.vue","webpack:///./src/components/wrappers/apexCharts/apexChart.vue?b9da","webpack:///./src/components/wrappers/apexCharts/apexChart.vue","webpack:///src/components/statistics/messages.vue","webpack:///./src/components/statistics/messages.vue?66f1","webpack:///./src/components/statistics/messages.vue","webpack:///src/views/Dashboard.vue","webpack:///./src/views/Dashboard.vue?f24d","webpack:///./node_modules/quasar/src/components/spinner/QSpinnerTail.js","webpack:///./src/views/Dashboard.vue","webpack:///./src/views/Dashboard.vue?0fe3"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","label","emitValue","disable","multiple","devicesLoading","options","on","filterFn","$event","$emit","model","scopedSlots","_u","key","fn","devices","length","staticClass","_v","_e","proxy","value","callback","$$v","expression","staticRenderFns","component","QSelect","QItem","QItemSection","staticStyle","devicesFailedHBLoading","devicesFailedHB","class","_s","currentUserData","role","eventsToBeProcessedLoading","eventsToBeProcessed","parseInt","count","consumerAvgProcTimeLoading","consumerAvgProcTime","AvgTime","Math","round","parseFloat","Number","EPSILON","deviceFilterMobile","$q","screen","lt","sm","val","messagesDevice_id","messagesSeries","hasGoogleLogin","linkWithGoogle","ref","series","_t","height","chartWidth","Vue","extend","name","mixins","mixin","h","classes","qListeners","focusable","cSize","QScrollArea","QPage","QCard","QCardSection","QIcon","QTooltip","QSpinnerTail","QBtn"],"mappings":"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","file":"js/dashboard.58dec7ad.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('q-select',{attrs:{\"use-input\":\"\",\"input-debounce\":\"0\",\"label\":_vm.label,\"option-label\":\"id\",\"option-value\":\"id\",\"emit-value\":_vm.emitValue,\"map-options\":\"\",\"disable\":_vm.disable,\"hint\":\"\",\"use-chips\":_vm.multiple,\"multiple\":_vm.multiple,\"loading\":_vm.devicesLoading,\"clearable\":\"clearable\",\"options\":_vm.options},on:{\"filter\":_vm.filterFn,\"input\":function($event){return _vm.$emit('changed', _vm.model)}},scopedSlots:_vm._u([{key:\"no-option\",fn:function(){return [_c('q-item',[(_vm.devices.length == 0)?_c('q-item-section',{staticClass:\"text-grey\"},[_vm._v(\" No results \")]):_vm._e(),(_vm.devices.length != 0)?_c('q-item-section',{staticClass:\"text-grey\"},[_vm._v(\" All devices are currently assigned, no devices available \")]):_vm._e()],1)]},proxy:true}]),model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:\"model\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <q-select\n      v-model=\"model\"\n      use-input\n      input-debounce=\"0\"\n      :label=\"label\"\n      option-label=\"id\"\n      option-value=\"id\"\n      :emit-value=\"emitValue\"\n      map-options\n      :disable=\"disable\"\n      hint=\"\"\n      :use-chips=\"multiple\"\n      :multiple=\"multiple\"\n      :loading=\"devicesLoading\"\n      clearable=\"clearable\"\n      :options=\"options\"\n      @filter=\"filterFn\"\n      @input=\"$emit('changed', model)\"\n    >\n      <template v-slot:no-option>\n        <q-item>\n          <q-item-section v-if=\"devices.length == 0\" class=\"text-grey\">\n            No results\n          </q-item-section>\n          <q-item-section v-if=\"devices.length != 0\" class=\"text-grey\">\n            All devices are currently assigned, no devices available\n          </q-item-section>\n        </q-item>\n      </template>\n    </q-select>\n  </div>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n\n  export default {\n    props: {\n      id: {\n        default: null,\n      },\n      label: {\n        type: String,\n        default: \"Assign Device\",\n      },\n      multiple: {\n        type: Boolean,\n        default: false,\n      },\n      disable: {\n        type: Boolean,\n        default: false,\n      },\n      filterOrganizationsID: {\n        default: null,\n      },\n      filterApplicationsID: {\n        default: null,\n      },\n      allowOwned: {\n        default: false,\n      },\n      emitValue: {\n        default: true,\n      },\n      clearable: {\n        default: false,\n      },\n    },\n    computed: {\n      ...mapGetters({\n        currentUser: \"auth/currentUser\",\n        devices: \"devices/list\",\n        devicesLoading: \"devices/listLoading\",\n      }),\n    },\n    watch: {\n      id: function () {\n        this.init();\n      },\n      devices: function () {\n        this.init();\n      },\n      filterOrganizationsID: function () {\n        this.init();\n      },\n    },\n    data: () => ({\n      model: null,\n      options: [],\n    }),\n    mounted() {\n      this.init();\n    },\n    methods: {\n      init() {\n        let devices = this.getDevicesList();\n\n        this.options = devices;\n        let idList = null;\n        if (this.multiple && this.id) {\n          idList = this.id.split(\",\").map(function (x) {\n            return parseInt(x, 10);\n          });\n        } else {\n          idList = this.id;\n        }\n        this.model = idList;\n      },\n      filterFn(val, update) {\n        let devices = this.getDevicesList();\n\n        if (val === \"\") {\n          update(() => {\n            this.options = devices;\n          });\n          return;\n        } else {\n          update(() => {\n            const needle = val.toLowerCase();\n            this.options = devices.filter(\n              (v) => v.id.toLowerCase().indexOf(needle) > -1\n            );\n          });\n        }\n      },\n      getDevicesList() {\n        let devices = JSON.parse(JSON.stringify(this.devices));\n        if (this.filterOrganizationsID) {\n          devices = devices.filter(\n            (d) =>\n              d.organizations_id == this.filterOrganizationsID &&\n              (!d.ownerships_id || !this.allowOwned) &&\n              !d.deployments_id\n          );\n        }\n        if (this.filterApplicationsID) {\n          devices = devices.filter(\n            (d) =>\n              d.applications_id == this.filterApplicationsID &&\n              (!d.ownerships_id || !this.allowOwned) &&\n              !d.deployments_id\n          );\n        }\n        console.log(devices);\n        return devices;\n      },\n    },\n  };\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./assignDevice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./assignDevice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./assignDevice.vue?vue&type=template&id=db058c76&\"\nimport script from \"./assignDevice.vue?vue&type=script&lang=js&\"\nexport * from \"./assignDevice.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport QItemSection from 'quasar/src/components/item/QItemSection.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(component, 'components', {QSelect,QItem,QItemSection});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('q-scroll-area',{staticStyle:{\"height\":\"calc(100vh - 50px) !important\"}},[_c('q-page',{attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"row full-width\"},[_c('div',{staticClass:\"col smallStatCard q-pa-md\"},[_c('q-card',{staticClass:\"full-width full-height statsCard\"},[_c('q-card-section',{staticClass:\"full-height\"},[_c('q-icon',{staticClass:\"helpToolTipIcon\",attrs:{\"name\":\"mdi-help-circle-outline\"}},[_c('q-tooltip',[_c('div',{staticClass:\"statsCard-tooltipTextContainer\"},[_vm._v(\" This is the number of devices that have failed their heartbeat checking with the API. \")])])],1),_c('div',{staticClass:\"container\"},[(_vm.devicesFailedHBLoading && !_vm.devicesFailedHB)?_c('q-spinner-tail',{attrs:{\"color\":\"primary\",\"size\":\"50px\"}}):_vm._e(),(_vm.devicesFailedHB)?_c('h2',{staticClass:\"q-my-none stat\",class:{\n                  'text-positive': _vm.devicesFailedHB.length == 0,\n                  'text-warning': _vm.devicesFailedHB.length > 0,\n                  'text-negative': _vm.devicesFailedHB.length > 10,\n                }},[_vm._v(\" \"+_vm._s(_vm.devicesFailedHB.length)+\" \")]):_vm._e(),_c('h3',{staticClass:\"q-my-none description\"},[_vm._v(\"Devices Failed Heartbeat\")])],1)],1)],1)],1),(_vm.currentUserData.role == 'superAdmin')?_c('div',{staticClass:\"col-12 col-sm-6 col-md-4 smallStatCard q-pa-md\"},[_c('q-card',{staticClass:\"full-width full-height statsCard\"},[_c('q-card-section',{staticClass:\"full-height\"},[_c('q-icon',{staticClass:\"helpToolTipIcon\",attrs:{\"name\":\"mdi-help-circle-outline\"}},[_c('q-tooltip',[_c('div',{staticClass:\"statsCard-tooltipTextContainer\"},[_vm._v(\" This is the number of events that need to be processed by our consumer. The consumer can process 100 events at a time. \")])])],1),_c('div',{staticClass:\"container\"},[(_vm.eventsToBeProcessedLoading && !_vm.eventsToBeProcessed)?_c('q-spinner-tail',{attrs:{\"color\":\"primary\",\"size\":\"50px\"}}):_vm._e(),(_vm.eventsToBeProcessed)?_c('h2',{staticClass:\"q-my-none stat\",class:{\n                  'text-positive': parseInt(_vm.eventsToBeProcessed.count) <= 100,\n                  'text-warning': parseInt(_vm.eventsToBeProcessed.count) > 100,\n                  'text-negative': parseInt(_vm.eventsToBeProcessed.count) > 200,\n                }},[_vm._v(\" \"+_vm._s(_vm.eventsToBeProcessed.count)+\" \")]):_vm._e(),_c('h3',{staticClass:\"q-my-none description\"},[_vm._v(\"Events to be Processed\")])],1)],1)],1)],1):_vm._e(),(_vm.currentUserData.role == 'superAdmin')?_c('div',{staticClass:\"col-12 col-md-4 smallStatCard q-pa-md\"},[_c('q-card',{staticClass:\"full-width full-height statsCard\"},[_c('q-card-section',{staticClass:\"full-height\"},[_c('q-icon',{staticClass:\"helpToolTipIcon\",attrs:{\"name\":\"mdi-help-circle-outline\"}},[_c('q-tooltip',[_c('div',{staticClass:\"statsCard-tooltipTextContainer\"},[_vm._v(\" This is the average amount of time it takes our consumer to process a new queued event for the last hour. \")])])],1),_c('div',{staticClass:\"container\"},[(_vm.consumerAvgProcTimeLoading && !_vm.consumerAvgProcTime)?_c('q-spinner-tail',{attrs:{\"color\":\"primary\",\"size\":\"50px\"}}):_vm._e(),(_vm.consumerAvgProcTime)?_c('h2',{staticClass:\"q-my-none stat\",class:{\n                  'text-positive': parseInt(_vm.consumerAvgProcTime.AvgTime) <= 6,\n                  'text-warning': parseInt(_vm.consumerAvgProcTime.AvgTime) > 6,\n                  'text-negative': parseInt(_vm.consumerAvgProcTime.AvgTime) > 20,\n                }},[_vm._v(\" \"+_vm._s(Math.round( (parseFloat(_vm.consumerAvgProcTime.AvgTime) + Number.EPSILON) * 100 ) / 100)+\"s \")]):_vm._e(),_c('h3',{staticClass:\"q-my-none description\"},[_vm._v(\"Consumer Process Time\")])],1)],1)],1)],1):_vm._e(),_c('div',{staticClass:\"col-12 largeStatsCard q-pa-md\"},[_c('q-card',{staticClass:\"full-width full-height statsCard\"},[_c('q-card-section',{staticClass:\"full-height\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-sm-6\"},[_c('h3',{staticClass:\"q-my-none graphTitle\"},[_vm._v(\"Message Frequency\")])]),_c('div',{staticClass:\"col-12 col-sm-6\"},[_c('assignDevice',{staticClass:\"deviceFilter\",class:{ deviceFilterMobile: _vm.$q.screen.lt.sm },attrs:{\"clearable\":\"\"},on:{\"changed\":function (val) { return (_vm.messagesDevice_id = val); }},model:{value:(_vm.messagesDevice_id),callback:function ($$v) {_vm.messagesDevice_id=$$v},expression:\"messagesDevice_id\"}})],1)]),_c('messages',{attrs:{\"series\":_vm.messagesSeries}})],1)],1)],1),(_vm.currentUserData.hasGoogleLogin == 0)?_c('div',{staticClass:\"col-12 q-pa-md\"},[_c('q-card',[_c('q-card-section',[_c('div',{staticClass:\"text-h6\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\" Link Account with Google \")])]),_c('q-card-section',[_c('q-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":_vm.linkWithGoogle}},[_vm._v(\" Login with Google \")])],1)],1)],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\"}},[(_vm.series)?_c('apex-chart',{ref:\"apexCharts\",attrs:{\"height\":\"100%\",\"options\":_vm.options,\"series\":_vm.series}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"chartContainer\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\"}},[(_vm.renderGraph)?_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"}},[_vm._t(\"default\"),_c('apexchart',{ref:\"apexChartRef\",attrs:{\"height\":_vm.height,\"width\":(_vm.chartWidth + \"px\"),\"options\":_vm.options,\"series\":_vm.series}})],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"chartContainer\" style=\"width: 100%; height: 100%\">\n    <div v-if=\"renderGraph\" style=\"width: 100%; height: 100%\">\n      <slot></slot>\n      <apexchart\n        ref=\"apexChartRef\"\n        :height=\"height\"\n        :width=\"`${chartWidth}px`\"\n        :options=\"options\"\n        :series=\"series\"\n      ></apexchart>\n      <!-- <apexchart\n        ref=\"apexChartRef\"\n        :height=\"height\"\n        :width=\"`200px`\"\n        :options=\"options\"\n        :series=\"series\"\n      ></apexchart> -->\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    props: {\n      height: String,\n      options: Object,\n      series: Array,\n      resizeChecking: {\n        type: Boolean,\n        default: true,\n      },\n    },\n    data: () => ({\n      chartWidthDebounce: null,\n      chartWidth: 300,\n      renderGraph: false,\n      checkRender: null,\n    }),\n    methods: {\n      handleResize() {\n        this.renderGraph = false;\n        if (this.resizeChecking == true) {\n          clearTimeout(this.chartWidthDebounce);\n          this.chartWidthDebounce = setTimeout(() => {\n            this.chartWidth = this.$refs.chartContainer.clientWidth;\n            this.renderGraph = true;\n          }, 100);\n        } else {\n          this.chartWidth = this.$refs.chartContainer.clientWidth;\n          this.renderGraph = true;\n        }\n      },\n      zoom(min, max) {\n        this.$refs.apexChartRef.zoomX(min == 0 ? 1 : min, max);\n      },\n      dataPointSelection(index) {\n        this.$refs.apexChartRef.toggleDataPointSelection(index, index);\n      },\n      updateSeries(newSeries, animate) {\n        this.$refs.apexChartRef.updateSeries(newSeries, animate);\n        // console.log(newSeries, animate);\n      },\n    },\n    beforeDestroy: function () {\n      window.removeEventListener(\"resize\", this.handleResize);\n      clearInterval(this.checkRender);\n    },\n    mounted() {\n      setTimeout(() => {\n        this.handleResize();\n        if (this.resizeChecking == true) {\n          window.addEventListener(\"resize\", this.handleResize);\n          this.checkRender = setInterval(() => {\n            if (this.chartWidth != this.$refs.chartContainer.clientWidth) {\n              this.handleResize();\n            }\n          }, 500);\n        }\n      }, 10);\n    },\n  };\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./apexChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./apexChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./apexChart.vue?vue&type=template&id=787044fa&\"\nimport script from \"./apexChart.vue?vue&type=script&lang=js&\"\nexport * from \"./apexChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div style=\"height: 100%\">\n    <apex-chart\n      ref=\"apexCharts\"\n      v-if=\"series\"\n      height=\"100%\"\n      :options=\"options\"\n      :series=\"series\"\n    ></apex-chart>\n  </div>\n</template>\n\n<script>\n  import apexChart from \"@/components/wrappers/apexCharts/apexChart.vue\";\n\n  export default {\n    components: {\n      apexChart,\n    },\n    props: {\n      series: [],\n    },\n    computed: {\n      options: function () {\n        return {\n          colors: [\"#ff5e16\", \"#06163a\", \"#4aa13f\"],\n\n          chart: {\n            type: \"bar\",\n          },\n          plotOptions: {\n            bar: {\n              horizontal: this.$q.screen.lt.sm,\n            },\n          },\n          dataLabels: {\n            enabled: false,\n          },\n          stroke: {\n            show: true,\n            width: 2,\n            colors: [\"transparent\"],\n          },\n          xaxis: {\n            categories: [],\n            labels: {\n              maxHeight: 180,\n            },\n          },\n          yaxis: {\n            title: {\n              text: \"Count p/h\",\n            },\n          },\n          fill: {\n            opacity: 1,\n          },\n          tooltip: {\n            y: {\n              formatter: function (val) {\n                return val;\n              },\n            },\n          },\n        };\n      },\n    },\n    watch: {},\n    data: () => ({\n      chartLoaded: true,\n    }),\n    methods: {},\n    beforeDestroy: function () {},\n    mounted() {},\n  };\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./messages.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./messages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./messages.vue?vue&type=template&id=79832294&\"\nimport script from \"./messages.vue?vue&type=script&lang=js&\"\nexport * from \"./messages.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <q-scroll-area style=\"height: calc(100vh - 50px) !important\">\n    <q-page fluid>\n      <div class=\"row full-width\">\n        <div class=\"col smallStatCard q-pa-md\">\n          <q-card class=\"full-width full-height statsCard\">\n            <q-card-section class=\"full-height\">\n              <q-icon class=\"helpToolTipIcon\" name=\"mdi-help-circle-outline\">\n                <q-tooltip>\n                  <div class=\"statsCard-tooltipTextContainer\">\n                    This is the number of devices that have failed their\n                    heartbeat checking with the API.\n                  </div>\n                </q-tooltip>\n              </q-icon>\n              <div class=\"container\">\n                <q-spinner-tail\n                  v-if=\"devicesFailedHBLoading && !devicesFailedHB\"\n                  color=\"primary\"\n                  size=\"50px\"\n                />\n                <h2\n                  v-if=\"devicesFailedHB\"\n                  class=\"q-my-none stat\"\n                  :class=\"{\n                    'text-positive': devicesFailedHB.length == 0,\n                    'text-warning': devicesFailedHB.length > 0,\n                    'text-negative': devicesFailedHB.length > 10,\n                  }\"\n                >\n                  {{ devicesFailedHB.length }}\n                </h2>\n                <h3 class=\"q-my-none description\">Devices Failed Heartbeat</h3>\n              </div>\n            </q-card-section>\n          </q-card>\n        </div>\n\n        <div\n          v-if=\"currentUserData.role == 'superAdmin'\"\n          class=\"col-12 col-sm-6 col-md-4 smallStatCard q-pa-md\"\n        >\n          <q-card class=\"full-width full-height statsCard\">\n            <q-card-section class=\"full-height\">\n              <q-icon class=\"helpToolTipIcon\" name=\"mdi-help-circle-outline\">\n                <q-tooltip>\n                  <div class=\"statsCard-tooltipTextContainer\">\n                    This is the number of events that need to be processed by\n                    our consumer. The consumer can process 100 events at a time.\n                  </div>\n                </q-tooltip>\n              </q-icon>\n              <div class=\"container\">\n                <q-spinner-tail\n                  v-if=\"eventsToBeProcessedLoading && !eventsToBeProcessed\"\n                  color=\"primary\"\n                  size=\"50px\"\n                />\n                <h2\n                  v-if=\"eventsToBeProcessed\"\n                  class=\"q-my-none stat\"\n                  :class=\"{\n                    'text-positive': parseInt(eventsToBeProcessed.count) <= 100,\n                    'text-warning': parseInt(eventsToBeProcessed.count) > 100,\n                    'text-negative': parseInt(eventsToBeProcessed.count) > 200,\n                  }\"\n                >\n                  {{ eventsToBeProcessed.count }}\n                </h2>\n                <h3 class=\"q-my-none description\">Events to be Processed</h3>\n              </div>\n            </q-card-section>\n          </q-card>\n        </div>\n        <div\n          v-if=\"currentUserData.role == 'superAdmin'\"\n          class=\"col-12 col-md-4 smallStatCard q-pa-md\"\n        >\n          <q-card class=\"full-width full-height statsCard\">\n            <q-card-section class=\"full-height\">\n              <q-icon class=\"helpToolTipIcon\" name=\"mdi-help-circle-outline\">\n                <q-tooltip>\n                  <div class=\"statsCard-tooltipTextContainer\">\n                    This is the average amount of time it takes our consumer to\n                    process a new queued event for the last hour.\n                  </div>\n                </q-tooltip>\n              </q-icon>\n              <div class=\"container\">\n                <q-spinner-tail\n                  v-if=\"consumerAvgProcTimeLoading && !consumerAvgProcTime\"\n                  color=\"primary\"\n                  size=\"50px\"\n                />\n                <h2\n                  v-if=\"consumerAvgProcTime\"\n                  class=\"q-my-none stat\"\n                  :class=\"{\n                    'text-positive': parseInt(consumerAvgProcTime.AvgTime) <= 6,\n                    'text-warning': parseInt(consumerAvgProcTime.AvgTime) > 6,\n                    'text-negative': parseInt(consumerAvgProcTime.AvgTime) > 20,\n                  }\"\n                >\n                  {{\n                    Math.round(\n                      (parseFloat(consumerAvgProcTime.AvgTime) +\n                        Number.EPSILON) *\n                        100\n                    ) / 100\n                  }}s\n                </h2>\n                <h3 class=\"q-my-none description\">Consumer Process Time</h3>\n              </div>\n            </q-card-section>\n          </q-card>\n        </div>\n        <div class=\"col-12 largeStatsCard q-pa-md\">\n          <q-card class=\"full-width full-height statsCard\">\n            <q-card-section class=\"full-height\">\n              <div class=\"row\">\n                <div class=\"col-12 col-sm-6\">\n                  <h3 class=\"q-my-none graphTitle\">Message Frequency</h3>\n                </div>\n                <div class=\"col-12 col-sm-6\">\n                  <assignDevice\n                    class=\"deviceFilter\"\n                    :class=\"{ deviceFilterMobile: $q.screen.lt.sm }\"\n                    clearable\n                    v-model=\"messagesDevice_id\"\n                    @changed=\"(val) => (messagesDevice_id = val)\"\n                  />\n                </div>\n              </div>\n\n              <messages :series=\"messagesSeries\" />\n            </q-card-section>\n          </q-card>\n        </div>\n        <div v-if=\"currentUserData.hasGoogleLogin == 0\" class=\"col-12 q-pa-md\">\n          <q-card>\n            <q-card-section>\n              <div style=\"display: inline-block\" class=\"text-h6\">\n                Link Account with Google\n              </div>\n            </q-card-section>\n            <q-card-section>\n              <q-btn color=\"primary\" @click=\"linkWithGoogle\">\n                Login with Google\n              </q-btn>\n            </q-card-section>\n          </q-card>\n        </div>\n      </div>\n    </q-page>\n  </q-scroll-area>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n  import messages from \"@/components/statistics/messages.vue\";\n  import assignDevice from \"@/components/devices/assignDevice.vue\";\n\n  export default {\n    components: {\n      messages,\n      assignDevice,\n    },\n    computed: {\n      ...mapGetters({\n        currentUser: \"auth/currentUser\",\n        currentUserData: \"auth/currentUserData\",\n        messagesFrequency: \"statistics/messagesFrequency\",\n        messagesFrequencyLoading: \"statistics/messagesFrequencyLoading\",\n        devicesFailedHB: \"statistics/devicesFailedHB\",\n        devicesFailedHBLoading: \"statistics/devicesFailedHBLoading\",\n        consumerAvgProcTime: \"statistics/consumerAvgProcTime\",\n        consumerAvgProcTimeLoading: \"statistics/consumerAvgProcTimeLoading\",\n        eventsToBeProcessed: \"statistics/eventsToBeProcessed\",\n        eventsToBeProcessedLoading: \"statistics/eventsToBeProcessedLoading\",\n      }),\n    },\n    watch: {\n      messagesFrequency: function () {\n        this.calculateMessagesSeries();\n      },\n      messagesDevice_id: function () {\n        this.$store.dispatch(\n          \"statistics/loadMessagesFrequency\",\n          this.messagesDevice_id\n        );\n      },\n    },\n    data: () => ({\n      messagesSeries: null,\n      polling: null,\n\n      messagesDevice_id: null,\n    }),\n    created() {\n      this.$store.dispatch(\"devices/loadAll\");\n      this.pollData();\n    },\n    mounted() {\n      this.calculateMessagesSeries();\n    },\n    beforeDestroy() {\n      clearInterval(this.polling);\n    },\n    methods: {\n      linkWithGoogle() {\n        this.$store.dispatch(\"auth/linkWithGoogle\");\n      },\n\n      loadData() {\n        this.$store.dispatch(\n          \"statistics/loadMessagesFrequency\",\n          this.messagesDevice_id\n        );\n        this.$store.dispatch(\"statistics/loadDevicesFailedHB\");\n        this.$store.dispatch(\"statistics/loadConsumerAvgProcTime\");\n        this.$store.dispatch(\"statistics/loadEventsToBeProcessed\");\n      },\n\n      pollData() {\n        this.loadData();\n        this.polling = setInterval(() => {\n          this.loadData();\n        }, 10000);\n      },\n\n      calculateMessagesSeries() {\n        if (this.messagesFrequency) {\n          let localTime = this.$moment().format(\"YYYY-MM-DD\");\n\n          let totalMessagesSeries = [];\n          let eventsSeries = [];\n          this.messagesFrequency.forEach((val) => {\n            let hour = this.$moment\n              .utc(`${localTime} ${val.hour < 10 ? \"0\" : \"\"}${val.hour}:00:00`)\n              .local()\n              .format(\"HH:mm\");\n\n            totalMessagesSeries.push({\n              x: hour,\n              y: val.events,\n            });\n\n            eventsSeries.push({\n              x: hour,\n              y: parseInt(val.rbOrTriggerEvents),\n            });\n          });\n          this.messagesSeries = [\n            {\n              name: \"Total\",\n              type: \"column\",\n              data: totalMessagesSeries,\n            },\n            {\n              name: \"Total Events\",\n              type: \"column\",\n              data: eventsSeries,\n            },\n          ];\n        }\n      },\n    },\n  };\n</script>\n\n<style lang=\"scss\">\n  .statsCard-tooltipTextContainer {\n    max-width: 150px !important;\n    width: 150px !important;\n  }\n\n  .smallStatCard {\n    min-height: 200px;\n    max-height: 200px;\n    height: 200px;\n\n    .statsCard {\n      position: relative;\n\n      .helpToolTipIcon {\n        font-size: 25px;\n        position: absolute;\n        top: 15px;\n        right: 15px;\n      }\n\n      .container {\n        text-align: center;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n\n        .stat {\n          font-size: 50px;\n          font-weight: 500;\n          line-height: 50px;\n        }\n\n        .description {\n          line-height: 25px;\n          font-size: 20px;\n        }\n      }\n    }\n  }\n\n  .largeStatsCard {\n    min-height: 400px;\n\n    .statsCard {\n      .graphTitle {\n        font-size: 30px;\n        font-weight: 500;\n      }\n\n      .deviceFilter {\n        width: 200px;\n        float: right;\n      }\n      .deviceFilterMobile {\n        width: 100% !important;\n      }\n    }\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js&\"","import Vue from 'vue'\n\nimport mixin from './spinner-mixin.js'\n\nexport default Vue.extend({\n  name: 'QSpinnerTail',\n\n  mixins: [mixin],\n\n  render (h) {\n    return h('svg', {\n      staticClass: 'q-spinner',\n      class: this.classes,\n      on: { ...this.qListeners },\n      attrs: {\n        focusable: 'false' /* needed for IE11 */,\n        'width': this.cSize,\n        'height': this.cSize,\n        'viewBox': '0 0 38 38',\n        'xmlns': 'http://www.w3.org/2000/svg'\n      }\n    }, [\n      h('defs', [\n        h('linearGradient', {\n          attrs: {\n            'x1': '8.042%',\n            'y1': '0%',\n            'x2': '65.682%',\n            'y2': '23.865%',\n            'id': 'a'\n          }\n        }, [\n          h('stop', {\n            attrs: {\n              'stop-color': 'currentColor',\n              'stop-opacity': '0',\n              'offset': '0%'\n            }\n          }),\n          h('stop', {\n            attrs: {\n              'stop-color': 'currentColor',\n              'stop-opacity': '.631',\n              'offset': '63.146%'\n            }\n          }),\n          h('stop', {\n            attrs: {\n              'stop-color': 'currentColor',\n              'offset': '100%'\n            }\n          })\n        ])\n      ]),\n      h('g', {\n        attrs: {\n          'transform': 'translate(1 1)',\n          'fill': 'none',\n          'fill-rule': 'evenodd'\n        }\n      }, [\n        h('path', {\n          attrs: {\n            'd': 'M36 18c0-9.94-8.06-18-18-18',\n            'stroke': 'url(#a)',\n            'stroke-width': '2'\n          }\n        }, [\n          h('animateTransform', {\n            attrs: {\n              'attributeName': 'transform',\n              'type': 'rotate',\n              'from': '0 18 18',\n              'to': '360 18 18',\n              'dur': '0.9s',\n              'repeatCount': 'indefinite'\n            }\n          })\n        ]),\n        h('circle', {\n          attrs: {\n            'fill': 'currentColor',\n            'cx': '36',\n            'cy': '18',\n            'r': '1'\n          }\n        }, [\n          h('animateTransform', {\n            attrs: {\n              'attributeName': 'transform',\n              'type': 'rotate',\n              'from': '0 18 18',\n              'to': '360 18 18',\n              'dur': '0.9s',\n              'repeatCount': 'indefinite'\n            }\n          })\n        ])\n      ])\n    ])\n  }\n})\n","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=ccfb49f8&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\nimport QScrollArea from 'quasar/src/components/scroll-area/QScrollArea.js';\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QTooltip from 'quasar/src/components/tooltip/QTooltip.js';\nimport QSpinnerTail from 'quasar/src/components/spinner/QSpinnerTail.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(component, 'components', {QScrollArea,QPage,QCard,QCardSection,QIcon,QTooltip,QSpinnerTail,QBtn});\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}