{"version":3,"sources":["webpack:///src/views/mobile/EventList.vue","webpack:///./src/views/mobile/EventList.vue?6c3c","webpack:///./src/assets/images/close_round.png","webpack:///./src/assets/images/corner_bottom_arrow_white.png","webpack:///./src/assets/images/more_black.png","webpack:///./src/views/mobile/EventList.vue","webpack:///./src/views/mobile/EventList.vue?c0b8","webpack:///./src/views/mobile/EventList.vue?785c"],"names":["components","RightSideMenu","ShareWithCommentDialog","mixins","data","appBarTitle","addBookmarkResult","addClipResult","cameraEventList","originalBookMarks","makeNewBookmark","shareType","shareWithCommentDialogVisible","clickedBookmarkForShare","clickedClipForShare","computed","isOfflineItemCd","created","methods","updateBookmarkList","changeMakeBookmarkValueFunc","setTimeout","begin","type","createTime","then","emitClipFunc","beginTime","endTime","shareBookmarkFunc","shareClipFunc","shareWithCommentDialogVisibleFunc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AAC4B;AAC5B;AACqF;AACrD;AAEjB;EACfA;IACAC;IAAAC;EACA;EACAC;EACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;EACA;EACAC;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;IACA;EACA;EACAC;IACA;IACA;EACA;EACA;IACA;EACA;EACAC;IACAC;MACA;IACA;IACAC;MACAC;QACA;MACA;IACA;IACA;MACA;MACA;QAAAC;MAAA;MAEA;MACA;MACA;MACA;MACA;MAEA;QACA;QACA;UACAC;UACAC;QACA;QACA;MACA;MAEA,0EACA,8DACAC;QACA;QACA;QACA;QACA;UACAF;UAAAC;QACA;MACA;QACA;MACA;IACA;IACAE;MACA;MAGA;QACA;QACA;UACAH;UAAAI;UACAC;QACA;QACA;MACA;MAEA,0EACA,sEACAH;QACA;QACA;QACA;QACA;UACAF;UAAAI;UACAC;QACA;MACA;QACA;MACA;IACA;IACAC;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;IACA;IACAC;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;ACvJD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,YAAY,EAAE;AACtD;AACA,0BAA0B,SAAS,yBAAyB,EAAE;AAC9D;AACA;AACA,SAAS,mCAAmC,aAAa,EAAE;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,aAAa,iDAAiD;AAC9D,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AC9CA,iCAAiC,o/B;;;;;;;;;;;ACAjC,iCAAiC,wN;;;;;;;;;;;ACAjC,iCAAiC,4c;;;;;;;;;;;;ACAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoG;AACvC;AACL;;;AAGxD;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,+EAAM;AACR,EAAE,gGAAM;AACR,EAAE,yGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AAClD;AACM;AAC1D,oGAAiB,aAAa,uEAAI,CAAC,mFAAU,CAAC;;;AAG9C;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC7Cf;AAAA;AAAA,wCAAkS,CAAgB,0UAAG,EAAC,C;;;;;;;;;;;;ACAtT;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/EventList.js","sourcesContent":["<template>\n<!-- 해당 컴포넌트는 모바일 비디오 플레이어 화면에서\n\t북마크, 모션, 사운드 이벤트 목록을\n\t표시하는 컴포넌트 입니다 -->\n\t<v-container fluid class=\"ma-0 pa-0\">\n\t\t<MobileAppBar :title=\"appBarTitle\"></MobileAppBar>\n\t\t<v-col class=\"ma-0 pa-0\" cols=\"12\">\n\t\t\t<RightSideMenu :addBookmarkResult=\"addBookmarkResult\"\n\t\t\t\t:addClipResult=\"addClipResult\" :userAuthorities=\"authorities\"\n\t\t\t\t:eventList=\"cameraEventList\"\n\t\t\t\t@updateBookmark=\"updateBookmarkList\" \n\t\t\t\t@clickBookmark=\"emitBookmarkFunc\" @clickClip=\"emitClipFunc\"\n\t\t\t\t@shareBookmark=\"shareBookmarkFunc\" @shareClip=\"shareClipFunc\"\n\t\t\t\t@changeMakeBookmarkValue=\"changeMakeBookmarkValueFunc\" />\n\t\t</v-col>\n\n\t\t<ShareWithCommentDialog :dialogVisible=\"shareWithCommentDialogVisible\"\n      @visible=\"shareWithCommentDialogVisibleFunc\" \n\t\t\t:clickedBookmark=\"clickedBookmarkForShare\" \n\t\t\t:clickedClip=\"clickedClipForShare\" :shareType=\"shareType\" />\n\t</v-container>\n</template>\n\n<script>\n/*\n\t해당 컴포넌트는 모바일 비디오 플레이어 화면에서\n\t북마크, 모션, 사운드 이벤트 목록을\n\t표시하는 컴포넌트 입니다\n*/\nimport mixin from '@/mixin';\nimport RightSideMenu from '../player/components/RightSideMenu.vue'\nimport ShareWithCommentDialog from '@/components/dialogs/ShareWithCommentDialog.vue';\nimport { mapState } from 'vuex';\n\nexport default {\n\tcomponents: {\n\t\tRightSideMenu, ShareWithCommentDialog,\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tappBarTitle: '',\n\t\taddBookmarkResult: null,\n\t\taddClipResult: null,\n\t\tcameraEventList: [],\n\t\toriginalBookMarks: [],\n\t\tmakeNewBookmark: false,\n\t\tshareType: 'bookmark',\n\t\tshareWithCommentDialogVisible: false,\n\t\tclickedBookmarkForShare: {},\n\t\tclickedClipForShare: {},\n\t}),\n  computed: {\n    ...mapState('player', ['cameraInfo']),\n    isOfflineItemCd() {\n      // SD카드 녹화 기능 지원 여부\n      const hasWebRTC = this.cameraInfo.webrtc && this.cameraInfo.webrtc.live.ready;\n      const hasPlayback = this.cameraInfo.webrtc && this.cameraInfo.webrtc.playback.supported;\n      let result = false;\n      if (hasWebRTC && hasPlayback) result = true;\n      return result;\n    }\n  },\n\tcreated() {\n\t\tthis.authorities = this.$store.getters.getAuthorities;\n\t\tthis.appBarTitle = this.$store.getters.getMobileCameraName;\n\t},\n\tasync mounted() {\n\t\tthis.streamData = await this.$store.getters.getStreamInfo;\n\t},\n\tmethods: {\n\t\tupdateBookmarkList(list) {\n      this.originalBookMarks = list;\n\t\t},\n\t\tchangeMakeBookmarkValueFunc(value) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.makeNewBookmark = value;\n\t\t\t}, 3000);\n\t\t},\n\t\tasync emitBookmarkFunc(bookmark) {\n\t\t\tthis.$vloading.show();\n\t\t\tconst { begin } = bookmark;\n\t\t\tconsole.log('%cTarget Bookmark Ondemand Video!', \"color:#008DD0;\", begin);\n\t\t\t// calculatebookmarkTime 단위는 초(second), 현재시간과 북마크시간 차이 구하기\n\t\t\tconst calculatebookmarkTime = this.calculateBetweenTwoDate(new Date(), new Date(begin));\n\t\t\t// setVideoEndTimeRange 단위는 밀리초(millisecond), 10분 이상이면 10분으로 고정\n\t\t\tconst setVideoEndTimeRange = calculatebookmarkTime > 600 ? 600000 : calculatebookmarkTime * 1000;\n\t\t\tconst setVideoEndTime = new Date(new Date (begin).getTime() + setVideoEndTimeRange);\n\n      if (this.isOfflineItemCd) {\n        this.$vloading.hide();\n        this.replaceRoute('/video-player', {\n          type: 'bookmark',\n          createTime: encodeURIComponent(begin),\n        })\n        return;\n      }\n\n\t\t\tthis.networkController.getHlsStreamingUrl({}, this.streamData.streamName, \n\t\t\t\tnew Date(begin).toISOString(), setVideoEndTime.toISOString())\n\t\t\t.then(async (res) => {\n\t\t\t\tawait this.$store.commit('setVideoStreamingUrl', res.data.hlsstreamingSessionURL);\n\t\t\t\tawait this.$store.commit('setStreamInfo', this.streamData);\n\t\t\t\tthis.$vloading.hide();\n\t\t\t\tthis.replaceRoute('/video-player', {\n          type: 'bookmark', createTime: encodeURIComponent(begin),\n        });\n\t\t\t}).catch(error => {\n\t\t\t\tthis.$vloading.hide();\n\t\t\t});\n\t\t},\n\t\temitClipFunc(clip) {\n\t\t\tthis.$vloading.show();\n\t\t\tconsole.log('%cTarget Clip Ondemand Video!', \"color:#008DD0;\");\n\n      if (this.isOfflineItemCd) {\n        this.$vloading.hide();\n        this.replaceRoute('/video-player', {\n          type: 'clip', beginTime: encodeURIComponent(clip.begin),\n          endTime: encodeURIComponent(clip.end),\n        })\n        return;\n      }\n\n\t\t\tthis.networkController.getHlsStreamingUrl({}, this.streamData.streamName, \n\t\t\t\tnew Date(clip.begin).toISOString(), new Date(clip.end).toISOString())\n\t\t\t.then(async (res) => {\n\t\t\t\tawait this.$store.commit('setVideoStreamingUrl', res.data.hlsstreamingSessionURL);\n\t\t\t\tawait this.$store.commit('setStreamInfo', this.streamData);\n\t\t\t\tthis.$vloading.hide();\n\t\t\t\tthis.replaceRoute('/video-player', {\n          type: 'clip', beginTime: encodeURIComponent(clip.begin),\n          endTime: encodeURIComponent(clip.end),\n        });\n\t\t\t}).catch(error => {\n\t\t\t\tthis.$vloading.hide();\n\t\t\t});\n\t\t},\n\t\tshareBookmarkFunc(bookmark) {\n\t\t\tthis.shareType = 'bookmark';\n\t\t\tthis.shareWithCommentDialogVisible = true;\n\t\t\tthis.clickedBookmarkForShare = bookmark;\n\t\t},\n\t\tshareClipFunc(clip) {\n\t\t\tthis.shareType = 'clip';\n\t\t\tthis.shareWithCommentDialogVisible = true;\n\t\t\tthis.clickedClipForShare = clip;\n\t\t},\n\t\tshareWithCommentDialogVisibleFunc(visible) {\n      this.shareWithCommentDialogVisible = visible;\n    },\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"v-container\",\n    { staticClass: \"ma-0 pa-0\", attrs: { fluid: \"\" } },\n    [\n      _c(\"MobileAppBar\", { attrs: { title: _vm.appBarTitle } }),\n      _c(\n        \"v-col\",\n        { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\" } },\n        [\n          _c(\"RightSideMenu\", {\n            attrs: {\n              addBookmarkResult: _vm.addBookmarkResult,\n              addClipResult: _vm.addClipResult,\n              userAuthorities: _vm.authorities,\n              eventList: _vm.cameraEventList,\n            },\n            on: {\n              updateBookmark: _vm.updateBookmarkList,\n              clickBookmark: _vm.emitBookmarkFunc,\n              clickClip: _vm.emitClipFunc,\n              shareBookmark: _vm.shareBookmarkFunc,\n              shareClip: _vm.shareClipFunc,\n              changeMakeBookmarkValue: _vm.changeMakeBookmarkValueFunc,\n            },\n          }),\n        ],\n        1\n      ),\n      _c(\"ShareWithCommentDialog\", {\n        attrs: {\n          dialogVisible: _vm.shareWithCommentDialogVisible,\n          clickedBookmark: _vm.clickedBookmarkForShare,\n          clickedClip: _vm.clickedClipForShare,\n          shareType: _vm.shareType,\n        },\n        on: { visible: _vm.shareWithCommentDialogVisibleFunc },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAABHNCSVQICAgIfAhkiAAAAqdJREFUSEvtlU9oE1EQxidRlzXWUCUXYwktjZJDCD30IEXBg0e96U0PUkFKRLF4FdHaQElaW6pGjQpBeyhRAkbqH6InKT30GEoJFUosMQfRpZQaNCR+s6Qlbt7uPuOhlz4Y3vLeN/Pbmdl9z0FbMBxbwKRtaFPVa7XaLiweaDAFz1/rVnQ4HOuyrbItL2A7EOwY7Chsp0XgPPZeAb5mB7eEAtiFAKdg++0C1ffLmD/A5gGvmfmYQgHshtM5SZhR9gnQ7D9BAVThEIbtbRHKWT4F+IvIX5gpoKchDrYI3HD7joc4wL+NcZqgALZBdM0onJ2do6mpaYpGh8nlcm1u33/wiMrrZRocvCx6xxeA5mSgfojONgorlQr19w/QwuIihUJBmpwY1cGx2DhNp16S291Gz5JPyOv1GuPPAfpWBnocIra/hra6SuHwVcrn8xQKBqn7UBel0xlSVZUSDycpEAiIMl0B9LEMlLPkbJsGgznjwvIykdOpAznrnp6QWfu5nxHj7yPqKfeT+yoct25HKJN5Q9Uqka/DS8lkAuV1m8l5/S6g3xoFIuhJCHqNUaqgxMbGKZVKk6Ioek81TaPDfj/F4xNm4DUAYzLlZSCDNwcDbw5FaGbmnQ6MjgxTZ6ePLg5coVKpZAVeAvS5DLQDogtG6PUbQ5TNfqQ7oyPU13dE3y4WizpYVRVKJOLU3lxm4ckkKi+vnYf5GsH82+RyC00fTaGwglKr5PF4jAn9wgIfDj9sM2UBDoh9mC7B+IZpdbwGcF7kbHXg81V2okWisJcbsaygwjJLvMRPaO5Z3asyl/hBBDkDa7cBcg/fm5W00dcWWu+xEzPD+aRi40OWfTXYZ9gSzwAy2HZIQY1R8KHtxtoe40ljS6sLWoLKBjfTbUP/t4KW/n8A0wzhHsqmRToAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAABHNCSVQICAgIfAhkiAAAAFNJREFUCFtj/P//vwMDA8N+IMYFHBlBMkCFC4BUPBZVCxkZGRPAiqAKDwBpeySFB4EKQLYwICsSAPJBCvWB+CIQOwAVfUBRBDUNpHACEBfAFIDEATlWGUNOO5B2AAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAQpJREFUWEdjZIAAAyB2AmIZIOaCig0kdQto+RYgvsUIdVzGQLoGj919IAcWAbHaIHUgOARnDFLHgZz1bbA7kGHUgZQmn9EQHA1BSkOAUv2jaXA0BCkNAUr1j6bB0RBED4H8/HyFwsJCE25ubraWlpZjEydOfABTQ64cvlAmOQ2+fv06WkREhAdk6MOHD98qKCisgVlArhzNHPjo0aO38vLyWB1IihxVHQiKxqKiIhMuLi52YBQfRY9icuSo6kBKcyWp+klOg6RaQKn6UQeOhiClIUCp/tE0OBqClIYApfpH0+BoCFIaApTqH+xp8PuQGAIGjfAP6kF0UDKBTUPIAtmclKYbKuiHT0MAAH/YgXYZfZA5AAAAAElFTkSuQmCC\"","import { render, staticRenderFns } from \"./EventList.vue?vue&type=template&id=2a5a6ba5&scoped=true&\"\nimport script from \"./EventList.vue?vue&type=script&lang=js&\"\nexport * from \"./EventList.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  \"2a5a6ba5\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer})\n\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/codebuild/output/src127081106/src/ueyes-front/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2a5a6ba5')) {\n      api.createRecord('2a5a6ba5', component.options)\n    } else {\n      api.reload('2a5a6ba5', component.options)\n    }\n    module.hot.accept(\"./EventList.vue?vue&type=template&id=2a5a6ba5&scoped=true&\", function () {\n      api.rerender('2a5a6ba5', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/mobile/EventList.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventList.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"e5f0efc2-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventList.vue?vue&type=template&id=2a5a6ba5&scoped=true&\""],"sourceRoot":""}