{"version":3,"sources":["webpack:///./src/views/PreviewCamera.vue","webpack:///src/views/PreviewCamera.vue","webpack:///./src/views/PreviewCamera.vue?a569","webpack:///./src/views/PreviewCamera.vue?4ab8"],"names":["render","_vm","this","_c","_self","attrs","pageTitle","routes","datas","length","videoOptions","_e","staticRenderFns","data","autoplay","controls","fluid","aspectRatio","sources","src","type","computed","currentSite","$store","state","currentArea","_objectSpread","$route","meta","breadcrumb","title","url","name","id","components","VideoPlayer","PageBreadcrumb","created","$vs","loading","getCameraView","methods","_this","api","cameraView","Id","params","then","result","close","push","active","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,kBAAkB,CAACE,MAAM,CAAC,MAAQJ,EAAIK,UAAU,OAASL,EAAIM,UAAWN,EAAIO,MAAMC,OAAS,EAAGN,EAAG,UAAU,CAACA,EAAG,eAAe,CAACE,MAAM,CAAC,QAAUJ,EAAIS,iBAAiB,GAAGT,EAAIU,MAAM,IAE9PC,EAAkB,G,grBCcP,OACfC,KAAA,WACA,OACAP,UAAA,GACAE,MAAA,GACAE,aAAA,CACAI,UAAA,EACAC,UAAA,EACAC,OAAA,EACAC,YAAA,OACAC,QAAA,CACA,CACAC,IAAA,GACAC,KAAA,iBAMAC,SAAA,CACAC,YAAA,WACA,YAAAC,OAAAC,MAAAF,aAEAG,YAAA,WACA,YAAAF,OAAAC,MAAAC,aAEAlB,OAAA,WACA,OAAAmB,IAAA,GACA,KAAAC,QAAA,IACAC,KAAAF,IAAA,GACA,KAAAC,OAAAC,MAAA,IACAC,WAAA,CACA,CAAAC,MAAA,YAAAC,IAAA,KACA,CACAD,MAAA,KAAAR,YAAAU,KACAD,IAAA,cAAAT,YAAAW,IAEA,CACAH,MAAA,KAAAL,YAAAO,KACAD,IAAA,cAAAT,YAAAW,GAAA,SAAAR,YAAAQ,WAOAC,WAAA,CACAC,mBACAC,uBAEAC,QAAA,WACA,KAAAC,IAAAC,UACA,KAAAC,iBAEAC,QAAA,CACAD,cAAA,eAAAE,EAAA,KACAC,OACAC,WAAA,CAAAC,GAAA,KAAAlB,OAAAmB,OAAAb,KACAc,MAAA,SAAAC,GAAA,OAAAA,EAAAnC,aACAkC,MAAA,SAAAlC,GACA6B,EAAAlC,MAAAK,EACA6B,EAAAhC,aAAAQ,QAAA,GAAAC,IAAAN,EAAA,oBACA6B,EAAApC,UAAAO,EAAA,GAAAmB,KACAU,EAAAJ,IAAAC,QAAAU,QACAP,EAAAnC,OAAAqB,KAAAC,WAAAqB,KAAA,CACApB,MAAAjB,EAAA,GAAAmB,KACAmB,QAAA,UClFsV,I,YCOlVC,EAAY,eACd,EACApD,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAAwC,E","file":"js/chunk-2d225294.df09de01.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('page-breadcrumb',{attrs:{\"title\":_vm.pageTitle,\"routes\":_vm.routes}}),(_vm.datas.length > 0)?_c('vx-card',[_c('video-player',{attrs:{\"options\":_vm.videoOptions}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <page-breadcrumb :title=\"pageTitle\" :routes=\"routes\" />\r\n    <vx-card v-if=\"datas.length > 0\">\r\n      <video-player :options=\"videoOptions\" />\r\n    </vx-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VideoPlayer from \"@/components/VideoPlayer.vue\";\r\nimport PageBreadcrumb from \"../components/PageBreadcrumb.vue\";\r\nimport api from \"../api\";\r\n\r\nimport \"video.js/dist/video-js.css\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      pageTitle: \"\",\r\n      datas: [],\r\n      videoOptions: {\r\n        autoplay: true,\r\n        controls: true,\r\n        fluid: true,\r\n        aspectRatio: \"9:16\",\r\n        sources: [\r\n          {\r\n            src: \"\",\r\n            type: \"video/mp4\",\r\n          },\r\n        ],\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    currentSite() {\r\n      return this.$store.state.currentSite;\r\n    },\r\n    currentArea() {\r\n      return this.$store.state.currentArea;\r\n    },\r\n    routes() {\r\n      return {\r\n        ...this.$route,\r\n        meta: {\r\n          ...this.$route.meta,\r\n          breadcrumb: [\r\n            { title: \"Dashboard\", url: \"/\" },\r\n            {\r\n              title: this.currentSite.name,\r\n              url: \"/site/\" + this.currentSite.id,\r\n            },\r\n            {\r\n              title: this.currentArea.name,\r\n              url: \"/site/\" + this.currentSite.id + \"/\" + this.currentArea.id,\r\n            },\r\n          ],\r\n        },\r\n      };\r\n    },\r\n  },\r\n  components: {\r\n    VideoPlayer,\r\n    PageBreadcrumb,\r\n  },\r\n  created() {\r\n    this.$vs.loading();\r\n    this.getCameraView();\r\n  },\r\n  methods: {\r\n    getCameraView() {\r\n      api\r\n        .cameraView({ Id: this.$route.params.id })\r\n        .then((result) => result.data.data)\r\n        .then((data) => {\r\n          this.datas = data;\r\n          this.videoOptions.sources[0].src = data[0][\"liveStreamUrl\"];\r\n          this.pageTitle = data[0].name;\r\n          this.$vs.loading.close();\r\n          this.routes.meta.breadcrumb.push({\r\n            title: data[0].name,\r\n            active: true,\r\n          });\r\n        });\r\n    },\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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewCamera.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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewCamera.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PreviewCamera.vue?vue&type=template&id=4d52f000\"\nimport script from \"./PreviewCamera.vue?vue&type=script&lang=js\"\nexport * from \"./PreviewCamera.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":""}