{"version":3,"sources":["webpack:///./src/components/device/ListDevice.vue?b77d","webpack:///src/components/device/ListDevice.vue","webpack:///./src/components/device/ListDevice.vue?eb5c","webpack:///./src/components/device/ListDevice.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","$t","model","value","callback","$$v","search","expression","staticClass","headers","devices","status","loading","on","clickedRow","scopedSlots","_u","key","fn","ref","item","_v","_s","humanDate","lastContact","staticRenderFns","name","data","computed","methods","gatherMeta","result","undefined","date","$router","push","getColorFromBool","val","component","VDataTable","VMain","VTextField"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,CAAC,QAAU,MAAM,CAACF,EAAG,eAAe,CAACE,YAAY,CAAC,OAAS,aAAaC,MAAM,CAAC,cAAc,cAAc,MAAQP,EAAIQ,GAAG,iBAAiB,cAAc,GAAG,eAAe,IAAIC,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIa,OAAOD,GAAKE,WAAW,YAAYV,EAAG,eAAe,CAACW,YAAY,cAAcR,MAAM,CAAC,QAAUP,EAAIgB,QAAQ,MAAQhB,EAAIiB,QAAQ,QAAUjB,EAAIkB,OAAOC,QAAQ,iBAAiB,GAAG,OAASnB,EAAIa,OAAO,UAAU,cAAc,aAAY,GAAMO,GAAG,CAAC,YAAYpB,EAAIqB,YAAYC,YAAYtB,EAAIuB,GAAG,CAAC,CAACC,IAAI,mBAAmBC,GAAG,SAASC,GACvqB,IAAIC,EAAOD,EAAIC,KACf,MAAO,CAAC3B,EAAI4B,GAAG,IAAI5B,EAAI6B,GAAG7B,EAAI8B,UAAUH,EAAKI,cAAc,SAAS,MAAK,MAAS,IAC9EC,EAAkB,G,sEC6BtB,GACEC,KAAM,aAENC,KAHF,WAII,MAAO,CACLrB,OAAQ,GACRG,QAAS,CACf,CAAQ,KAAR,+BAAQ,MAAR,gBACA,CAAQ,KAAR,uBAAQ,MAAR,QACA,CAAQ,KAAR,8BAAQ,MAAR,eACA,CAAQ,KAAR,wBAAQ,MAAR,QACA,CAAQ,KAAR,8BAAQ,MAAR,eACA,CAAQ,KAAR,GAAQ,MAAR,cAKEmB,SAAU,OAAZ,OAAY,CAAZ,GACA,0BAAI,QAAJ,UAAI,OAAJ,YAGEC,QAAS,OAAX,OAAW,CAAX,kBACA,mCADA,IAGIC,WAHJ,SAGA,GACM,IAAN,KACM,IAAK,IAAX,mBACQC,GAAU,GAAlB,qEAGM,OAAOA,GAGTR,UAZJ,SAYA,GACM,YAAgBS,IAATC,EACb,6CACA,OAGInB,WAlBJ,SAkBA,GACMpB,KAAKwC,QAAQC,KAAK,kBAAxB,qBAGIC,iBAtBJ,SAsBA,GACM,OAAOC,EAAM,UAAY,WAI7B,QAhDF,WAgDA,wKACA,UADA,+CChFia,I,qECO7ZC,EAAY,eACd,EACA9C,EACAiC,GACA,EACA,KACA,KACA,MAIa,aAAAa,EAAiB,QAOhC,IAAkBA,EAAW,CAACC,aAAA,KAAWC,QAAA,KAAMC,aAAA","file":"js/chunk-2d0b6748.94c78c38.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-main',{staticStyle:{\"padding\":\"0\"}},[_c('v-text-field',{staticStyle:{\"margin\":\"0rem 2rem\"},attrs:{\"append-icon\":\"mdi-magnify\",\"label\":_vm.$t('common.search'),\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.devices,\"loading\":_vm.status.loading,\"items-per-page\":50,\"search\":_vm.search,\"sort-by\":\"lastContact\",\"sort-desc\":true},on:{\"click:row\":_vm.clickedRow},scopedSlots:_vm._u([{key:\"item.lastContact\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(_vm.humanDate(item.lastContact))+\" \")]}}],null,true)})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-main style=\"padding: 0\">\r\n    <v-text-field\r\n      v-model=\"search\"\r\n      append-icon=\"mdi-magnify\"\r\n      :label=\"$t('common.search')\"\r\n      single-line\r\n      hide-details\r\n      style=\"margin: 0rem 2rem\"\r\n    ></v-text-field>\r\n\r\n    <v-data-table\r\n      :headers=\"headers\"\r\n      :items=\"devices\"\r\n      :loading=\"status.loading\"\r\n      :items-per-page=\"50\"\r\n      class=\"elevation-1\"\r\n      @click:row=\"clickedRow\"\r\n      :search=\"search\"\r\n      sort-by=\"lastContact\"\r\n      :sort-desc=\"true\"\r\n    >\r\n      <template v-slot:[`item.lastContact`]=\"{ item }\">\r\n        {{ humanDate(item.lastContact) }}\r\n      </template>\r\n    </v-data-table>\r\n  </v-main>\r\n</template>\r\n<script>\r\nimport { mapActions, mapState } from \"vuex\";\r\nimport { format } from \"date-fns\";\r\n\r\nexport default {\r\n  name: \"ListDevice\",\r\n\r\n  data() {\r\n    return {\r\n      search: \"\",\r\n      headers: [\r\n        { text: this.$t(\"device.serialNumber\"), value: \"serialNumber\" },\r\n        { text: this.$t(\"device.imei\"), value: \"imei\" },\r\n        { text: this.$t(\"device.productName\"), value: \"productName\" },\r\n        { text: this.$t(\"device.metas\"), value: \"meta\" },\r\n        { text: this.$t(\"device.lastContact\"), value: \"lastContact\" },\r\n        { text: \"\", value: \"actions\" },\r\n      ],\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"devices\", { devices: \"devices\", status: \"status\" }),\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"devices\", [\"get\"]),\r\n\r\n    gatherMeta(device) {\r\n      let result = \"\";\r\n      for (let d in device.deviceMetas) {\r\n        result += `${device.deviceMetas[d].keyName}: ${device.deviceMetas[d].value}`;\r\n      }\r\n\r\n      return result;\r\n    },\r\n\r\n    humanDate(date) {\r\n      return date !== undefined\r\n        ? format(new Date(date), \"dd MMM - HH:mm\")\r\n        : \"N/A\";\r\n    },\r\n\r\n    clickedRow(item) {\r\n      this.$router.push(`/device/detail/${item.deviceId}`);\r\n    },\r\n\r\n    getColorFromBool(val) {\r\n      return val ? \"success\" : \"error\";\r\n    },\r\n  },\r\n\r\n  async created() {\r\n    await this.get(true);\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!./ListDevice.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!./ListDevice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListDevice.vue?vue&type=template&id=24a22c58&\"\nimport script from \"./ListDevice.vue?vue&type=script&lang=js&\"\nexport * from \"./ListDevice.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VMain } from 'vuetify/lib/components/VMain';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VDataTable,VMain,VTextField})\n"],"sourceRoot":""}