{"version":3,"sources":["webpack:///./src/components/desktop/adminOrViewer/history/DateFilter.vue?418f","webpack:///./src/components/desktop/adminOrViewer/history/FilterButton.vue?84cc","webpack:///./src/assets/Checkbox-Off_16px_2_Icon.svg","webpack:///./src/assets/Download_Filled_24px_Icon-light.svg","webpack:///./src/components/common/ArcGIS/HistoryMap.vue?bb0e","webpack:///./src/components/desktop/adminOrViewer/history/EventFilter.vue?f599","webpack:///./src/views/desktop/adminOrViewer/History.vue?17bf","webpack:///./src/components/desktop/adminOrViewer/history/EventFilter.vue?2614","webpack:///./src/components/desktop/adminOrViewer/history/FilterButton.vue?9f20","webpack:///src/components/desktop/adminOrViewer/history/FilterButton.vue","webpack:///./src/components/desktop/adminOrViewer/history/FilterButton.vue?736b","webpack:///./src/components/desktop/adminOrViewer/history/FilterButton.vue","webpack:///./src/components/desktop/adminOrViewer/history/DateFilter.vue?1869","webpack:///src/components/desktop/adminOrViewer/history/DateFilter.vue","webpack:///./src/components/desktop/adminOrViewer/history/DateFilter.vue?2c7a","webpack:///./src/components/desktop/adminOrViewer/history/DateFilter.vue","webpack:///./src/components/desktop/adminOrViewer/history/DateList.vue?4e2c","webpack:///src/components/desktop/adminOrViewer/history/DateList.vue","webpack:///./src/components/desktop/adminOrViewer/history/DateList.vue?4ac4","webpack:///./src/components/desktop/adminOrViewer/history/DateList.vue","webpack:///src/components/desktop/adminOrViewer/history/EventFilter.vue","webpack:///./src/components/desktop/adminOrViewer/history/EventFilter.vue?f9f2","webpack:///./src/components/desktop/adminOrViewer/history/EventFilter.vue","webpack:///./src/components/desktop/adminOrViewer/history/LogList.vue?f6d6","webpack:///src/components/desktop/adminOrViewer/history/LogList.vue","webpack:///./src/components/desktop/adminOrViewer/history/LogList.vue?00e9","webpack:///./src/components/desktop/adminOrViewer/history/LogList.vue","webpack:///./src/components/common/ArcGIS/HistoryMap.vue?956c","webpack:///src/components/common/ArcGIS/HistoryMap.vue","webpack:///./src/components/common/ArcGIS/HistoryMap.vue?fac8","webpack:///./src/components/common/ArcGIS/HistoryMap.vue","webpack:///src/views/desktop/adminOrViewer/History.vue","webpack:///./src/views/desktop/adminOrViewer/History.vue?7661","webpack:///../../../src/directives/scroll/index.ts","webpack:///./src/views/desktop/adminOrViewer/History.vue","webpack:///./src/assets/Filter_Line_16px_Icon-red.svg","webpack:///./src/assets/Filter_Line_16px_Icon-dark.svg","webpack:///./src/views/desktop/adminOrViewer/History.vue?47a0","webpack:///./src/assets/Download_Filled_24px_Icon.svg","webpack:///./src/components/desktop/adminOrViewer/history/LogList.vue?80d1","webpack:///./src/assets/Filter_Line_16px_Icon-disabled.svg","webpack:///./src/assets/Filter_Line_16px_Icon-light.svg","webpack:///./src/assets/Checkbox-Off_16px_2_Icon-light.svg","webpack:///./src/components/desktop/adminOrViewer/history/DateList.vue?353e","webpack:///./src/assets/Checkbox-On_16px_2_Icon.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","modifiers","class","themeName","ref","on","$event","selectDate","eventFilter","setLogListLoading","$vuetify","theme","attrs","logListLoading","historyViewSelectedDateList","length","currentCam","staticStyle","_e","currentLog","onUpdateDate","onClickRootLog","scopedSlots","_u","key","fn","currentIndex","moveFrame","playerState","imageUrlList","detectedImageIndex","hasAfterImages","play","pause","currentLogId","onMousewheel","onKeydown","onKeyup","direction","_v","visible","isInvalidScroll","hidden","onClickMapCenterBtn","staticRenderFns","onSaveFilter","dateList","onClickDownload","dateLoading","onChangeSite","_g","_b","isViewer","selected","dark","model","callback","$$v","open","_l","event","eventTypeId","onClickEventType","_s","onClickSave","mixins","components","Button","props","type","default","data","types","check","computed","mapState","filterTypeList","filter","user","watch","val","initialize","methods","forEach","$emit","component","VMenu","datePeriod","openDatepicker","calendarMinDate","calendarMaxDate","closeCalendar","Calendar","created","diff","startDate","endDate","period","historyViewSelectedDateRange","beforeSixMonth","contractStartDate","mapActions","dates","setHistoryViewSelectedDateRangeAction","item","id","focus","count","VSpacer","FilterButton","DateFilter","DateList","tiemoutId","newVal","oldVal","$store","dispatch","camList","startOf","subtract","days","initDates","prevWeek","isAfter","filterdList","undefined","dateMap","date","sort","logListv2","timeout","clearTimeout","beforeDestroy","eventTypeList","$log","debug","keepFocus","moment","inChild","inRepOrg","inNoti","inRespStat","tabIndex","initFocus","start_date","end_date","event_type_id","time_zone","alert","link","document","VProgressCircular","dateName","log","log_id","select","selectedLogId","logName","has_repetitive","rotate","openedId","onClickCaret","loading","childLogs","childLog","onClickChildLog","EventCircle","RepetitiveInfoTooltip","mounted","selectLogList","created_at","format","initLog","getChildLogOfClickedLog","childLogsData","selectLog","selectedLog","logId","selectedChildLog","_m","cameraIcon","cameraIconNonDirection","customGeoJsonDataIcon","selectedLogFireIcon","arcgisMap","GraphicsLayer","sceneview","graphicsList","clickableGraphicUIDList","camerasDataGeoJsonLayer","pfirsDataFeatureLayer","orgaizationIds","idArr","join","latitude","coordinate","split","longitude","degreeString","util","locaitonToDegree","degree","nonDirection","old","camera_id","updateMapGraphics","centerMapToCurrentLog","updatePfirsLayerParams","loadMap","destroyed","commit","loadModules","css","then","auth","token","buildEnvURL","process","fillerBackslashCharacter","urlPrependString","esriConfig","urls","headers","Authorization","map","basemap","ground","x","y","currentLogCameraCoordinates","currentCameraCoordinates","view","container","camera","position","z","zoom","constraints","altitude","max","navigation","mouseWheelZoomEnabled","basemapToggle","nextBaseMap","pfirsGeoJsonDataRenderer","symbol","url","width","height","pfirsGeoJsonDataLabels","color","haloColor","haloSize","font","size","family","style","weight","pfirsFirePopupTemplate","title","outFields","content","creator","fieldInfos","fieldName","label","overwriteActions","returnGeometry","pfirsGeoJsonDataLayer","renderer","labelingInfo","popupTemplate","customParameters","camerasGeoJsonDataRenderer","camerasGeoJsonDataLabels","goToAction","className","camerasPopupTemplate","actions","elevationInfo","mode","self","evt","cameraDataView","orgaizationIdsList","where","changeMouseCursor","window","MINUTES_SINCE_FIRE_DETECTED","MAIN_COLOR","BORDER_COLOR","LATITUDE","LONGITUDE","PAN_DIRECTION","outline","matchedCameraName","geometry","center","geodesic","numberOfPoints","radius","radiusUnit","paths","lat","lng","directionText","logID","pfirsGeoJsonLayer","goTo","speedFactor","easing","catch","centerMap","computePosition","latLng","distance","heading","google","maps","spherical","computeOffset","Footer","EventFilter","LogList","CameraInfo","LogInfo","WeatherInfo","Map","Loading","MapDetailLegend","LiveViewPlayer","ImagePlayer","FramePlayerBar","searchText","timerId","isPressingControlKey","invalidScrollTimeout","setCurrentCam","rootLog","loadingState","updateCurrentLog","setTimeout","newCurrentLog","Constants","handleOnScrollDirective","$refs","e","historyMap","inserted","el","binding","vnode","options","passive","handler","target","arg","querySelector","addEventListener","_onScroll","Object","context","_uid","unbind","_el$_onScroll","removeEventListener","Scroll","VBtn"],"mappings":"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GAC,GAAA,WACAC,EAAA,UACA,aACA,wGACAD,yBACAC,0BAEAC,EAAA,4CACAF,0BACAC,2BAEA,eACAE,EAAA,wBACAH,0BACAC,2BAIAG,EAAA,OACAC,gBACAR,MACAS,QACAC,UAEAP,IACAC,IACAO,QAIAC,QACAC,aACAC,UACAC,UAGAC,YACAC,4BAIA,cAGA,uCAOAV,iCANAW,EAAA,OACAX,OACAY,kCAEAZ,4BAOAa,EAAA,CACA/K,cACAgL,QACAhL,sBACAiL,4BACAC,aACAC,gBAKAC,EAAA,CACAJ,QACAhL,YACAqL,gBACAC,oBACAC,eACAC,MACAC,YACAC,mBACAC,eACAC,mBAKAC,EAAA,CACAC,2BACAC,gBACAC,SACA,CACAhM,cACAiM,oBACA,MACA,+CACA9J,wCACAA,wCACA,EACA,8CACAA,uCACAA,uCACA,2QAKA0F,EALA,wNASAG,EATA,4FAeA,CACAhI,cACAkM,YACA,CACAC,qBACAC,mBAEA,CACAD,qBACAC,mBAEA,CACAD,kBACAC,eAEA,CACAD,2BACAC,yBAEA,CACAD,wBACAC,yBAKAC,oBACAC,mBAGA3H,EAAAP,4EACAQ,EAAAR,0EAGAmI,EAAA,OACAnK,4CACA6I,iCACAuB,WACAC,iBACAC,gBACAC,kBACAhI,aACAC,cAGA,0BACA+E,SAIAiD,EAAA,CACA5M,cACAgL,QACAhL,sBACAiL,6BACAC,aACAC,gBAKA0B,EAAA,CACA7B,QACAhL,YACAqL,gBACAC,oBACAC,eACAC,MACAC,YACAC,mBACAC,eACAC,mBAMAkB,EAAA,CACAhB,cACA1J,kBACA2K,qCAEAC,EAAA,CACAlB,eACAC,uBACAC,SACA,CACAhM,cACAiM,oBACA,MACA,+CACA9J,wCACAA,wCACA,EACA,8CACAA,uCACAA,uCACA,2QAKA0F,EALA,wNASAG,EATA,4FAeA,CACAhI,cACAkM,YACA,CACAC,qBACAC,qBAKAa,YACAZ,oBACAC,mBAGA9E,EAAA,OACAyD,4BACAuB,WACAT,gBACAU,iBACAC,kBAEA,4BACA/C,SAGA,uBACAuD,eACAC,wBAIAC,EAAA,EAEA,m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","file":"js/chunk-33d00864.fe81089a.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateFilter.vue?vue&type=style&index=0&id=cb0ad310&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterButton.vue?vue&type=style&index=0&id=2dae1472&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Checkbox-Off_16px_2_Icon.aa1b02d3.svg\";","module.exports = __webpack_public_path__ + \"img/Download_Filled_24px_Icon-light.48ff20d8.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HistoryMap.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventFilter.vue?vue&type=style&index=0&id=6a579602&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"history\"},[_c('section',{directives:[{name:\"scroll\",rawName:\"v-scroll.self\",value:(_vm.handleOnScrollDirective),expression:\"handleOnScrollDirective\",modifiers:{\"self\":true}}],class:(\"\" + _vm.themeName)},[_c('div',{staticClass:\"search-container\"},[_c('EventFilter',{ref:\"eventFilter\",on:{\"selectDate\":function($event){_vm.selectDate = $event},\"filter\":function($event){_vm.eventFilter = $event},\"setLogListLoading\":_vm.setLogListLoading}}),(_vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Chevron-Right_Circle_24px_2_Icon.svg\"),\"width\":\"24px\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Chevron-Right_Circle_24px_2_Icon-red.svg\"),\"width\":\"24px\"}}),(!_vm.logListLoading)?_c('LogList',{ref:\"logList\",attrs:{\"selectDate\":_vm.selectDate,\"eventFilter\":_vm.eventFilter}}):_c('div',{class:(\"progress-circular \" + _vm.themeName)},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#D8D9DA\"}})],1)],1),(_vm.historyViewSelectedDateList.length && _vm.currentCam)?_c('CameraInfo',{staticStyle:{\"margin-top\":\"10px\"}}):_vm._e(),(_vm.historyViewSelectedDateList.length && _vm.currentLog)?_c('LogInfo',{staticStyle:{\"margin-top\":\"10px\"},attrs:{\"edit\":true},on:{\"update\":_vm.onUpdateDate,\"onClickRootLog\":_vm.onClickRootLog}}):_vm._e(),(_vm.historyViewSelectedDateList.length && _vm.currentLog)?_c('WeatherInfo',{staticStyle:{\"margin\":\"0 30px 20px\"}}):_vm._e(),(_vm.historyViewSelectedDateList.length)?_c('div',{staticClass:\"player\"},[(_vm.currentLog)?_c('ImagePlayer',{ref:\"DetectionImagePlayerContainer\",attrs:{\"currentLog\":_vm.currentLog},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar currentIndex = ref.currentIndex;\nvar moveFrame = ref.moveFrame;\nvar playerState = ref.playerState;\nvar imageUrlList = ref.imageUrlList;\nvar detectedImageIndex = ref.detectedImageIndex;\nvar hasAfterImages = ref.hasAfterImages;\nvar play = ref.play;\nvar pause = ref.pause;\nvar currentLogId = ref.currentLogId;\nreturn [_c('FramePlayerBar',{attrs:{\"currentLogId\":currentLogId,\"currentIndex\":currentIndex,\"playerState\":playerState,\"imageUrlList\":imageUrlList,\"detectedImageIndex\":detectedImageIndex,\"hasAfterImages\":hasAfterImages},on:{\"moveFrame\":moveFrame,\"play\":play,\"pause\":pause}})]}}],null,false,705789397)}):(_vm.currentCam)?_c('LiveViewPlayer',{attrs:{\"currentCam\":_vm.currentCam}}):_vm._e()],1):_vm._e(),(_vm.historyViewSelectedDateList.length)?_c('div',{staticClass:\"map-container\",on:{\"mousewheel\":_vm.onMousewheel,\"keydown\":_vm.onKeydown,\"keyup\":_vm.onKeyup}},[(_vm.currentLog && _vm.currentLog.direction === null)?_c('Loading',{staticStyle:{\"margin\":\"0 30px\",\"min-height\":\"420px\",\"position\":\"relative\",\"width\":\"calc(100% - 60px)\"},attrs:{\"loading\":true}}):_c('Map',{ref:\"historyMap\",staticStyle:{\"margin\":\"0 30px\",\"min-height\":\"420px\",\"position\":\"relative\"},attrs:{\"currentCam\":_vm.currentCam,\"currentLog\":_vm.currentLog}},[_c('div',{staticClass:\"text-map\"},[_vm._v(\"Direction may differ in the range of ±5˚.\")])]),_c('div',{class:{ 'map-view-scroll-guide': true, visible: _vm.isInvalidScroll, hidden: !_vm.isInvalidScroll },staticStyle:{\"margin\":\"0 30px\",\"min-height\":\"420px\"}},[_vm._v(\" Use Ctrl + scroll to zoom the map \")]),_c('v-btn',{staticClass:\"map-center-btn\",attrs:{\"bottom\":\"\",\"color\":\"white\",\"dark\":\"\",\"fab\":\"\",\"height\":\"38\",\"width\":\"38\",\"left\":\"\"},on:{\"click\":function($event){return _vm.onClickMapCenterBtn()}}},[_c('img',{attrs:{\"src\":require(\"@/assets/Arrow_Out_Circle_Icon_Red.svg\")}})]),_c('div',{staticClass:\"legend\"},[_c('MapDetailLegend')],1)],1):_vm._e(),_c('v-spacer'),_c('Footer')],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('div',{class:(\"hisotry-filter \" + _vm.themeName)},[_c('div',{staticClass:\"date-filter-top\"},[_c('div',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(\"Date\")]),_c('FilterButton',{ref:\"FilterButton\",attrs:{\"eventFilter\":_vm.eventFilter},on:{\"save\":_vm.onSaveFilter}})],1),_c('DateFilter',{ref:\"DateFilter\",staticStyle:{\"margin-top\":\"8px\"},attrs:{\"dateList\":_vm.dateList},on:{\"update\":_vm.onUpdateDate,\"download\":_vm.onClickDownload}}),(!_vm.dateLoading)?_c('DateList',{staticStyle:{\"margin-top\":\"15px\"},attrs:{\"selectDate\":_vm.selectDate,\"data\":_vm.dateList},on:{\"click\":_vm.onChangeSite}}):_c('div',{staticClass:\"progress-circular\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#D8D9DA\"}})],1)],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-menu',{attrs:{\"offset-x\":\"\",\"nudge-right\":\"8px\",\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('Button',_vm._g(_vm._b({staticClass:\"filter-button\",attrs:{\"disabled\":_vm.isViewer,\"invert\":_vm.selected,\"colorStrength\":\"90\"}},'Button',attrs,false),on),[(_vm.selected)?_c('img',{staticStyle:{\"margin-right\":\"8px\"},attrs:{\"src\":require(\"@/assets/Filter_Line_16px_Icon-red.svg\"),\"width\":\"16px\"}}):(!_vm.isViewer && _vm.$vuetify.theme.dark)?_c('img',{staticStyle:{\"margin-right\":\"8px\"},attrs:{\"src\":require(\"@/assets/Filter_Line_16px_Icon-dark.svg\"),\"width\":\"16px\"}}):(!_vm.isViewer)?_c('img',{staticStyle:{\"margin-right\":\"8px\"},attrs:{\"src\":require(\"@/assets/Filter_Line_16px_Icon-light.svg\"),\"width\":\"16px\"}}):_c('img',{staticStyle:{\"margin-right\":\"8px\"},attrs:{\"src\":require(\"@/assets/Filter_Line_16px_Icon-disabled.svg\"),\"width\":\"16px\"}}),_vm._v(\" Filter \")])]}}]),model:{value:(_vm.open),callback:function ($$v) {_vm.open=$$v},expression:\"open\"}},[_c('div',{class:(\"filter-list \" + _vm.themeName)},[_vm._l((_vm.types),function(event){return _c('div',{key:event.eventTypeId,staticClass:\"event-item\",on:{\"click\":function($event){return _vm.onClickEventType(event)}}},[(event.check)?_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-On_16px_2_Icon.svg\"),\"width\":\"16px\"}}):(_vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-Off_16px_2_Icon.svg\"),\"width\":\"16px\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-Off_16px_2_Icon-light.svg\"),\"width\":\"16px\"}}),_c('div',[_vm._v(_vm._s(event.name))])])}),_c('Button',{staticClass:\"button\",attrs:{\"colorStrength\":90},on:{\"click\":_vm.onClickSave}},[_vm._v(\"Save\")])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-menu v-model=\"open\" offset-x nudge-right=\"8px\" :close-on-content-click=\"false\">\n    <template v-slot:activator=\"{ on, attrs }\">\n      <Button class=\"filter-button\" :disabled=\"isViewer\" v-bind=\"attrs\" v-on=\"on\" :invert=\"selected\" colorStrength=\"90\">\n        <img v-if=\"selected\" src=\"@/assets/Filter_Line_16px_Icon-red.svg\" width=\"16px\" style=\"margin-right: 8px\" />\n        <img v-else-if=\"!isViewer && $vuetify.theme.dark\" src=\"@/assets/Filter_Line_16px_Icon-dark.svg\" width=\"16px\" style=\"margin-right: 8px\" />\n        <img v-else-if=\"!isViewer\" src=\"@/assets/Filter_Line_16px_Icon-light.svg\" width=\"16px\" style=\"margin-right: 8px\" />\n        <img v-else src=\"@/assets/Filter_Line_16px_Icon-disabled.svg\" width=\"16px\" style=\"margin-right: 8px\" />\n        Filter\n      </Button>\n    </template>\n    <div :class=\"`filter-list ${themeName}`\">\n      <div v-for=\"event in types\" :key=\"event.eventTypeId\" class=\"event-item\" @click=\"onClickEventType(event)\">\n        <img v-if=\"event.check\" src=\"@/assets/Checkbox-On_16px_2_Icon.svg\" width=\"16px\" />\n        <img v-else-if=\"$vuetify.theme.dark\" src=\"@/assets/Checkbox-Off_16px_2_Icon.svg\" width=\"16px\" />\n        <img v-else src=\"@/assets/Checkbox-Off_16px_2_Icon-light.svg\" width=\"16px\" />\n        <div>{{ event.name }}</div>\n      </div>\n      <Button class=\"button\" :colorStrength=\"90\" @click=\"onClickSave\">Save</Button>\n    </div>\n  </v-menu>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport Button from '@common/Button'\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  components: { Button },\n  props: {\n    eventFilter: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {\n      open: false,\n      types: [\n        { eventTypeId: 2, name: 'Fire', check: false },\n        { eventTypeId: 3, name: 'Non-Fire', check: false },\n        { eventTypeId: 4, name: 'Unknown', check: false },\n        { eventTypeId: 5, name: 'Planned Burn', check: false },\n        { eventTypeId: 1, name: 'Unselected', check: false },\n      ],\n      selected: false,\n    }\n  },\n  computed: {\n    ...mapState(['user']),\n    filterTypeList() {\n      return this.types.filter((type) => type.check).map((type) => type.eventTypeId)\n    },\n    isViewer() {\n      return this.user.isViewer\n    },\n  },\n  watch: {\n    open(val) {\n      if (val) {\n        this.initialize()\n      }\n    },\n  },\n  methods: {\n    initialize() {\n      this.types.forEach((type) => {\n        type.check = this.eventFilter.includes(type.eventTypeId)\n      })\n    },\n    onClickEventType(event) {\n      event.check = !event.check\n    },\n    onClickSave() {\n      this.open = false\n      this.selected = !!this.filterTypeList.length\n      this.$emit('save', this.filterTypeList)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.filter-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80px;\n  height: 34px;\n  font-weight: 600;\n  font-size: 14px;\n}\n.filter-list {\n  display: flex;\n  flex-direction: column;\n  width: 157px;\n  height: 208px;\n  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);\n  border-radius: 8px;\n  padding-top: 14px;\n  color: var(--f-text-black);\n  background-color: var(--f-text-white);\n  &.dark {\n    color: var(--f-text-white-high);\n    background-color: var(--f-bg-high);\n  }\n\n  .event-item {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 19px;\n    padding: 0 16px 11px;\n    cursor: pointer;\n\n    img {\n      margin-right: 10px;\n    }\n  }\n}\n\n.button {\n  align-self: center;\n  width: 80px;\n  height: 30px;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--f-text-white-high);\n  margin-top: 4px;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./FilterButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./FilterButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FilterButton.vue?vue&type=template&id=2dae1472&scoped=true&\"\nimport script from \"./FilterButton.vue?vue&type=script&lang=js&\"\nexport * from \"./FilterButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FilterButton.vue?vue&type=style&index=0&id=2dae1472&lang=scss&scoped=true&\"\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  \"2dae1472\",\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 { VMenu } from 'vuetify/lib/components/VMenu';\ninstallComponents(component, {VMenu})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"date-filter\"},[_c('div',{class:(\"date-period \" + _vm.themeName)},[_vm._v(_vm._s(_vm.datePeriod))]),_c('v-menu',{attrs:{\"offset-y\":\"\",\"nudge-bottom\":\"5px\",\"close-on-content-click\":false,\"close-on-click\":false,\"content-class\":\"calendar-layout\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('Button',_vm._g(_vm._b({staticClass:\"schedule\",attrs:{\"colorStrength\":\"90\"}},'Button',attrs,false),on),[_c('img',{attrs:{\"src\":require(\"@/assets/Calendar_Filled_24px_Icon.svg\"),\"width\":\"24px\"}})])]}}]),model:{value:(_vm.openDatepicker),callback:function ($$v) {_vm.openDatepicker=$$v},expression:\"openDatepicker\"}},[(_vm.openDatepicker)?_c('Calendar',{staticStyle:{\"border-radius\":\"15px\"},attrs:{\"min-date\":_vm.calendarMinDate,\"max-date\":_vm.calendarMaxDate},on:{\"updateCustomDate\":_vm.onUpdateDate,\"closeCalendar\":_vm.closeCalendar}}):_vm._e()],1),_c('Button',{staticClass:\"download\",attrs:{\"colorStrength\":\"90\",\"disabled\":_vm.isViewer || !_vm.dateList.length},on:{\"click\":function($event){return _vm.$emit('download')}}},[(!_vm.isViewer && !!_vm.dateList.length)?_c('img',{attrs:{\"src\":require(\"@/assets/Download_Filled_24px_Icon.svg\"),\"width\":\"24px\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Download_Filled_24px_Icon-light.svg\"),\"width\":\"24px\"}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"date-filter\">\n    <div :class=\"`date-period ${themeName}`\">{{ datePeriod }}</div>\n    <v-menu\n      v-model=\"openDatepicker\"\n      offset-y\n      nudge-bottom=\"5px\"\n      :close-on-content-click=\"false\"\n      :close-on-click=\"false\"\n      content-class=\"calendar-layout\"\n    >\n      <template v-slot:activator=\"{ on, attrs }\">\n        <Button class=\"schedule\" colorStrength=\"90\" v-bind=\"attrs\" v-on=\"on\"\n          ><img src=\"@/assets/Calendar_Filled_24px_Icon.svg\" width=\"24px\"\n        /></Button>\n      </template>\n      <Calendar\n        v-if=\"openDatepicker\"\n        :min-date=\"calendarMinDate\"\n        :max-date=\"calendarMaxDate\"\n        @updateCustomDate=\"onUpdateDate\"\n        style=\"border-radius: 15px\"\n        @closeCalendar=\"closeCalendar\"\n      ></Calendar>\n    </v-menu>\n\n    <Button class=\"download\" @click=\"$emit('download')\" colorStrength=\"90\" :disabled=\"isViewer || !dateList.length\">\n      <img v-if=\"!isViewer && !!dateList.length\" src=\"@/assets/Download_Filled_24px_Icon.svg\" width=\"24px\" />\n      <img v-else src=\"@/assets/Download_Filled_24px_Icon-light.svg\" width=\"24px\" />\n    </Button>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport moment from 'moment'\nimport Button from '@common/Button'\nimport Calendar from '@item/calendar/DefaultCalendar'\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  components: { Button, Calendar },\n  props: {\n    dateList: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {\n      openDatepicker: false,\n      // period: [moment().subtract(6, 'days').format('YYYY-MM-DD'), moment().format('YYYY-MM-DD')],\n      calendarMaxDate: moment(),\n    }\n  },\n  created() {\n    const beforeSixDays = moment().startOf('day').subtract(6, 'days')\n    const contractStartDate = moment(this.user.history_start)\n    const diff = contractStartDate.isSameOrAfter(beforeSixDays)\n    if (diff)\n      this.setHistoryViewSelectedDateRangeAction({\n        startDate: moment(this.user.history_start).format('YYYY-MM-DD'),\n        endDate: this.period[1],\n      })\n  },\n  computed: {\n    ...mapState(['user', 'historyViewSelectedDateRange']),\n    period() {\n      return this.historyViewSelectedDateRange\n    },\n    datePeriod() {\n      if (this.period.length) return `${this.period[0]} ~ ${this.period[1]}`\n      return ''\n    },\n    calendarMinDate() {\n      const beforeSixMonth = moment().startOf('day').subtract(180, 'days').subtract(1, 'days')\n      const contractStartDate = moment(this.user.history_start).subtract(1, 'days')\n      const diff = beforeSixMonth.isSameOrAfter(contractStartDate)\n      if (diff) return beforeSixMonth\n      return contractStartDate\n    },\n    isViewer() {\n      return this.user.isViewer\n    },\n  },\n  methods: {\n    ...mapActions(['setHistoryViewSelectedDateRangeAction']),\n    closeCalendar() {\n      this.openDatepicker = false\n    },\n    onUpdateDate(dates) {\n      this.openDatepicker = false\n      this.setHistoryViewSelectedDateRangeAction({\n        startDate: dates.startDate.format('YYYY-MM-DD'),\n        endDate: dates.endDate.format('YYYY-MM-DD'),\n      })\n      this.$emit('update', [...this.period])\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.calendar-layout {\n  border-radius: 15px !important;\n  width: 500px;\n  overflow-y: unset;\n  box-shadow: none !important;\n  padding: 15px 20px 20px 20px;\n  min-height: 550px;\n  transform: translateY(-3%);\n}\n.date-filter {\n  display: flex;\n\n  .date-period {\n    display: flex;\n    align-items: center;\n    width: 298px;\n    height: 36px;\n    padding: 0 16px;\n    font-weight: 400;\n    font-size: 14px;\n    color: var(--f-text-black);\n    background-color: var(--f-text-white);\n    &.dark {\n      color: var(--f-text-white-high);\n      background-color: var(--f-bg-high);\n    }\n    border-radius: 8px;\n    margin-right: 10px;\n  }\n\n  .schedule {\n    width: 36px;\n    height: 36px;\n    margin-right: 10px;\n  }\n\n  .download {\n    width: 36px;\n    height: 36px;\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./DateFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./DateFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DateFilter.vue?vue&type=template&id=cb0ad310&scoped=true&\"\nimport script from \"./DateFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./DateFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DateFilter.vue?vue&type=style&index=0&id=cb0ad310&lang=scss&scoped=true&\"\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  \"cb0ad310\",\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 { VMenu } from 'vuetify/lib/components/VMenu';\ninstallComponents(component, {VMenu})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:(\"date-list \" + _vm.themeName)},[(!!_vm.data.length)?_vm._l((_vm.data),function(item){return _c('div',{key:item.id,class:{ 'date-item': true, focus: _vm.selectDate === item.name, dark: _vm.$vuetify.theme.dark },on:{\"click\":function($event){return _vm.$emit('click', item)}}},[_c('div',[_vm._v(_vm._s(item.name))]),_c('v-spacer'),_c('div',{class:{ count: true, focus: _vm.selectDate === item.name, dark: _vm.$vuetify.theme.dark }},[_vm._v(_vm._s(item.count))])],1)}):[_c('div',{class:(\"no-data \" + _vm.themeName)},[_vm._v(\"No data available.\")])]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"`date-list ${themeName}`\">\n    <template v-if=\"!!data.length\">\n      <div\n        v-for=\"item in data\"\n        :key=\"item.id\"\n        :class=\"{ 'date-item': true, focus: selectDate === item.name, dark: $vuetify.theme.dark }\"\n        @click=\"$emit('click', item)\"\n      >\n        <div>{{ item.name }}</div>\n        <v-spacer></v-spacer>\n        <div :class=\"{ count: true, focus: selectDate === item.name, dark: $vuetify.theme.dark }\">{{ item.count }}</div>\n      </div>\n    </template>\n    <template v-else>\n      <div :class=\"`no-data ${themeName}`\">No data available.</div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  /**\n   * emits\n   * click\n   */\n  props: {\n    selectDate: {\n      type: String,\n      default: '',\n    },\n    data: {\n      type: Array,\n      default: () => [],\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.date-list {\n  min-height: 351px;\n  max-height: 351px;\n  overflow: auto;\n  color: var(--f-text-black);\n  &.dark {\n    color: var(--f-text-white-high);\n  }\n\n  .no-data {\n    margin-top: 110px;\n    font-weight: 400;\n    font-size: 14px;\n    color: var(--f-text-black-middle);\n    text-align: center;\n    &.dark {\n      color: var(--f-text-white-middle);\n    }\n  }\n}\n\n.date-item {\n  display: flex;\n  align-items: center;\n  height: 50px;\n  padding: 0 20px 0 30px;\n  cursor: pointer;\n  font-weight: 500;\n  &.focus {\n    background-color: var(--f-primary-70);\n    color: var(--f-text-white);\n    &.dark {\n      color: var(--f-text-white-high);\n    }\n  }\n\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--f-light-gray-2);\n    &.dark {\n      border-bottom: 1px solid var(--f-bg-high);\n    }\n  }\n\n  .count {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 22px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--f-text-white);\n    background-color: var(--f-primary-70);\n    &.dark {\n      color: var(--f-text-white-high);\n      background-color: var(--f-bg-high);\n    }\n\n    &.focus {\n      color: var(--f-primary-70);\n      background-color: var(--f-supplementary-highlight);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./DateList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./DateList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DateList.vue?vue&type=template&id=ac9ed4d8&scoped=true&\"\nimport script from \"./DateList.vue?vue&type=script&lang=js&\"\nexport * from \"./DateList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DateList.vue?vue&type=style&index=0&id=ac9ed4d8&lang=scss&scoped=true&\"\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  \"ac9ed4d8\",\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 { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VSpacer})\n","<template>\n  <div :class=\"`hisotry-filter ${themeName}`\">\n    <div class=\"date-filter-top\">\n      <div style=\"margin-right: 10px\">Date</div>\n      <FilterButton ref=\"FilterButton\" :eventFilter=\"eventFilter\" @save=\"onSaveFilter\"></FilterButton>\n    </div>\n    <DateFilter ref=\"DateFilter\" :dateList=\"dateList\" @update=\"onUpdateDate\" @download=\"onClickDownload\" style=\"margin-top: 8px\"></DateFilter>\n    <DateList v-if=\"!dateLoading\" :selectDate=\"selectDate\" :data=\"dateList\" @click=\"onChangeSite\" style=\"margin-top: 15px\"></DateList>\n    <div v-else class=\"progress-circular\">\n      <v-progress-circular indeterminate color=\"#D8D9DA\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport FilterButton from './FilterButton'\nimport DateFilter from './DateFilter'\nimport DateList from './DateList'\nimport moment from 'moment'\nimport { alert } from '@/api'\nimport Util from '@/util'\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  components: { FilterButton, DateFilter, DateList },\n  data() {\n    return {\n      selectDate: -1,\n      eventFilter: [],\n      period: [],\n      tiemoutId: null,\n      dateLoading: false,\n    }\n  },\n  watch: {\n    dateList(newVal, oldVal) {\n      this.$store.dispatch('setHistoryViewSelectedDateListAction', newVal)\n      if (newVal && !newVal.length && !oldVal.length) {\n        this.$store.dispatch('setCurrentCam', this.camList[0])\n      }\n    },\n  },\n  computed: {\n    ...mapState(['logListv2', 'camList', 'eventTypeList', 'user']),\n    calendarMinDate() {\n      const history = moment(this.user.history_start)\n      const days = moment().diff(history, 'days')\n      return moment()\n        .startOf('day')\n        .subtract(days + 1, 'days')\n    },\n    initDates() {\n      // 검색 가능 기간의 default는 1주 전이지만 계약기간이 이보다 작다면 default 검색을 검색 가능한 기간으로 설정한다.\n      let prevWeek = moment().subtract(6, 'days')\n      let startDate = moment(this.calendarMinDate).add(1, 'days')\n      if (prevWeek.isAfter(startDate)) {\n        startDate = prevWeek.format('YYYY-MM-DD')\n      } else {\n        startDate = startDate.format('YYYY-MM-DD')\n      }\n      const endDate = moment().format('YYYY-MM-DD')\n      return [startDate, endDate]\n    },\n    dateList() {\n      const dateList = []\n      const dateMap = {}\n      this.filterdList.forEach((log) => {\n        const date = moment(log.created_at).format('YYYY-MM-DD')\n        if (dateMap[date] === undefined) {\n          dateMap[date] = { name: date, count: 1 }\n          dateList.push(dateMap[date])\n        } else {\n          dateMap[date].count++\n        }\n      })\n      return dateList.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime())\n    },\n    filterdList() {\n      if (this.eventFilter.length > 0) {\n        return this.logListv2.filter((log) => this.eventFilter.includes(log.event_type_id))\n      } else {\n        return this.logListv2\n      }\n    },\n  },\n  async created() {\n    if (this.user.history_start) {\n      await this.onUpdateDate(this.initDates)\n    } else {\n      let timeout = () => {\n        clearTimeout(this.tiemoutId)\n        this.tiemoutId = setTimeout(async () => {\n          if (this.user.history_start) {\n            await this.onUpdateDate(this.initDates)\n          } else {\n            timeout()\n          }\n        }, 500)\n      }\n      timeout()\n    }\n  },\n  beforeDestroy() {\n    clearTimeout(this.tiemoutId)\n  },\n  methods: {\n    ...mapActions(['getLogListByPeriodInHistory']),\n    async onSaveFilter(eventTypeList) {\n      this.$log.debug('EventFilter#onSaveFilter', eventTypeList)\n      this.eventFilter = eventTypeList\n      this.$emit('filter', this.eventFilter)\n      this.initFocus()\n    },\n    onChangeSite(item) {\n      this.$log.debug('EventFilter#onChangeSite', item)\n      this.selectDate = item.name\n      this.$emit('selectDate', this.selectDate)\n    },\n    async onUpdateDate(dates = this.period, keepFocus = false) {\n      this.dateLoading = true\n      this.period = dates\n      this.$emit('setLogListLoading', true)\n      const startDate = moment(dates[0]).startOf('day').format()\n      const endDate = moment(dates[1]).endOf('day').format()\n      await this.getLogListByPeriodInHistory({ startDate, endDate, inChild: true, inRepOrg: true, inNoti: false, inRespStat: false, tabIndex: 1 })\n      this.dateLoading = false\n      this.$emit('setLogListLoading', false)\n      !keepFocus && this.initFocus()\n    },\n    initFocus() {\n      this.$log.debug('EventFilter#initFocus', this.dateList)\n      if (this.dateList.length) {\n        this.selectDate = this.dateList[0].name\n      } else {\n        this.selectDate = ''\n        // this.$store.state.currentLog = null\n      }\n      this.$log.debug(this.selectDate)\n      this.$emit('selectDate', this.selectDate)\n    },\n    async onClickDownload() {\n      this.$log.debug('EventFilter#onClickDownload')\n      if (this.dateList.length) {\n        try {\n          const start_date = moment(this.period[0]).startOf('day').format()\n          const end_date = moment(this.period[1]).endOf('day').format()\n          const event_type_id = this.eventFilter.length ? this.eventFilter : this.eventTypeList.filter((type) => !!type.id).map((event) => event.id)\n          const time_zone = moment.tz.guess()\n          const { data } = await alert.downloadLogHistory({ start_date, end_date, event_type_id, time_zone })\n          var link = document.createElement('a')\n          link.target = '_blank'\n          link.href = Util.makeUrl(process.env.VUE_APP_CDN_URL, data.xlsx_path)\n          link.click()\n        } catch (e) {}\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.hisotry-filter {\n  width: 0;\n  flex-grow: 1;\n  min-width: 450px;\n  min-height: 489px;\n  max-height: 489px;\n  margin: 20px 8px 0 30px;\n  padding: 21px 30px 25px;\n  border-radius: 24px;\n  color: var(--f-text-black);\n  background-color: var(--f-light-gray-1);\n  &.dark {\n    color: var(--f-text-white-high);\n    background-color: var(--f-bg-middle);\n  }\n}\n\n.date-filter-top {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  font-size: 18px;\n}\n\n.progress-circular {\n  width: 100%;\n  height: 351px;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./EventFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./EventFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EventFilter.vue?vue&type=template&id=6a579602&scoped=true&\"\nimport script from \"./EventFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./EventFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EventFilter.vue?vue&type=style&index=0&id=6a579602&lang=scss&scoped=true&\"\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  \"6a579602\",\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 { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VProgressCircular})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:(\"log-list \" + _vm.themeName)},[(!!_vm.logListv2.length)?[_c('div',{class:(\"date \" + _vm.themeName)},[_vm._v(_vm._s(_vm.dateName))]),_c('div',{ref:\"wrapper\",class:(\"log-list__wrapper \" + _vm.themeName)},_vm._l((_vm.selectLogList),function(log){return _c('div',{key:log.log_id,class:{ 'log-item': true, dark: _vm.$vuetify.theme.dark }},[_c('div',{class:{ 'log-item__info': true, select: _vm.selectedLogId === log.log_id, dark: _vm.themeName === 'dark' }},[(!_vm.isViewer)?_c('EventCircle',{attrs:{\"value\":log.event_type_id}}):_vm._e(),_c('div',{staticClass:\"log-item__text\",on:{\"click\":function($event){return _vm.onClickRootLog(log)}}},[_vm._v(\" \"+_vm._s(_vm.logName(log))+\" \")]),(log.is_checked_organization)?_c('RepetitiveInfoTooltip',{attrs:{\"isRepetitive\":false}}):_vm._e(),(_vm.themeName === 'dark' && log.has_repetitive)?_c('img',{class:{ 'info-container-caret': true, rotate: _vm.openedId === log.log_id },attrs:{\"src\":require(\"@/assets/Chevron-Down_24px_2_Icon_white.svg\"),\"width\":\"24px\"},on:{\"click\":function($event){return _vm.onClickCaret(log)}}}):(_vm.themeName === 'light' && log.has_repetitive)?_c('img',{class:{ 'info-container-caret': true, rotate: _vm.openedId === log.log_id },attrs:{\"src\":require(\"@/assets/Chevron-Down_24px_2_Icon.svg\"),\"width\":\"24px\"},on:{\"click\":function($event){return _vm.onClickCaret(log)}}}):_vm._e()],1),(_vm.openedId === log.log_id && _vm.loading)?_c('div',{staticClass:\"progress-circular\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#D8D9DA\"}})],1):(log.log_id === _vm.openedId && !_vm.loading && _vm.childLogs.length)?_c('div',{class:(\"duplicate-container \" + _vm.themeName)},_vm._l((_vm.childLogs),function(childLog){return _c('div',{key:childLog.id,class:(\"duplicate-log \" + _vm.themeName + \" \" + (_vm.selectedLogId === childLog.id ? 'select' : '')),on:{\"click\":function($event){return _vm.onClickChildLog(childLog.id)}}},[_vm._v(\" \"+_vm._s(_vm.logName(childLog))+\" \"),(childLog.is_checked_organization)?_c('RepetitiveInfoTooltip',{attrs:{\"isRepetitive\":true}}):_vm._e()],1)}),0):_vm._e()])}),0)]:[_c('div',{class:(\"no-data \" + _vm.themeName)},[_vm._v(\"No data available.\")])]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"`log-list ${themeName}`\">\n    <template v-if=\"!!logListv2.length\">\n      <div :class=\"`date ${themeName}`\">{{ dateName }}</div>\n      <div ref=\"wrapper\" :class=\"`log-list__wrapper ${themeName}`\">\n        <div v-for=\"log in selectLogList\" :key=\"log.log_id\" :class=\"{ 'log-item': true, dark: $vuetify.theme.dark }\">\n          <div :class=\"{ 'log-item__info': true, select: selectedLogId === log.log_id, dark: themeName === 'dark' }\">\n            <EventCircle v-if=\"!isViewer\" :value=\"log.event_type_id\"></EventCircle>\n            <div class=\"log-item__text\" @click=\"onClickRootLog(log)\">\n              {{ logName(log) }}\n            </div>\n            <RepetitiveInfoTooltip v-if=\"log.is_checked_organization\" :isRepetitive=\"false\" />\n            <img\n              v-if=\"themeName === 'dark' && log.has_repetitive\"\n              @click=\"onClickCaret(log)\"\n              src=\"@/assets/Chevron-Down_24px_2_Icon_white.svg\"\n              :class=\"{ 'info-container-caret': true, rotate: openedId === log.log_id }\"\n              width=\"24px\"\n            />\n            <img\n              v-else-if=\"themeName === 'light' && log.has_repetitive\"\n              @click=\"onClickCaret(log)\"\n              src=\"@/assets/Chevron-Down_24px_2_Icon.svg\"\n              :class=\"{ 'info-container-caret': true, rotate: openedId === log.log_id }\"\n              width=\"24px\"\n            />\n          </div>\n          <div v-if=\"openedId === log.log_id && loading\" class=\"progress-circular\">\n            <v-progress-circular indeterminate color=\"#D8D9DA\"></v-progress-circular>\n          </div>\n          <div v-else-if=\"log.log_id === openedId && !loading && childLogs.length\" :class=\"`duplicate-container ${themeName}`\">\n            <div\n              v-for=\"childLog in childLogs\"\n              :key=\"childLog.id\"\n              :class=\"`duplicate-log ${themeName} ${selectedLogId === childLog.id ? 'select' : ''}`\"\n              @click=\"onClickChildLog(childLog.id)\"\n            >\n              {{ logName(childLog) }}\n              <RepetitiveInfoTooltip v-if=\"childLog.is_checked_organization\" :isRepetitive=\"true\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n    <template v-else>\n      <div :class=\"`no-data ${themeName}`\">No data available.</div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport moment from 'moment'\nimport Util from '@/util'\nimport EventCircle from '@common/EventCircle'\nimport RepetitiveInfoTooltip from '@common/RepetitiveInfoTooltip'\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  components: { EventCircle, RepetitiveInfoTooltip },\n  props: {\n    selectDate: {\n      type: String,\n      default: '',\n    },\n    eventFilter: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {\n      selectedLogId: -1,\n      openedId: -1,\n      loading: false,\n      childLogs: [],\n    }\n  },\n  async mounted() {\n    if (this.selectDate) await this.initFocus()\n  },\n  watch: {\n    async selectDate(val) {\n      if (val) {\n        await this.initFocus()\n      } else {\n        this.selectedLogId = -1\n        this.openedId = -1\n      }\n    },\n  },\n  computed: {\n    ...mapState(['currentLog', 'logListv2', 'user']),\n    isViewer() {\n      return this.user.isViewer\n    },\n    selectLogList() {\n      return this.logListv2\n        .filter((log) => {\n          const matchDate = moment(log.created_at).format('YYYY-MM-DD') === this.selectDate\n          if (this.eventFilter.length) {\n            const matchEvent = this.eventFilter.includes(log.event_type_id)\n            return matchDate && matchEvent\n          }\n          return matchDate\n        })\n        .sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime())\n    },\n    dateName() {\n      if (this.selectLogList.length) {\n        return moment(this.selectLogList[0].created_at).format('YYYY-MM-DD')\n      }\n      return ''\n    },\n  },\n  methods: {\n    ...mapActions(['getLog', 'getChildLogs']),\n    async initFocus() {\n      if (this.selectLogList.length) {\n        this.selectedLogId = this.selectLogList[0].log_id\n        const initLog = await this.getLog(this.selectedLogId)\n        this.$store.dispatch('setCurrentLog', initLog)\n        this.$refs.wrapper.scrollTop = 0\n      } else {\n        this.selectedLogId = -1\n      }\n    },\n    logName(log) {\n      const date = Util.getOffsetDate(log.created_at, log.offset)\n      return `[${date}] ${log.camera_name}`\n    },\n    async getChildLogOfClickedLog(id) {\n      const childLogsData = await this.getChildLogs({ id, inRepOrg: true })\n      this.childLogs = childLogsData.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime())\n    },\n    async selectLog(log) {\n      this.selectedLogId = log.log_id\n      const selectedLog = await this.getLog(log.log_id)\n      this.$store.dispatch('setCurrentLog', selectedLog)\n    },\n    async onClickCaret(log) {\n      if (log.log_id === this.openedId) {\n        this.openedId = -1\n        this.childLogs = []\n      } else {\n        this.openedId = log.log_id\n        this.loading = true\n        await this.selectLog(log)\n        await this.getChildLogOfClickedLog(log.log_id)\n        this.loading = false\n      }\n    },\n    async onClickRootLog(log) {\n      if (this.selectedLogId === log.log_id) {\n        return\n      } else if (this.openedId === log.log_id) {\n        await this.selectLog(log)\n      } else if (this.openedId !== log.log_id) {\n        this.openedId = -1\n        this.childLogs = []\n        await this.selectLog(log)\n      }\n    },\n    async onClickChildLog(logId) {\n      if (this.currentLog.log_id !== logId) {\n        this.selectedLogId = logId\n        const selectedChildLog = await this.getLog(logId)\n        this.$store.dispatch('setCurrentLog', selectedChildLog)\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.log-list {\n  width: 0;\n  flex-grow: 1;\n  min-width: 450px;\n  min-height: 489px;\n  max-height: 489px;\n  margin: 20px 30px 0 8px;\n  padding: 0px 10px 25px 30px;\n  border-radius: 24px;\n\n  background-color: var(--f-light-gray-1);\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n\n  .no-data {\n    margin-top: 203px;\n    font-weight: 400;\n    font-size: 14px;\n    text-align: center;\n    color: var(--f-text-black-middle);\n    &.dark {\n      color: var(--f-text-white-middle);\n    }\n  }\n\n  .date {\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 25px;\n    margin: 25px 0 13px;\n\n    color: var(--f-text-black);\n    &.dark {\n      color: var(--f-text-white-high);\n    }\n  }\n\n  .log-list__wrapper {\n    height: 83.6%;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding-right: 15px;\n    &.duplicate-log:last-child {\n      border-bottom: none;\n    }\n    &.dark {\n      border-bottom: 1px solid #323340;\n    }\n  }\n\n  .log-item {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    min-height: 42px;\n    font-size: 14px;\n\n    color: var(--f-text-black);\n    &.dark {\n      color: var(--f-text-white-high);\n    }\n\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--f-light-gray-2);\n      &.dark {\n        border-bottom: 1px solid var(--f-bg-high);\n      }\n    }\n    div .log-item-time {\n      font-weight: 500;\n    }\n  }\n\n  .log-item__info {\n    height: 47px;\n    width: 100%;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 17px;\n    padding-left: 20px;\n    display: flex;\n    align-items: center;\n    .log-item__text {\n      margin-left: 10px;\n      cursor: pointer;\n    }\n    &.select {\n      background: linear-gradient(0deg, #ececec, #ececec), #f9f9f9;\n\n      &.dark {\n        background: none;\n        background-color: var(--f-bg-high);\n      }\n    }\n  }\n}\n\n.info-container-caret {\n  margin-left: auto;\n  margin-right: 20px;\n  cursor: pointer;\n  &.rotate {\n    transform: rotate(-180deg);\n  }\n}\n\n.repetitive-logs {\n  margin-left: 60px;\n}\n\n.duplicate-container {\n  max-height: 235px;\n  overflow: auto;\n  border-top: 1px solid var(--f-light-gray-2);\n  &.dark {\n    border-top: 1px solid var(--f-bg-high);\n    border-bottom: 1px solid #323340;\n  }\n}\n\n.duplicate-log {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  padding: 15px 0 15px 60px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 17px;\n  border-bottom: 1px solid var(--f-light-gray-2);\n  &.select {\n    background: linear-gradient(0deg, #ececec, #ececec), #f9f9f9;\n    &.dark {\n      background: none;\n      background-color: var(--f-bg-high);\n    }\n  }\n  &.dark {\n    border-bottom: 1px solid var(--f-bg-high);\n  }\n  &:last-child {\n    border-bottom: none;\n  }\n}\n.progress-circular {\n  display: flex;\n  justify-content: center;\n  height: 80px;\n  align-items: center;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./LogList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./LogList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LogList.vue?vue&type=template&id=526a4ccd&scoped=true&\"\nimport script from \"./LogList.vue?vue&type=script&lang=js&\"\nexport * from \"./LogList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LogList.vue?vue&type=style&index=0&id=526a4ccd&lang=scss&scoped=true&\"\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  \"526a4ccd\",\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 { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VProgressCircular})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"balt-theme\",attrs:{\"id\":\"viewDiv\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div id=\"viewDiv\" class=\"balt-theme\"></div>\n    <!-- <div id=\"elevationDiv\" class=\"esri-widget\">\n      <label>Elevation: <input id=\"elevationInput\" type=\"checkbox\" checked=\"yes\" /> </label>\n    </div> -->\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport util from '@/util'\nimport { loadModules } from 'esri-loader'\nimport RotuerMixin from '@/mixin/router.mixin'\nimport moment from 'moment'\nimport Constants from '@/constants'\nimport { auth } from '@/api'\n\nexport default {\n  mixins: [RotuerMixin],\n  props: {\n    /**\n     * emit events\n     * cardinal-direction\n     */\n    currentCam: Object,\n    currentLog: Object,\n  },\n  data() {\n    return {\n      // cameraIcon: 'CameraPointer_Icon.svg',\n      cameraIcon: 'CurrentLocation_Filled_40px_Icon.svg',\n      // cameraIconNonDirection: 'Target_SolidBlack_Icon.svg',\n      cameraIconNonDirection: 'CameraLocation_Filled_24px_Icon.svg',\n      customGeoJsonDataIcon: 'PlannedBurn_Button.svg',\n      selectedLogFireIcon: 'Exclamation_Mark_White.svg',\n      arcgisMap: null,\n      GraphicsLayer: null,\n      sceneview: null,\n      rotate: 0,\n      // graphics\n      graphicsList: [],\n      // graphics UIDs\n      clickableGraphicUIDList: [],\n      // camera graphics geojson layer\n      camerasDataGeoJsonLayer: null,\n      // pfirs data feature layer\n      pfirsDataFeatureLayer: null,\n    }\n  },\n  computed: {\n    ...mapState(['camList', 'camMap', 'recentLogList', 'logListv2', 'GeoJSONUrl', 'ArcGISMapInstance', 'historyViewSelectedDateRange']),\n    orgaizationIds() {\n      let idArr = []\n      for (let [key, value] of Object.entries(this.camMap)) {\n        idArr.push(key)\n      }\n      return idArr.join(',')\n    },\n    latitude() {\n      if (this.currentCam) {\n        return this.currentCam.coordinate.split(' ')[0]\n      } else {\n        return this.log && this.camMap[this.log.camera_id]?.coordinate && this.camMap[this.log.camera_id].coordinate.split(' ')[0]\n      }\n    },\n    longitude() {\n      if (this.currentCam) {\n        return this.currentCam.coordinate.split(' ')[1]\n      } else {\n        return this.log && this.camMap[this.log.camera_id]?.coordinate && this.camMap[this.log.camera_id].coordinate.split(' ')[1]\n      }\n    },\n    degreeString() {\n      return util.locaitonToDegree(this.degree)\n    },\n    degree() {\n      if (this.currentCam) {\n        return -1\n      } else {\n        return this.log && this.log.direction\n      }\n    },\n    nonDirection() {\n      return this.degree === -1\n    },\n    log() {\n      let log = null\n      if (this.currentLog) {\n        log = this.recentLogList.find((log) => log.log_id === this.currentLog.log_id)\n        if (!log) {\n          log = this.logListv2.find((log) => log.log_id === this.currentLog.log_id)\n        } else if (this.currentLog.log_id === log.log_id) {\n          log = this.currentLog\n        }\n      }\n      return log\n    },\n  },\n  watch: {\n    currentLog(val, old) {\n      if (old && val && val.camera_id && old.camera_id && val.camera_id === old.camera_id && this.sceneview) {\n        this.$log.debug('Monitor DEBUG watch currentLog updateMapGraphics 1')\n        this.updateMapGraphics()\n      } else if (val && val.camera_id && this.sceneview) {\n        this.$log.debug('Monitor DEBUG watch currentLog updateMapGraphics 2')\n        this.updateMapGraphics()\n        this.centerMapToCurrentLog()\n      }\n    },\n    currentCam(val, old) {\n      if (old && val && val.id && old.id && val.id === old.id && this.sceneview) {\n        this.$log.debug('Monitor DEBUG watch currentCam updateMapGraphics 1')\n        this.updateMapGraphics()\n      } else if (val && val.id && this.sceneview) {\n        this.$log.debug('Monitor DEBUG watch currentCam updateMapGraphics 2')\n        this.updateMapGraphics()\n        this.centerMapToCurrentLog()\n      }\n    },\n    historyViewSelectedDateRange() {\n      this.updatePfirsLayerParams()\n    },\n  },\n  mounted() {\n    // this.$log.debug('Map#mounted currentLog', this.currentLog)\n    this.loadMap()\n    this.$log.debug('Monitor DEBUG mounted updateMapGraphics')\n    this.updateMapGraphics()\n    this.centerMapToCurrentLog()\n  },\n  destroyed() {\n    this.$store.commit('setArcGISMapInstance', null)\n  },\n  methods: {\n    loadMap() {\n      loadModules(\n        ['esri/config', 'esri/Map', 'esri/views/SceneView', 'esri/widgets/BasemapToggle', 'esri/layers/GraphicsLayer', 'esri/layers/GeoJSONLayer'],\n        {\n          css: true,\n        }\n      ).then(async ([esriConfig, Map, SceneView, BasemapToggle, GraphicsLayer, GeoJSONLayer]) => {\n        const token = await auth.getToken()\n\n        const buildEnvURL = process.env.VUE_APP_API_URL\n        const fillerBackslashCharacter = buildEnvURL[buildEnvURL.length - 1] === '/' ? '' : '/'\n        const urlPrependString = buildEnvURL + fillerBackslashCharacter\n\n        // set API key\n        esriConfig.apiKey = Constants.ARCGIS_API_KEY\n\n        // set auth token in header\n        esriConfig.request.interceptors.push({\n          urls: urlPrependString + 'camera',\n          headers: {\n            Authorization: `Bearer ${token}`,\n          },\n        })\n\n        // create map with the given options\n        const map = new Map({\n          basemap: 'arcgis-topographic',\n          ground: 'world-elevation',\n        })\n\n        this.$store.commit('setArcGISMapInstance', map)\n\n        // Sunnyvale, CA coordinates\n        let x = -122.036346\n        let y = 37.368832\n        if (this.currentLog) {\n          if (!!this.currentLog.longitude && this.currentLog.longitude !== -1 && !!this.currentLog.latitude && this.currentLog.latitude !== -1) {\n            x = this.currentLog.longitude\n            y = this.currentLog.latitude\n          } else {\n            const currentLogCameraCoordinates = this.camMap[this.currentLog.camera_id].coordinate\n            x = Number(currentLogCameraCoordinates.split(' ')[1])\n            y = Number(currentLogCameraCoordinates.split(' ')[0])\n          }\n        } else if (this.currentCam) {\n          const currentCameraCoordinates = this.currentCam.coordinate\n          x = Number(currentCameraCoordinates.split(' ')[1])\n          y = Number(currentCameraCoordinates.split(' ')[0])\n        }\n\n        // assign map to this view\n        const view = new SceneView({\n          container: this.$el,\n          map,\n          camera: {\n            position: {\n              // center map on first load on Sunnyvale: [37.368832, -122.036346]\n              x, // Longitude\n              y, // Latitude\n              z: 40000,\n            },\n            // tilt: 75\n          },\n          zoom: 12,\n          constraints: {\n            altitude: {\n              max: 2000000,\n            },\n          },\n          navigation: {\n            mouseWheelZoomEnabled: false,\n          },\n        })\n\n        this.sceneview = view\n\n        // add basemap toggle\n        if (!this.isMobile && this.$route.path !== '/monitor') {\n          const basemapToggle = new BasemapToggle({\n            view,\n            nextBaseMap: 'arcgis-navigation',\n          })\n          view.ui.add(basemapToggle, 'bottom-right')\n        } else {\n          view.ui.components = ['attribution']\n        }\n\n        // PFIRS fire locations data\n        // custom geoJSON data renderer\n        const pfirsGeoJsonDataRenderer = {\n          type: 'simple',\n          symbol: {\n            type: 'picture-marker',\n            url: this.customGeoJsonDataIcon,\n            width: '32px',\n            height: '32px',\n          },\n        }\n\n        // custom geoJSON data labels\n        const pfirsGeoJsonDataLabels = {\n          symbol: {\n            type: 'text',\n            color: '#FFFFFF',\n            haloColor: '#5E8D74',\n            haloSize: '2px',\n            font: {\n              size: '12px',\n              family: 'Noto Sans',\n              style: 'italic',\n              weight: 'normal',\n            },\n          },\n        }\n\n        const pfirsFirePopupTemplate = {\n          title: '{BurnName} (PFIRS)',\n          outFields: ['*'],\n          content: [\n            {\n              type: 'custom',\n              creator: (item) => {\n                const longitude =\n                  typeof item.graphic.geometry.longitude === 'number'\n                    ? item.graphic.geometry.longitude.toFixed(6)\n                    : item.graphic.geometry.longitude.toString()\n                const latitude =\n                  typeof item.graphic.geometry.latitude === 'number'\n                    ? item.graphic.geometry.latitude.toFixed(6)\n                    : item.graphic.geometry.latitude.toString()\n                return `\n                <table class=\"esri-widget__table\">\n                  <tbody>\n                    <tr>\n                      <th class=\"esri-feature-fields__field-header\">Lat</th>\n                      <td class=\"esri-feature-fields__field-data\">${latitude}</td>\n                    </tr>\n                    <tr>\n                      <th class=\"esri-feature-fields__field-header\">Long</th>\n                      <td class=\"esri-feature-fields__field-data\">${longitude}</td>\n                    </tr>\n                  </tbody>\n                </table>`\n              },\n            },\n            {\n              type: 'fields',\n              fieldInfos: [\n                {\n                  fieldName: 'BurnDate',\n                  label: 'Burn Date',\n                },\n                {\n                  fieldName: 'BurnType',\n                  label: 'Burn Type',\n                },\n                {\n                  fieldName: 'Acres',\n                  label: 'Acres',\n                },\n                {\n                  fieldName: 'ManagingAgency',\n                  label: 'Managing Agency',\n                },\n                {\n                  fieldName: 'LastUpdated',\n                  label: 'Last Updated',\n                },\n              ],\n            },\n          ],\n          overwriteActions: true,\n          returnGeometry: true,\n        }\n\n        const start_date = moment(this.historyViewSelectedDateRange[0], 'YYYY-MM-DD').startOf('day').format()\n        const end_date = moment(this.historyViewSelectedDateRange[1], 'YYYY-MM-DD').endOf('day').format()\n\n        // add geoJSON layer (geoJSON data from ArcGIS Developer Dashboard)\n        const pfirsGeoJsonDataLayer = new GeoJSONLayer({\n          id: 'alchera-history-map-pfirs-geojsonlayer',\n          url: urlPrependString + 'external/prescribed-burn',\n          renderer: pfirsGeoJsonDataRenderer,\n          labelingInfo: [pfirsGeoJsonDataLabels],\n          popupTemplate: pfirsFirePopupTemplate,\n          customParameters: {\n            start_date,\n            end_date,\n          },\n        })\n        this.pfirsDataFeatureLayer = pfirsGeoJsonDataLayer\n        map.add(pfirsGeoJsonDataLayer)\n\n        // camera locations feature layer\n        // custom geoJSON data renderer\n        const camerasGeoJsonDataRenderer = {\n          type: 'simple',\n          symbol: {\n            type: 'picture-marker',\n            url: this.cameraIconNonDirection,\n            width: '24px',\n            height: '24px',\n          },\n        }\n\n        // custom geoJSON data labels\n        const camerasGeoJsonDataLabels = {\n          symbol: {\n            type: 'text',\n            color: '#FFFFFF',\n            haloColor: '#5E8D74',\n            haloSize: '2px',\n            font: {\n              size: '12px',\n              family: 'Noto Sans',\n              style: 'italic',\n              weight: 'normal',\n            },\n          },\n        }\n\n        // define \"go to\" action\n        const goToAction = {\n          title: 'Go To',\n          id: 'go-to-action',\n          className: 'esri-icon-link-external',\n        }\n        const camerasPopupTemplate = {\n          title: '{name}',\n          outFields: ['altitude'],\n          content: [\n            {\n              type: 'custom',\n              creator: (item) => {\n                const longitude =\n                  typeof item.graphic.geometry.longitude === 'number'\n                    ? item.graphic.geometry.longitude.toFixed(6)\n                    : item.graphic.geometry.longitude.toString()\n                const latitude =\n                  typeof item.graphic.geometry.latitude === 'number'\n                    ? item.graphic.geometry.latitude.toFixed(6)\n                    : item.graphic.geometry.latitude.toString()\n                return `\n                <table class=\"esri-widget__table\">\n                  <tbody>\n                    <tr>\n                      <th class=\"esri-feature-fields__field-header\">Lat</th>\n                      <td class=\"esri-feature-fields__field-data\">${latitude}</td>\n                    </tr>\n                    <tr>\n                      <th class=\"esri-feature-fields__field-header\">Long</th>\n                      <td class=\"esri-feature-fields__field-data\">${longitude}</td>\n                    </tr>\n                  </tbody>\n                </table>`\n              },\n            },\n            {\n              type: 'fields',\n              fieldInfos: [\n                {\n                  fieldName: 'altitude',\n                  label: 'Altitude',\n                },\n              ],\n            },\n          ],\n          actions: [goToAction],\n          overwriteActions: true,\n          returnGeometry: true,\n        }\n\n        const camerasDataGeoJsonLayer = new GeoJSONLayer({\n          url: urlPrependString + 'camera?mode=geojson',\n          renderer: camerasGeoJsonDataRenderer,\n          outFields: ['*'],\n          labelingInfo: [camerasGeoJsonDataLabels],\n          popupTemplate: camerasPopupTemplate,\n        })\n        this.camerasDataGeoJsonLayer = camerasDataGeoJsonLayer\n        map.add(camerasDataGeoJsonLayer)\n\n        // define graphics layer\n        this.GraphicsLayer = new GraphicsLayer({\n          elevationInfo: {\n            mode: 'on-the-ground',\n          },\n        })\n\n        const self = this\n\n        this.GraphicsLayer.on('layerview-create', function (evt) {\n          self.updateMapGraphics()\n          self.centerMapToCurrentLog()\n        })\n\n        // apply graphics layer to map\n        map.add(this.GraphicsLayer)\n\n        this.arcgisMap = view\n\n        view.when(() => {\n          view.on('key-down', function (evt) {\n            if (evt.key === 'Control') {\n              self.sceneview.navigation.mouseWheelZoomEnabled = true\n            }\n          })\n          view.on('layerview-create', async function (evt) {\n            if (evt.layerView.type == 'feature-3d') {\n              const cameraDataView = await self.sceneview.whenLayerView(self.camerasDataGeoJsonLayer)\n              const orgaizationIdsList = self.orgaizationIds\n              cameraDataView.filter = { where: `ID in (${orgaizationIdsList})` }\n            }\n          })\n\n          view.on('key-up', function (evt) {\n            if (evt.key === 'Control') {\n              self.sceneview.navigation.mouseWheelZoomEnabled = false\n            }\n          })\n\n          // watch the position of the cursor\n          view.on('pointer-move', function (evt) {\n            const screenPoint = {\n              x: evt.x,\n              y: evt.y,\n            }\n            view.hitTest(screenPoint).then((response) => {\n              changeMouseCursor(response)\n            })\n          })\n\n          // change cursor to \"pointer\" when hovering over an icon\n          function changeMouseCursor(res) {\n            const hitPointGraphicsList = res.results.filter((item) => item.graphic.geometry.type === 'point')\n            if (hitPointGraphicsList.length > 0) {\n              document.body.style.cursor = 'pointer'\n            } else {\n              document.body.style.cursor = 'default'\n            }\n          }\n\n          view.popup.viewModel.on('trigger-action', (event) => {\n            const attributes = view.popup.viewModel.selectedFeature.attributes\n            if (event.action.id === 'go-to-action' && attributes.public_url && attributes.public_url !== '') {\n              window.open(attributes.public_url)\n            }\n          })\n        })\n      })\n    },\n    updateMapGraphics() {\n      loadModules(['esri/Graphic', 'esri/geometry/Circle'], {\n        css: true,\n      }).then(([Graphic, Circle]) => {\n        // go through recent log list and check for fire location(s)\n        // 1: if (fire coordinates found) draw Circle and Polyline connecting fire to camera\n        // 2: if (fire coordinates not found but fire exists) draw camera direction Polyline for that log\n        this.$log.debug('Monitor DEBUG update Map Graphics')\n        this.graphicsList = []\n        // this.clickableGraphicUIDList = []\n        const NOW_MOMENT = moment()\n\n        if (!!this.currentLog) {\n          const LATITUDE = this.currentLog.latitude\n          const LONGITUDE = this.currentLog.longitude\n          const PAN_DIRECTION = this.currentLog.pan_direction\n\n          // define \"detection within\" type (\"3 Hours\", \"6 Hours\", \"24 Hours\", \"Extra\")\n          const CREATED_AT = moment(this.currentLog.created_at).format()\n          const MINUTES_SINCE_FIRE_DETECTED = NOW_MOMENT.diff(CREATED_AT, 'minutes')\n\n          let MAIN_COLOR = '#F9423A'\n          let BORDER_COLOR = [249, 66, 58, 0.5]\n          if (MINUTES_SINCE_FIRE_DETECTED > 24 * 60) {\n            MAIN_COLOR = '#6D6D6D'\n            BORDER_COLOR = [109, 109, 109, 0.5]\n          } else if (MINUTES_SINCE_FIRE_DETECTED > 6 * 60) {\n            MAIN_COLOR = '#384CFF'\n            BORDER_COLOR = [56, 76, 255, 0.5]\n          } else if (MINUTES_SINCE_FIRE_DETECTED > 3 * 60) {\n            MAIN_COLOR = '#FFB800'\n            BORDER_COLOR = [255, 184, 0, 0.5]\n          }\n\n          const matchedCameraName = this.currentLog.camera_name\n          const matchedCameraCoordinates = this.camMap[this.currentLog.camera_id].coordinate\n          const CAMERA_LATITUDE = Number(matchedCameraCoordinates.split(' ')[0])\n          const CAMERA_LONGITUDE = Number(matchedCameraCoordinates.split(' ')[1])\n\n          // fire coordinates found\n          if (!!LATITUDE && !!LONGITUDE && LATITUDE !== -1 && LONGITUDE !== -1 && PAN_DIRECTION !== -1) {\n            // DRAW: fire location point graphic with popup\n            const currentFirePoint = {\n              type: 'point',\n              x: LONGITUDE,\n              y: LATITUDE,\n            }\n            const currentFirePointSymbol = {\n              type: 'simple-marker',\n              color: MAIN_COLOR,\n              outline: {\n                color: MAIN_COLOR,\n                width: 10,\n              },\n            }\n            const direction = util.locaitonToDegree(this.currentLog.pan_direction)\n            const currentFirePointPopup = {\n              content: [\n                {\n                  type: 'custom',\n                  creator: (item) => {\n                    const longitude =\n                      typeof item.graphic.geometry.longitude === 'number'\n                        ? item.graphic.geometry.longitude.toFixed(6)\n                        : item.graphic.geometry.longitude.toString()\n                    const latitude =\n                      typeof item.graphic.geometry.latitude === 'number'\n                        ? item.graphic.geometry.latitude.toFixed(6)\n                        : item.graphic.geometry.latitude.toString()\n                    return `\n                    <table class=\"esri-widget__table\">\n                      <tbody>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Detected Camera</th>\n                          <td class=\"esri-feature-fields__field-data\">${matchedCameraName}</td>\n                        </tr>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Lat</th>\n                          <td class=\"esri-feature-fields__field-data\">${latitude}</td>\n                        </tr>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Long</th>\n                          <td class=\"esri-feature-fields__field-data\">${longitude}</td>\n                        </tr>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Direction</th>\n                          <td class=\"esri-feature-fields__field-data\">${direction}</td>\n                        </tr>\n                      </tbody>\n                    </table>`\n                  },\n                },\n              ],\n              overwriteActions: true,\n              returnGeometry: true,\n            }\n            const currentFirePointGraphic = new Graphic({\n              geometry: currentFirePoint,\n              symbol: currentFirePointSymbol,\n              popupTemplate: currentFirePointPopup,\n            })\n            this.graphicsList.push(currentFirePointGraphic)\n            // this.clickableGraphicUIDList.push(currentFirePointGraphic.uid)\n\n            // DRAW: polyline from sea level to altitude of camera\n            // const currentCameraPolyline = {\n            //   type: 'polyline',\n            //   paths: [\n            //     [this.longitude, this.latitude, this.currentLog.altitude],\n            //     [this.longitude, this.latitude, 0],\n            //   ],\n            // }\n            // const currentCameraLineSymbol = {\n            //   type: 'simple-line',\n            //   color: [226, 119, 40],\n            //   width: 2,\n            // }\n            // const currentCameraPolylineGraphic = new Graphic({\n            //   geometry: currentCameraPolyline,\n            //   symbol: currentCameraLineSymbol,\n            // })\n            // this.graphicsList.push(currentCameraPolylineGraphic)\n\n            // DRAW: Fire location area graphic\n            const circleGeometry = new Circle({\n              center: [currentFirePoint.x, currentFirePoint.y],\n              geodesic: true,\n              numberOfPoints: 100,\n              radius: 1.2,\n              radiusUnit: 'miles',\n            })\n            const fillSymbol = {\n              type: 'simple-fill',\n              color: BORDER_COLOR,\n              outline: {\n                width: 1,\n                color: BORDER_COLOR,\n              },\n            }\n            const currentFireAreaGraphic = new Graphic({\n              geometry: circleGeometry,\n              symbol: fillSymbol,\n            })\n            this.graphicsList.push(currentFireAreaGraphic)\n            // this.clickableGraphicUIDList.push(currentFireAreaGraphic.uid)\n\n            // DRAW: line graphic from camera to fire location\n            const cameraToFirePolyline = {\n              type: 'polyline',\n              paths: [\n                [CAMERA_LONGITUDE, CAMERA_LATITUDE],\n                [currentFirePoint.x, currentFirePoint.y],\n              ],\n            }\n            const cameraToFireLineSymbol = {\n              type: 'simple-line',\n              color: MAIN_COLOR,\n              width: 2,\n            }\n            const cameraToFirePolylineGraphic = new Graphic({\n              geometry: cameraToFirePolyline,\n              symbol: cameraToFireLineSymbol,\n            })\n            this.graphicsList.push(cameraToFirePolylineGraphic)\n            // this.clickableGraphicUIDList.push(cameraToFirePolylineGraphic.uid)\n          } else if (!!LATITUDE && !!LONGITUDE && LATITUDE === -1 && LONGITUDE === -1 && PAN_DIRECTION !== -1) {\n            this.$log.debug('Monitor DEBUG coordinates not found', LATITUDE, LONGITUDE, PAN_DIRECTION)\n            // fire coordinates not found\n            const endCoordinates = this.computePosition({ lat: 0, lng: 0 }, 10000, PAN_DIRECTION)\n            const endLatitude = endCoordinates.lat()\n            const endLongitude = endCoordinates.lng()\n            const directionText = util.locaitonToDegree(PAN_DIRECTION)\n\n            const cameraDirectionPolyline = {\n              type: 'polyline',\n              paths: [\n                [CAMERA_LONGITUDE, CAMERA_LATITUDE],\n                [CAMERA_LONGITUDE + endLongitude, CAMERA_LATITUDE + endLatitude],\n              ],\n            }\n            this.$log.debug('Monitor DEBUG coordinates not found 2', cameraDirectionPolyline)\n            const cameraDirectionLineSymbol = {\n              type: 'simple-line',\n              color: MAIN_COLOR,\n              width: 2,\n            }\n            // const detectionInfoAction = {\n            //   title: 'Detection Info',\n            //   id: 'detection-info-action',\n            //   className: 'esri-icon-description',\n            // }\n            const cameraDirectionLinePopup = {\n              outFields: ['*'],\n              content: [\n                {\n                  type: 'custom',\n                  creator: () => {\n                    return `\n                    <table class=\"esri-widget__table\">\n                      <tbody>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Detected Camera</th>\n                          <td class=\"esri-feature-fields__field-data\">${matchedCameraName}</td>\n                        </tr>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Fire Direction</th>\n                          <td class=\"esri-feature-fields__field-data\">${directionText}</td>\n                        </tr>\n                      </tbody>\n                    </table>`\n                  },\n                },\n              ],\n              // actions: [detectionInfoAction],\n              overwriteActions: true,\n              returnGeometry: true,\n              // custom key/value\n              logID: this.currentLog.log_id,\n            }\n            const cameraDirectionPolylineGraphic = new Graphic({\n              geometry: cameraDirectionPolyline,\n              symbol: cameraDirectionLineSymbol,\n              popupTemplate: cameraDirectionLinePopup,\n            })\n            this.graphicsList.push(cameraDirectionPolylineGraphic)\n            // this.clickableGraphicUIDList.push(cameraDirectionPolylineGraphic.uid)\n          }\n        }\n        this.$log.debug('Monitor DEBUG sceneview exists', !!this.sceneview)\n        if (this.sceneview) {\n          // this.drawExclamationMarkIcon()\n          this.$log.debug('Monitor DEBUG remove graphics')\n          this.sceneview.graphics.removeAll()\n          this.sceneview.graphics.addMany(this.graphicsList)\n          // this.GraphicsLayer.graphics = graphicsList\n        }\n        this.arcgisMap = this.sceneview\n      })\n    },\n    async updatePfirsLayerParams() {\n      const startDate = moment(this.historyViewSelectedDateRange[0], 'YYYY-MM-DD').startOf('day').format()\n      const endDate = moment(this.historyViewSelectedDateRange[1], 'YYYY-MM-DD').endOf('day').format()\n      loadModules(['esri/Map'], { css: true }).then(async ([Map]) => {\n        const pfirsGeoJsonLayer = this.ArcGISMapInstance.findLayerById('alchera-history-map-pfirs-geojsonlayer')\n        pfirsGeoJsonLayer.customParameters.start_date = startDate\n        pfirsGeoJsonLayer.customParameters.end_date = endDate\n        pfirsGeoJsonLayer.refresh()\n      })\n    },\n    centerMapToCurrentLog() {\n      if (this.sceneview) {\n        let latitude = 0\n        let longitude = 0\n        if (!!this.currentCam) {\n          const camCoordinates = this.currentCam.coordinate.split(' ')\n          latitude = Number(camCoordinates[0])\n          longitude = Number(camCoordinates[1])\n        } else if (\n          !!this.currentLog &&\n          !!this.currentLog.latitude &&\n          !!this.currentLog.longitude &&\n          this.currentLog.latitude !== -1 &&\n          this.currentLog.longitude !== -1\n        ) {\n          // lat/lng exist, not -1\n          latitude = this.currentLog.latitude\n          longitude = this.currentLog.longitude\n        } else {\n          const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n          latitude = Number(camCoordinates[0])\n          longitude = Number(camCoordinates[1])\n        }\n        // calculate coordinates of midpoint of line graphic\n        if (\n          !!this.currentLog &&\n          !!this.currentLog.longitude &&\n          this.currentLog.longitude === -1 &&\n          !!this.currentLog.latitude &&\n          this.currentLog.latitude === -1 &&\n          this.currentLog.pan_direction !== -1\n        ) {\n          const midpointCoordinates = this.computePosition({ lat: 0, lng: 0 }, 5000, this.currentLog.pan_direction)\n          const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n          longitude = Number(camCoordinates[1]) + midpointCoordinates.lng()\n          latitude = Number(camCoordinates[0]) + midpointCoordinates.lat()\n        }\n\n        this.sceneview\n          .goTo(\n            {\n              center: [Number(longitude), Number(latitude)],\n              zoom: 12,\n            },\n            {\n              speedFactor: 1000,\n              easing: 'linear',\n            }\n          )\n          .catch((e) => {\n            this.$log.debug('catch ArcGIS goTo() error')\n          })\n      }\n    },\n    centerMap() {\n      if (this.sceneview) {\n        let latitude = 0\n        let longitude = 0\n\n        if (!!this.currentCam) {\n          const camCoordinates = this.currentCam.coordinate.split(' ')\n          latitude = Number(camCoordinates[0])\n          longitude = Number(camCoordinates[1])\n        } else if (\n          !!this.currentLog &&\n          !!this.currentLog.latitude &&\n          !!this.currentLog.longitude &&\n          this.currentLog.latitude !== -1 &&\n          this.currentLog.longitude !== -1\n        ) {\n          // lat/lng exist, not -1\n          latitude = this.currentLog.latitude\n          longitude = this.currentLog.longitude\n        } else if (\n          // calculate coordinates of midpoint of line graphic\n          !!this.currentLog.longitude &&\n          !!this.currentLog.latitude &&\n          this.currentLog.longitude === -1 &&\n          this.currentLog.latitude === -1 &&\n          this.currentLog.pan_direction !== -1\n        ) {\n          const midpointCoordinates = this.computePosition({ lat: 0, lng: 0 }, 5000, this.currentLog.pan_direction)\n          const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n          longitude = Number(camCoordinates[1]) + midpointCoordinates.lng()\n          latitude = Number(camCoordinates[0]) + midpointCoordinates.lat()\n        } else {\n          const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n          latitude = Number(camCoordinates[0])\n          longitude = Number(camCoordinates[1])\n        }\n\n        this.sceneview\n          .goTo(\n            {\n              center: [Number(longitude), Number(latitude)],\n              zoom: 12,\n            },\n            {\n              speedFactor: 1000,\n              easing: 'linear',\n            }\n          )\n          .catch((e) => {\n            this.$log.debug('catch ArcGIS goTo() error')\n          })\n      }\n    },\n    computePosition(latLng, distance, heading) {\n      return google.maps.geometry.spherical.computeOffset(latLng, distance, heading)\n    },\n  },\n}\n</script>\n\n<style>\n#elevationDiv {\n  position: absolute;\n  bottom: 30px;\n  left: 12px;\n  padding: 12px;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: white;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./HistoryMap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./HistoryMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HistoryMap.vue?vue&type=template&id=264ba2ce&\"\nimport script from \"./HistoryMap.vue?vue&type=script&lang=js&\"\nexport * from \"./HistoryMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HistoryMap.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","<template>\n  <div class=\"history\">\n    <section :class=\"`${themeName}`\" v-scroll.self=\"handleOnScrollDirective\">\n      <div class=\"search-container\">\n        <EventFilter\n          ref=\"eventFilter\"\n          @selectDate=\"selectDate = $event\"\n          @filter=\"eventFilter = $event\"\n          @setLogListLoading=\"setLogListLoading\"\n        ></EventFilter>\n        <img v-if=\"$vuetify.theme.dark\" src=\"@/assets/Chevron-Right_Circle_24px_2_Icon.svg\" width=\"24px\" />\n        <img v-else src=\"@/assets/Chevron-Right_Circle_24px_2_Icon-red.svg\" width=\"24px\" />\n        <LogList v-if=\"!logListLoading\" ref=\"logList\" :selectDate=\"selectDate\" :eventFilter=\"eventFilter\"></LogList>\n        <div v-else :class=\"`progress-circular ${themeName}`\">\n          <v-progress-circular indeterminate color=\"#D8D9DA\" />\n        </div>\n      </div>\n      <CameraInfo v-if=\"historyViewSelectedDateList.length && currentCam\" style=\"margin-top: 10px\"></CameraInfo>\n      <LogInfo\n        v-if=\"historyViewSelectedDateList.length && currentLog\"\n        :edit=\"true\"\n        @update=\"onUpdateDate\"\n        style=\"margin-top: 10px\"\n        @onClickRootLog=\"onClickRootLog\"\n      ></LogInfo>\n      <WeatherInfo v-if=\"historyViewSelectedDateList.length && currentLog\" style=\"margin: 0 30px 20px\"></WeatherInfo>\n      <div class=\"player\" v-if=\"historyViewSelectedDateList.length\">\n        <ImagePlayer v-if=\"currentLog\" :currentLog=\"currentLog\" ref=\"DetectionImagePlayerContainer\">\n          <template v-slot=\"{ currentIndex, moveFrame, playerState, imageUrlList, detectedImageIndex, hasAfterImages, play, pause, currentLogId }\">\n            <FramePlayerBar\n              :currentLogId=\"currentLogId\"\n              :currentIndex=\"currentIndex\"\n              @moveFrame=\"moveFrame\"\n              :playerState=\"playerState\"\n              :imageUrlList=\"imageUrlList\"\n              :detectedImageIndex=\"detectedImageIndex\"\n              :hasAfterImages=\"hasAfterImages\"\n              @play=\"play\"\n              @pause=\"pause\"\n            />\n          </template>\n        </ImagePlayer>\n        <LiveViewPlayer v-else-if=\"currentCam\" :currentCam=\"currentCam\" />\n      </div>\n\n      <div v-if=\"historyViewSelectedDateList.length\" class=\"map-container\" @mousewheel=\"onMousewheel\" @keydown=\"onKeydown\" @keyup=\"onKeyup\">\n        <Loading\n          v-if=\"currentLog && currentLog.direction === null\"\n          :loading=\"true\"\n          style=\"margin: 0 30px; min-height: 420px; position: relative; width: calc(100% - 60px)\"\n        ></Loading>\n        <Map v-else ref=\"historyMap\" :currentCam=\"currentCam\" :currentLog=\"currentLog\" style=\"margin: 0 30px; min-height: 420px; position: relative\">\n          <div class=\"text-map\">Direction may differ in the range of ±5˚.</div>\n        </Map>\n        <div :class=\"{ 'map-view-scroll-guide': true, visible: isInvalidScroll, hidden: !isInvalidScroll }\" style=\"margin: 0 30px; min-height: 420px\">\n          Use Ctrl + scroll to zoom the map\n        </div>\n        <v-btn bottom class=\"map-center-btn\" color=\"white\" dark fab height=\"38\" width=\"38\" left @click=\"onClickMapCenterBtn()\">\n          <img src=\"@/assets/Arrow_Out_Circle_Icon_Red.svg\" />\n        </v-btn>\n        <div class=\"legend\">\n          <MapDetailLegend />\n        </div>\n      </div>\n      <v-spacer />\n      <Footer></Footer>\n    </section>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport EventFilter from '@desktop/adminOrViewer/history/EventFilter'\nimport LogList from '@desktop/adminOrViewer/history/LogList'\nimport CameraInfo from '@desktop/adminOrViewer/detection/CameraInfo'\nimport LogInfo from '@desktop/adminOrViewer/detection/LogInfo'\nimport WeatherInfo from '@desktop/adminOrViewer/detection/WeatherInfo'\nimport ImagePlayer from '@common/newImage/ImagePlayer'\nimport LiveViewPlayer from '@common/newImage/LiveViewPlayer'\nimport FramePlayerBar from '@common/newImage/FramePlayerBar'\n// import Map from '@common/GoogleMaps/Map'\nimport Map from '@common/ArcGIS/HistoryMap'\nimport MapDetailLegend from '@common/MapDetailLegend.vue'\nimport Loading from '@common/ImagePlayer/Loading'\nimport Footer from '@desktop/adminOrViewer/detection/Footer'\nimport RotuerMixin from '@/mixin/router.mixin'\nimport SelfInfoMixin from '@/mixin/selfinfo.mixin'\nimport Theme from '@/mixin/theme.mixin'\nimport Constants from '@/constants'\n\nexport default {\n  mixins: [RotuerMixin, SelfInfoMixin, Theme],\n  components: {\n    Footer,\n    EventFilter,\n    LogList,\n    CameraInfo,\n    LogInfo,\n    WeatherInfo,\n    Map,\n    Loading,\n    MapDetailLegend,\n    LiveViewPlayer,\n    ImagePlayer,\n    FramePlayerBar,\n  },\n  props: ['name', 'logId', 'tabIndex'],\n  data() {\n    return {\n      searchText: '',\n      selectDate: '',\n      eventFilter: [],\n      timerId: null,\n      // zoom control restriction(s)\n      isPressingControlKey: false,\n      isInvalidScroll: false,\n      invalidScrollTimeout: null,\n      logListLoading: false,\n    }\n  },\n  async created() {\n    await this.initialize()\n  },\n  destroyed() {\n    if (this.currentCam) this.setCurrentCam(null)\n    clearTimeout(this.timerId)\n  },\n  computed: {\n    ...mapState(['currentCam', 'currentLog', 'historyViewSelectedDateList']),\n  },\n  methods: {\n    ...mapActions(['getLog', 'setCurrentLog', 'setCurrentCam']),\n    async onClickRootLog(rootLog) {\n      await this.$refs.logList.onClickRootLog(rootLog)\n    },\n    async initialize() {\n      this.updateCurrentLog()\n    },\n    async onUpdateDate() {\n      this.$refs.eventFilter.onUpdateDate(this.$refs.eventFilter.period, true)\n    },\n    setLogListLoading(loadingState) {\n      this.logListLoading = loadingState\n    },\n    updateCurrentLog() {\n      clearTimeout(this.timerId)\n      this.timerId = setTimeout(async () => {\n        if (this.currentLog && this.currentLog.log_id && this.currentLog.after_image_paths === null) {\n          const newCurrentLog = await this.getLog(this.currentLog.log_id)\n          if (newCurrentLog.after_image_paths !== null) this.setCurrentLog(newCurrentLog)\n        }\n        this.updateCurrentLog()\n      }, Constants.INTERVAL_SITE_LOG)\n    },\n    handleOnScrollDirective() {\n      try {\n        this.$refs.eventFilter.$refs.FilterButton.open = false\n        this.$refs.eventFilter.$refs.DateFilter.openDatepicker = false\n      } catch (e) {\n        this.$log.debug('History#handleOnScrollDirective error', e)\n      }\n    },\n    onClickMapCenterBtn() {\n      this.$refs.historyMap.centerMap()\n    },\n    onMousewheel(evt) {\n      if (!this.isPressingControlKey) {\n        this.isInvalidScroll = true\n        clearTimeout(this.invalidScrollTimeout)\n        this.invalidScrollTimeout = setTimeout(() => {\n          this.isInvalidScroll = false\n        }, 1000)\n      }\n    },\n    onKeydown(evt) {\n      if (evt.key === 'Control') {\n        this.isPressingControlKey = true\n      }\n    },\n    onKeyup(evt) {\n      if (evt.key === 'Control') {\n        this.isPressingControlKey = false\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.history {\n  display: flex;\n  height: 100%;\n  overflow: auto;\n}\n\nsection {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 1000px;\n  height: 0;\n  min-height: calc(100% - 75px);\n  overflow: auto;\n  background-color: var(--f-text-white);\n\n  &.dark {\n    background-color: var(--f-bg-low);\n  }\n}\n\n.player {\n  flex-basis: 603px;\n  flex-shrink: 0;\n  padding: 0 30px;\n  min-height: 60vh;\n}\n\n.search-container {\n  display: flex;\n}\n\n.text-map {\n  position: absolute;\n  top: 15px;\n  left: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--f-text-white-high);\n  background-color: var(--f-bg-middle);\n  min-width: 282px;\n  height: 30px;\n  border-radius: 4px;\n}\n\n.map-container {\n  position: relative;\n\n  .map-view-scroll-guide {\n    height: 100%;\n    width: calc(100% - 60px);\n    background-color: rgba(0, 0, 0, 0.45);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: white;\n    font-size: 22px;\n    font-weight: 400;\n    transition-property: opacity;\n    transition-duration: 0.8s;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    pointer-events: none;\n    &.visible {\n      opacity: 1;\n    }\n    &.hidden {\n      opacity: 0;\n    }\n  }\n}\n\n.legend {\n  position: absolute;\n  bottom: 25px;\n  left: 45px;\n}\n\n.map-center-btn {\n  position: absolute;\n  bottom: 157px;\n  left: 45px;\n}\n\n.map-center-btn:hover {\n  background-color: #f2f1f1 !important;\n}\n\n.progress-circular {\n  width: 0;\n  flex-grow: 1;\n  min-width: 450px;\n  min-height: 489px;\n  max-height: 489px;\n  margin: 20px 30px 0 8px;\n  padding: 0px 10px 25px 30px;\n  border-radius: 24px;\n  background-color: var(--f-light-gray-1);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./History.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./History.vue?vue&type=script&lang=js&\"","import { VNodeDirective } from 'vue/types/vnode'\nimport { DirectiveOptions, VNode } from 'vue'\n\ninterface ScrollVNodeDirective extends Omit<VNodeDirective, 'modifiers'> {\n  value: EventListener | {\n    handler: EventListener\n    options?: boolean | AddEventListenerOptions\n  } | EventListenerObject & { options?: boolean | AddEventListenerOptions }\n  modifiers?: {\n    self?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: ScrollVNodeDirective, vnode: VNode) {\n  const { self = false } = binding.modifiers || {}\n  const value = binding.value\n  const options = (typeof value === 'object' && value.options) || { passive: true }\n  const handler = typeof value === 'function' || 'handleEvent' in value ? value : value.handler\n\n  const target = self\n    ? el\n    : binding.arg\n      ? document.querySelector(binding.arg)\n      : window\n\n  if (!target) return\n\n  target.addEventListener('scroll', handler, options)\n\n  el._onScroll = Object(el._onScroll)\n  el._onScroll![vnode.context!._uid] = {\n    handler,\n    options,\n    // Don't reference self\n    target: self ? undefined : target,\n  }\n}\n\nfunction unbind (el: HTMLElement, binding: ScrollVNodeDirective, vnode: VNode) {\n  if (!el._onScroll?.[vnode.context!._uid]) return\n\n  const { handler, options, target = el } = el._onScroll[vnode.context!._uid]!\n\n  target.removeEventListener('scroll', handler, options)\n  delete el._onScroll[vnode.context!._uid]\n}\n\nexport const Scroll = {\n  inserted,\n  unbind,\n} as DirectiveOptions\n\nexport default Scroll\n","import { render, staticRenderFns } from \"./History.vue?vue&type=template&id=ba7cbd30&scoped=true&\"\nimport script from \"./History.vue?vue&type=script&lang=js&\"\nexport * from \"./History.vue?vue&type=script&lang=js&\"\nimport style0 from \"./History.vue?vue&type=style&index=0&id=ba7cbd30&lang=scss&scoped=true&\"\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  \"ba7cbd30\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VProgressCircular,VSpacer})\n\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport Scroll from 'vuetify/lib/directives/scroll'\ninstallDirectives(component, {Scroll})\n","module.exports = __webpack_public_path__ + \"img/Filter_Line_16px_Icon-red.fbdee8f6.svg\";","module.exports = __webpack_public_path__ + \"img/Filter_Line_16px_Icon-dark.cef43d87.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./History.vue?vue&type=style&index=0&id=ba7cbd30&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Download_Filled_24px_Icon.716b75dc.svg\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LogList.vue?vue&type=style&index=0&id=526a4ccd&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Filter_Line_16px_Icon-disabled.7f0ae535.svg\";","module.exports = __webpack_public_path__ + \"img/Filter_Line_16px_Icon-light.be222033.svg\";","module.exports = __webpack_public_path__ + \"img/Checkbox-Off_16px_2_Icon-light.45737c11.svg\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateList.vue?vue&type=style&index=0&id=ac9ed4d8&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Checkbox-On_16px_2_Icon.c1d9592d.svg\";"],"sourceRoot":""}