{"version":3,"sources":["webpack:///./src/views/AllCamera.vue","webpack:///src/views/AllCamera.vue","webpack:///./src/views/AllCamera.vue?8090","webpack:///./src/views/AllCamera.vue?6886","webpack:///./src/views/AllCamera.vue?e097"],"names":["render","_vm","this","_c","_self","attrs","routes","datas","length","staticClass","_l","cam","idx","key","camName","slot","video","_e","popupCalendar","on","$event","config","model","value","pickDate","callback","$$v","expression","staticRenderFns","data","pageTitle","isLive","enableTime","computed","_objectSpread","$route","meta","breadcrumb","title","url","active","components","PageBreadcrumb","Datepicker","flatPickr","VideoPlayer","created","$vs","loading","getCameraView","methods","getInstance","art","console","log","_this","api","masterCamera","Page","then","result","close","push","map","vidData","name","area","autoplay","controls","fluid","liveui","aspectRatio","sources","src","liveStreamUrl","type","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,kBAAkB,CAACE,MAAM,CAAC,MAAQ,gBAAgB,OAASJ,EAAIK,UAAWL,EAAIM,MAAMC,OAAS,EAAGL,EAAG,MAAM,CAACM,YAAY,0BAA0BR,EAAIS,GAAIT,EAAIM,OAAO,SAASI,EAAIC,GAAK,OAAOT,EAAG,UAAU,CAACU,IAAID,EAAIH,YAAY,kBAAkBJ,MAAM,CAAC,MAAQM,EAAIG,UAAU,CAACX,EAAG,MAAM,CAACE,MAAM,CAAC,KAAO,WAAWU,KAAK,WAAW,CAACZ,EAAG,MAAM,CAACM,YAAY,mBAAmB,CAACN,EAAG,eAAe,CAACU,IAAID,EAAIP,MAAM,CAAC,QAAUM,EAAIK,UAAU,UAAS,GAAGf,EAAIgB,KAAKd,EAAG,WAAW,CAACM,YAAY,YAAYJ,MAAM,CAAC,MAAQ,cAAc,OAASJ,EAAIiB,eAAeC,GAAG,CAAC,gBAAgB,SAASC,GAAQnB,EAAIiB,cAAcE,KAAU,CAACjB,EAAG,aAAa,CAACE,MAAM,CAAC,QAAS,KAAQF,EAAG,aAAa,CAACE,MAAM,CAAC,OAASJ,EAAIoB,OAAO,QAAS,GAAMC,MAAM,CAACC,MAAOtB,EAAIuB,SAAUC,SAAS,SAAUC,GAAMzB,EAAIuB,SAASE,GAAKC,WAAW,eAAe,IAAI,IAEl3BC,EAAkB,G,2tBCiCP,OACfC,KAAA,WACA,OACAC,UAAA,gBACAZ,eAAA,EACAa,QAAA,EACAxB,MAAA,GACAiB,SAAA,KACAH,OAAA,CACAW,YAAA,KAIAC,SAAA,CACA3B,OAAA,WACA,OAAA4B,IAAA,GACA,KAAAC,QAAA,IACAC,KAAAF,IAAA,GACA,KAAAC,OAAAC,MAAA,IACAC,WAAA,CACA,CAAAC,MAAA,YAAAC,IAAA,KACA,CAAAD,MAAA,gBAAAE,QAAA,UAMAC,WAAA,CACAC,sBACAC,kBACAC,cACAC,oBAEAC,QAAA,WACA,KAAAC,IAAAC,UACA,KAAAC,iBAEAC,QAAA,CACAC,YAAA,SAAAC,GACAC,QAAAC,IAAAF,IAEAH,cAAA,eAAAM,EAAA,KACAC,OACAC,aAAA,CAAAC,KAAA,IACAC,MAAA,SAAAC,GAAA,OAAAA,EAAA/B,aACA8B,MAAA,SAAA9B,GACA0B,EAAAR,IAAAC,QAAAa,QACAN,EAAAjD,OAAA8B,KAAAC,WAAAyB,KAAA,CACAxB,MAAAiB,EAAAzB,UACAU,QAAA,IAEAX,EAAAkC,KAAA,SAAApD,GACA,IAAAqD,EAAA,CACAlD,QAAAH,EAAAG,QACAmD,KAAAtD,EAAAsD,KACAC,KAAAvD,EAAAuD,KACAlD,MAAA,CACAmD,UAAA,EACAC,UAAA,EACAC,OAAA,EACAC,QAAA,EACAC,YAAA,OACAC,QAAA,CACA,CACAC,IAAA9D,EAAA+D,cACAC,KAAA,gBAKApB,EAAAhD,MAAAuD,KAAAE,YCzGkV,I,wBCQ9UY,EAAY,eACd,EACA5E,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAgD,E,2CCnBf,W","file":"js/chunk-7fd03f4a.3daa17ae.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('page-breadcrumb',{attrs:{\"title\":\"Daftar Kamera\",\"routes\":_vm.routes}}),(_vm.datas.length > 0)?_c('div',{staticClass:\"grid grid-cols-2 gap-4\"},_vm._l((_vm.datas),function(cam,idx){return _c('vx-card',{key:idx,staticClass:\"overflow-hidden\",attrs:{\"title\":cam.camName}},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"p-6 text-center\"},[_c('video-player',{key:idx,attrs:{\"options\":cam.video}})],1)])])}),1):_vm._e(),_c('vs-popup',{staticClass:\"holamundo\",attrs:{\"title\":\"Select date\",\"active\":_vm.popupCalendar},on:{\"update:active\":function($event){_vm.popupCalendar=$event}}},[_c('datepicker',{attrs:{\"inline\":true}}),_c('flat-pickr',{attrs:{\"config\":_vm.config,\"inline\":true},model:{value:(_vm.pickDate),callback:function ($$v) {_vm.pickDate=$$v},expression:\"pickDate\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <page-breadcrumb title=\"Daftar Kamera\" :routes=\"routes\" />\r\n    <div v-if=\"datas.length > 0\" class=\"grid grid-cols-2 gap-4\">\r\n      <vx-card\r\n        v-for=\"(cam, idx) in datas\"\r\n        :key=\"idx\"\r\n        :title=\"cam.camName\"\r\n        class=\"overflow-hidden\"\r\n      >\r\n        <div slot=\"no-body\">\r\n          <div class=\"p-6 text-center\">\r\n            <video-player :key=\"idx\" :options=\"cam.video\" />\r\n          </div>\r\n        </div>\r\n      </vx-card>\r\n    </div>\r\n\r\n    <vs-popup class=\"holamundo\" title=\"Select date\" :active.sync=\"popupCalendar\">\r\n      <datepicker :inline=\"true\"></datepicker>\r\n      <flat-pickr v-model=\"pickDate\" :config=\"config\" :inline=\"true\"></flat-pickr>\r\n    </vs-popup>\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 Datepicker from 'vuejs-datepicker';\r\nimport flatPickr from 'vue-flatpickr-component';\r\nimport api from \"../api\";\r\n\r\nimport \"video.js/dist/video-js.css\";\r\nimport 'flatpickr/dist/flatpickr.css';\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      pageTitle: \"Daftar Kamera\",\r\n      popupCalendar: false,\r\n      isLive: true,\r\n      datas: [],\r\n      pickDate: null,\r\n      config: {\r\n        enableTime: true,\r\n      }\r\n    };\r\n  },\r\n  computed: {\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            { title: \"Daftar Kamera\", active: true },\r\n          ],\r\n        },\r\n      };\r\n    },\r\n  },\r\n  components: {\r\n    PageBreadcrumb,\r\n    Datepicker,\r\n    flatPickr,\r\n    VideoPlayer\r\n  },\r\n  created() {\r\n    this.$vs.loading();\r\n    this.getCameraView();\r\n  },\r\n  methods: {\r\n    getInstance(art) {\r\n      console.log(art);\r\n    },\r\n    getCameraView() {\r\n      api\r\n        .masterCamera({ Page: 1 })\r\n        .then((result) => result.data.data)\r\n        .then((data) => {\r\n          this.$vs.loading.close();\r\n          this.routes.meta.breadcrumb.push({\r\n            title: this.pageTitle,\r\n            active: true,\r\n          });\r\n          data.map((cam) => {\r\n            const vidData = {\r\n              camName: cam.camName,\r\n              name: cam.name,\r\n              area: cam.area,\r\n              video: {\r\n                autoplay: true,\r\n                controls: true,\r\n                fluid: true,\r\n                liveui: true,\r\n                aspectRatio: \"9:16\",\r\n                sources: [\r\n                  {\r\n                    src: cam.liveStreamUrl,\r\n                    type: \"video/mp4\",\r\n                  },\r\n                ],\r\n              },\r\n            };\r\n            this.datas.push(vidData);\r\n          });\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style scoped>\r\n  .camera-container {\r\n    height: 420px;\r\n  }\r\n</style>","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!./AllCamera.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!./AllCamera.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AllCamera.vue?vue&type=template&id=c646fa2c&scoped=true\"\nimport script from \"./AllCamera.vue?vue&type=script&lang=js\"\nexport * from \"./AllCamera.vue?vue&type=script&lang=js\"\nimport style0 from \"./AllCamera.vue?vue&type=style&index=0&id=c646fa2c&prod&scoped=true&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  \"c646fa2c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllCamera.vue?vue&type=style&index=0&id=c646fa2c&prod&scoped=true&lang=css\""],"sourceRoot":""}