{"version":3,"sources":["webpack:///./src/components/livedata/LiveDataBase.vue?0a45","webpack:///./src/views/Home.vue?e650","webpack:///./src/components/livedata/LiveDataBase.vue?2649","webpack:///src/components/livedata/LiveDataBase.vue","webpack:///./src/components/livedata/LiveDataBase.vue?d3cb","webpack:///./src/components/livedata/LiveDataBase.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?231f","webpack:///./src/views/Home.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","attrs","_v","_s","$t","active","_l","item","key","imei","staticStyle","class","DataType","Imei","SerialNumber","CreatedAt","Json","items","length","_e","name","data","socket","methods","onConnect","onClose","onMessage","datas","d","JSON","parse","unshift","pop","console","log","event","computed","component","VCard","VCardTitle","VChip","VCol","VContainer","VDivider","VMain","VProgressCircular","VRow","VSpacer","components","LiveDataBase"],"mappings":"kHAAA,yBAAmiB,EAAG,G,kECAtiB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,iBAAiB,IAC/IG,EAAkB,GCDlB,EAAS,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACA,EAAG,SAAS,CAACE,YAAY,yDAAyDE,MAAM,CAAC,YAAY,KAAK,CAACJ,EAAG,cAAc,CAACA,EAAG,eAAe,CAACE,YAAY,iBAAiB,CAACN,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,eAAe,KAAKP,EAAG,YAAYA,EAAG,SAAS,CAACE,YAAY,iBAAiBE,MAAM,CAAC,MAAQR,EAAIY,OAAS,UAAY,UAAU,CAACZ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIY,OAASZ,EAAIW,GAAG,iBAAmBX,EAAIW,GAAG,sBAAsB,IAAI,GAAGP,EAAG,aAAaJ,EAAIa,GAAIb,EAAS,OAAE,SAASc,GAAM,OAAOV,EAAG,MAAM,CAACW,IAAID,EAAKE,KAAKV,YAAY,aAAa,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACa,YAAY,CAAC,QAAU,KAAKT,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,MAAM,CAACJ,EAAG,MAAM,CAACa,YAAY,CAAC,YAAY,OAAO,OAAS,kBAAkB,OAAS,WAAW,CAACb,EAAG,MAAM,CAACc,MAAM,OAASJ,EAAKK,SAAW,eAAef,EAAG,QAAQ,CAACI,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,MAAM,CAACJ,EAAG,KAAK,CAACa,YAAY,CAAC,aAAa,UAAU,CAACjB,EAAIS,GAAG,WAAWL,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAIU,GAAGI,EAAKM,SAAShB,EAAG,KAAK,CAACa,YAAY,CAAC,aAAa,UAAU,CAACjB,EAAIS,GAAG,mBAAmBL,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAIU,GAAGI,EAAKO,iBAAiBjB,EAAG,KAAK,CAACa,YAAY,CAAC,aAAa,UAAU,CAACjB,EAAIS,GAAG,eAAeL,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAIU,GAAGI,EAAKK,aAAaf,EAAG,KAAK,CAACa,YAAY,CAAC,aAAa,UAAU,CAACjB,EAAIS,GAAG,iBAAiBL,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAIU,GAAGI,EAAKQ,gBAAgBlB,EAAG,QAAQ,CAACa,YAAY,CAAC,QAAU,KAAKT,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,MAAM,CAACJ,EAAG,SAAS,CAACE,YAAY,kBAAkB,CAACF,EAAG,kBAAkB,CAACa,YAAY,CAAC,OAAS,QAAQT,MAAM,CAAC,KAAO,EAAE,KAAOM,EAAKS,SAAS,IAAI,IAAI,IAAI,MAAMvB,EAAIwB,MAAMC,QAAU,EAAGrB,EAAG,cAAc,CAACI,MAAM,CAAC,MAAQ,GAAG,cAAc,KAAK,CAACJ,EAAG,QAAQ,CAACI,MAAM,CAAC,MAAQ,SAAS,QAAU,WAAW,CAACJ,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,oBAAoBP,EAAG,cAAc,CAACa,YAAY,CAAC,MAAQ,SAAS,CAACb,EAAG,sBAAsB,CAACI,MAAM,CAAC,KAAO,GAAG,MAAQ,EAAE,MAAQ,UAAU,cAAgB,OAAO,IAAI,IAAI,GAAGR,EAAI0B,MAAM,IAAI,IACj6D,EAAkB,G,4FCuEtB,GACEC,KAAM,eACNC,KAFF,WAGI,MAAO,CACLJ,MAAO,GACPK,OAAQ,KACRjB,QAAQ,IAIZ,QAVF,WAUA,gKACA,iBACA,sBACA,EAGA,+BAEA,2BACA,0BACA,yEAGA,4BACA,2BACA,+BACA,6BACA,qBACA,gBAlBA,8CAqBEkB,QAAS,CACPC,UADJ,WAEM9B,KAAKW,QAAS,GAGhBoB,QALJ,WAOM/B,KAAKW,QAAS,GAGhBqB,UAVJ,SAUA,GACM,IACE,IAAR,qBAEQ,IAAK,IAAb,OACUC,EAAMC,GAAGZ,KAAOa,KAAKC,MAAMH,EAAMC,GAAGZ,MACpCW,EAAMC,GAAGb,UAAY,OAA/B,OAA+B,CAA/B,2BAEUrB,KAAKuB,MAAMc,QAAQJ,EAAMC,IAGvBlC,KAAKuB,MAAMC,OAAS,KAAKxB,KAAKuB,MAAMe,MAChD,SACQC,QAAQC,IAAI,wBAAyBC,MAK3CC,SAAU,OAAZ,OAAY,CAAZ,GACA,qECpIma,I,qKCQ/ZC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,EAAiB,QAchC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,WAAA,OAAWC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,WAAA,KAASC,QAAA,KAAMC,oBAAA,KAAkBC,OAAA,KAAKC,UAAA,OCvB3G,OACE3B,KAAM,OACN4B,WAAY,CACVC,aAAJ,ICbyY,ICOrY,EAAY,eACd,EACAzD,EACAQ,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-0a18f7ab.986f63a8.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LiveDataBase.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LiveDataBase.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home\"},[_c('LiveDataBase')],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('v-main',[_c('v-card',{staticClass:\"card-live-data align-center justify-center text-center\",attrs:{\"no-gutter\":\"\"}},[_c('v-container',[_c('v-card-title',{staticClass:\"headline mb-2\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"live.title\"))+\" \"),_c('v-spacer'),_c('v-chip',{staticClass:\"text-uppercase\",attrs:{\"color\":_vm.active ? 'success' : 'error'}},[_vm._v(_vm._s(_vm.active ? _vm.$t(\"live.statusOk\") : _vm.$t(\"live.statusNo\")))])],1)],1),_c('v-divider'),_vm._l((_vm.items),function(item){return _c('div',{key:item.imei,staticClass:\"live-data\"},[_c('v-row',[_c('v-col',{staticStyle:{\"padding\":\"0\"},attrs:{\"cols\":\"12\",\"sm\":\"2\",\"md\":\"1\"}},[_c('div',{staticStyle:{\"max-width\":\"10px\",\"height\":\"100% !important\",\"margin\":\"0 auto\"}},[_c('div',{class:'bar ' + item.DataType + '-COLOR'})])]),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"5\",\"md\":\"5\"}},[_c('h4',{staticStyle:{\"margin-top\":\".5rem\"}},[_vm._v(\"Imei:\")]),_c('span',[_vm._v(_vm._s(item.Imei))]),_c('h4',{staticStyle:{\"margin-top\":\".5rem\"}},[_vm._v(\"SerialNumber:\")]),_c('span',[_vm._v(_vm._s(item.SerialNumber))]),_c('h4',{staticStyle:{\"margin-top\":\".5rem\"}},[_vm._v(\"DataType:\")]),_c('span',[_vm._v(_vm._s(item.DataType))]),_c('h4',{staticStyle:{\"margin-top\":\".5rem\"}},[_vm._v(\"Created At:\")]),_c('span',[_vm._v(_vm._s(item.CreatedAt))])]),_c('v-col',{staticStyle:{\"padding\":\"0\"},attrs:{\"cols\":\"12\",\"sm\":\"5\",\"md\":\"6\"}},[_c('v-main',{staticClass:\"live-data-json\"},[_c('vue-json-pretty',{staticStyle:{\"margin\":\"1rem\"},attrs:{\"deep\":0,\"data\":item.Json}})],1)],1)],1)],1)}),(_vm.items.length <= 0)?_c('v-container',{attrs:{\"fluid\":\"\",\"fill-height\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"live.waiting\")))]),_c('v-container',{staticStyle:{\"width\":\"100%\"}},[_c('v-progress-circular',{attrs:{\"size\":70,\"width\":7,\"color\":\"primary\",\"indeterminate\":\"\"}})],1)],1)],1):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-main>\r\n    <v-card\r\n      no-gutter\r\n      class=\"card-live-data align-center justify-center text-center\"\r\n    >\r\n      <v-container>\r\n        <v-card-title class=\"headline mb-2\">\r\n          {{ $t(\"live.title\") }}\r\n          <v-spacer></v-spacer>\r\n          <v-chip\r\n            :color=\"active ? 'success' : 'error'\"\r\n            class=\"text-uppercase\"\r\n            >{{ active ? $t(\"live.statusOk\") : $t(\"live.statusNo\") }}</v-chip\r\n          >\r\n        </v-card-title>\r\n      </v-container>\r\n      <v-divider></v-divider>\r\n      <div v-for=\"item in items\" :key=\"item.imei\" class=\"live-data\">\r\n        <v-row>\r\n          <v-col cols=\"12\" sm=\"2\" md=\"1\" style=\"padding: 0\">\r\n            <div\r\n              style=\"max-width: 10px; height: 100% !important; margin: 0 auto\"\r\n            >\r\n              <div :class=\"'bar ' + item.DataType + '-COLOR'\"></div>\r\n            </div>\r\n          </v-col>\r\n\r\n          <v-col cols=\"12\" sm=\"5\" md=\"5\">\r\n            <h4 style=\"margin-top: .5rem;\">Imei:</h4>\r\n            <span>{{ item.Imei }}</span>\r\n            <h4 style=\"margin-top: .5rem;\">SerialNumber:</h4>\r\n            <span>{{ item.SerialNumber }}</span>\r\n            <h4 style=\"margin-top: .5rem;\">DataType:</h4>\r\n            <span>{{ item.DataType }}</span>\r\n            <h4 style=\"margin-top: .5rem;\">Created At:</h4>\r\n            <span>{{ item.CreatedAt }}</span>\r\n          </v-col>\r\n\r\n          <v-col cols=\"12\" sm=\"5\" md=\"6\" style=\"padding: 0;\">\r\n            <v-main class=\"live-data-json\">\r\n              <vue-json-pretty\r\n                style=\"margin: 1rem;\"\r\n                :deep=\"0\"\r\n                :data=\"item.Json\"\r\n              />\r\n            </v-main>\r\n          </v-col>\r\n        </v-row>\r\n      </div>\r\n\r\n      <v-container fluid fill-height v-if=\"items.length <= 0\">\r\n        <v-row align=\"center\" justify=\"center\">\r\n          <h1>{{ $t(\"live.waiting\") }}</h1>\r\n          <v-container style=\"width:100%\">\r\n            <v-progress-circular\r\n              :size=\"70\"\r\n              :width=\"7\"\r\n              color=\"primary\"\r\n              indeterminate\r\n            ></v-progress-circular>\r\n          </v-container>\r\n        </v-row>\r\n      </v-container>\r\n    </v-card>\r\n  </v-main>\r\n</template>\r\n\r\n<script>\r\nimport { format } from \"date-fns\";\r\nimport { mapState } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"LiveDataBase\",\r\n  data() {\r\n    return {\r\n      items: [],\r\n      socket: null,\r\n      active: false\r\n    };\r\n  },\r\n\r\n  async created() {\r\n    if (this.socket == null) {\r\n      var token = this.currentUser.token;\r\n      let apiPath =\r\n        process.env.NODE_ENV == \"development\"\r\n          ? \"http://localhost:5000\"\r\n          : process.env.VUE_APP_SO_API_BASE_URL;\r\n\r\n      apiPath = apiPath.replace(\"https://\", \"\");\r\n      apiPath = apiPath.replace(\"http://\", \"\");\r\n      this.socket = new WebSocket(`ws://${apiPath}/ws?access_token=${token}`);\r\n    }\r\n\r\n    this.socket.onopen = this.onConnect;\r\n    this.socket.onclose = this.onClose;\r\n    this.socket.onmessage = this.onMessage;\r\n    this.socket.onerror = function(event) {\r\n      console.log(\"ERROR\");\r\n      console.log(event);\r\n    };\r\n  },\r\n  methods: {\r\n    onConnect() {\r\n      this.active = true;\r\n    },\r\n\r\n    onClose() {\r\n      // Display that the connection is not active anymore\r\n      this.active = false;\r\n    },\r\n\r\n    onMessage(event) {\r\n      try {\r\n        let datas = JSON.parse(event.data);\r\n\r\n        for (let d in datas) {\r\n          datas[d].Json = JSON.parse(datas[d].Json);\r\n          datas[d].CreatedAt = format(new Date(), \"dd MMM - HH:mm\");\r\n\r\n          this.items.unshift(datas[d]);\r\n        }\r\n\r\n        if (this.items.length > 100) this.items.pop();\r\n      } catch (e) {\r\n        console.log(\"Could not parse JSON.\", event);\r\n      }\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"users\", [\"currentUser\", \"userCompany\", \"hasCompany\"])\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n.live-data {\r\n  width: 100%;\r\n  max-height: 40vh;\r\n}\r\n\r\n.live-data {\r\n  overflow-y: scroll;\r\n  scrollbar-width: none; /* Firefox */\r\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\r\n}\r\n.live-data::-webkit-scrollbar {\r\n  /* WebKit */\r\n  width: 0;\r\n  height: 0;\r\n}\r\n\r\n.live-data-json {\r\n  text-align: left;\r\n  background-color: rgb(255, 87, 34, 0.4);\r\n  height: 100% !important;\r\n}\r\n\r\n.live-data::-webkit-scrollbar {\r\n  display: none; /* Safari and Chrome */\r\n}\r\n\r\n.live-data:nth-of-type(2n) {\r\n  background-color: #484747;\r\n}\r\n\r\n.card-live-data {\r\n  width: 80% !important;\r\n  height: 80vh !important;\r\n  margin: 0 auto;\r\n}\r\n\r\n.card-live-data {\r\n  overflow-y: scroll;\r\n  scrollbar-width: none; /* Firefox */\r\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\r\n}\r\n\r\n.card-live-data::-webkit-scrollbar {\r\n  /* WebKit */\r\n  width: 0;\r\n  height: 0;\r\n}\r\n\r\n.circle {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 100%;\r\n  height: 0;\r\n  padding: 50% 0;\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n\r\n  /* Just making it pretty */\r\n  color: white;\r\n  font-family: Helvetica, Arial Black, sans;\r\n  font-size: 23px;\r\n  text-align: center;\r\n}\r\n\r\n.DATAUPLINK-COLOR {\r\n  background-color: #81d4fa;\r\n}\r\n\r\n.DEBUG-COLOR {\r\n  background-color: #ff9100;\r\n}\r\n\r\n.HELLO-COLOR {\r\n  background-color: #00e676;\r\n}\r\n\r\n.circle-title {\r\n  font-size: 1rem;\r\n}\r\n\r\n.bar {\r\n  height: 100% !important;\r\n  width: 100% !important;\r\n}\r\n</style>\r\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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LiveDataBase.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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LiveDataBase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LiveDataBase.vue?vue&type=template&id=78d8ad34&\"\nimport script from \"./LiveDataBase.vue?vue&type=script&lang=js&\"\nexport * from \"./LiveDataBase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LiveDataBase.vue?vue&type=style&index=0&lang=css&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VMain } from 'vuetify/lib/components/VMain';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardTitle,VChip,VCol,VContainer,VDivider,VMain,VProgressCircular,VRow,VSpacer})\n","<template>\r\n  <div class=\"home\">\r\n    <LiveDataBase />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\nimport LiveDataBase from \"@/components/livedata/LiveDataBase\";\r\n\r\nexport default {\r\n  name: \"Home\",\r\n  components: {\r\n    LiveDataBase\r\n  }\r\n};\r\n</script>\r\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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=f4a50e18&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.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"],"sourceRoot":""}