{"version":3,"sources":["webpack:///./src/assets/Radio_Button_Filled_Black.svg","webpack:///./src/assets/Radio_Button_Empty_White.svg","webpack:///./src/components/desktop/dialog/DetectionClipDialog.vue?f887","webpack:///./src/assets/Exit_Icon_Black.svg","webpack:///./src/assets/Checkbox-Off_16px_Icon_light.svg","webpack:///./src/assets/Timeout_Icon_Pink.svg","webpack:///./src/assets/Link_Line_2_20px_Icon.svg","webpack:///./src/assets/Edit_Icon_Grey.svg","webpack:///./src/assets/Icon_Driving_Distance.svg","webpack:///./src/assets/Goto_Line_20px_Icon.svg","webpack:///./src/assets/Live_Line_2_20px_Icon.svg","webpack:///./src/assets/Goto_Line_20px_Icon_black.svg","webpack:///./src/assets/Checkbox-Off_16px_2_Icon.svg","webpack:///./src/assets/Filter_Line_16px_Icon.svg","webpack:///./src/assets/Detection_Line_2_20px_Icon.svg","webpack:///./src/components/common/SnackBar.vue?e5ce","webpack:///./src/assets/Chevron-Down_16px_Icon-Dark.svg","webpack:///./src/assets/Calendar_Xsmall_Button-inactive-dark.svg","webpack:///./src/assets/Return_Icon_Button_Red.svg","webpack:///./src/assets/Live_Line_2_20px_Icon_black.svg","webpack:///./src/components/common/SnackBar.vue?7ce5","webpack:///src/components/common/SnackBar.vue","webpack:///./src/components/common/SnackBar.vue?9ab2","webpack:///./src/components/common/SnackBar.vue","webpack:///./src/assets/alert.wav","webpack:///./src/assets/Icon_Driving_Distance_white.svg","webpack:///./src/assets/Checkbox-On_16px_Icon_light.svg","webpack:///./src/components/desktop/dialog/EditStatusDialog.vue?d76d","webpack:///./src/assets/Chevron-Up_16px_Icon-Light.svg","webpack:///./src/components/desktop/adminOrViewer/mapView/MapMainInterface.vue?6421","webpack:///./src/components/desktop/dialog/EditDetectionTypeDialog.vue?1412","webpack:///./src/components/common/ImagePlayer/DetectImage.vue?d02f","webpack:///./src/assets/Exit_Icon.svg","webpack:///./src/assets/Edit_Line_1_12px_Icon_red.svg","webpack:///./src/assets/Message-1s-200px.svg","webpack:///./src/assets/Chevron-Down_16px_Icon_Disabled-Dark.svg","webpack:///./src/components/desktop/adminOrViewer/mapView/RepetitiveSelectModal.vue?504a","webpack:///./src/assets/Filter_Line_16px_Icon-red.svg","webpack:///./src/components/common/ArcGIS/MapViewMap.vue?15b2","webpack:///./src/assets/Chevron-Down_16px_Icon_Disabled-Light.svg","webpack:///./src/assets/Check_Circle_20px_Icon_red.svg","webpack:///./src/assets/Radio_Button_Filled_Red.svg","webpack:///./src/components/desktop/adminOrViewer/mapView/MapSelectDrawer.vue?fdde","webpack:///./src/assets/Calendar_Xsmall_Button-inactive.svg","webpack:///./src/assets/Radio_Button_Empty_Black.svg","webpack:///./src/components/desktop/dialog/LiveViewDialog.vue?a8e2","webpack:///./src/components/common/ImagePlayer/DetectImage.vue?58ef","webpack:///./src/components/canvas/DetectImage.js","webpack:///src/components/common/ImagePlayer/DetectImage.vue","webpack:///./src/components/common/ImagePlayer/DetectImage.vue?2a3c","webpack:///./src/components/common/ImagePlayer/DetectImage.vue","webpack:///./src/assets/Radio_Button_Filled_White.svg","webpack:///./src/views/desktop/adminOrViewer/MapView.vue?325c","webpack:///./src/components/desktop/adminOrViewer/mapView/MapSelectDrawer.vue?6a00","webpack:///./src/components/desktop/dialog/LiveViewDialog.vue?1629","webpack:///src/components/desktop/dialog/LiveViewDialog.vue","webpack:///./src/components/desktop/dialog/LiveViewDialog.vue?6943","webpack:///./src/components/desktop/dialog/LiveViewDialog.vue","webpack:///./src/components/desktop/dialog/DetectionClipDialog.vue?0d5d","webpack:///src/components/desktop/dialog/DetectionClipDialog.vue","webpack:///./src/components/desktop/dialog/DetectionClipDialog.vue?82f0","webpack:///./src/components/desktop/dialog/DetectionClipDialog.vue","webpack:///src/components/desktop/adminOrViewer/mapView/MapSelectDrawer.vue","webpack:///./src/components/desktop/adminOrViewer/mapView/MapSelectDrawer.vue?5405","webpack:///./src/components/desktop/adminOrViewer/mapView/MapSelectDrawer.vue","webpack:///./src/components/desktop/adminOrViewer/mapView/MapMainInterface.vue?cf2f","webpack:///./src/components/desktop/adminOrViewer/mapView/DetectionResponseStatusPopover.vue?b8dd","webpack:///src/components/desktop/adminOrViewer/mapView/DetectionResponseStatusPopover.vue","webpack:///./src/components/desktop/adminOrViewer/mapView/DetectionResponseStatusPopover.vue?408a","webpack:///./src/components/desktop/adminOrViewer/mapView/DetectionResponseStatusPopover.vue","webpack:///./src/components/common/ArcGIS/MapViewMap.vue?e36e","webpack:///src/components/common/ArcGIS/MapViewMap.vue","webpack:///./src/components/common/ArcGIS/MapViewMap.vue?cbea","webpack:///./src/components/common/ArcGIS/MapViewMap.vue","webpack:///./src/components/desktop/dialog/EditStatusDialog.vue?e12e","webpack:///src/components/desktop/dialog/EditStatusDialog.vue","webpack:///./src/components/desktop/dialog/EditStatusDialog.vue?f51d","webpack:///./src/components/desktop/dialog/EditStatusDialog.vue","webpack:///./src/components/desktop/dialog/EditDetectionTypeDialog.vue?2251","webpack:///src/components/desktop/dialog/EditDetectionTypeDialog.vue","webpack:///./src/components/desktop/dialog/EditDetectionTypeDialog.vue?84c4","webpack:///./src/components/desktop/dialog/EditDetectionTypeDialog.vue","webpack:///./src/components/desktop/dialog/EditDetectionTypeUnavailableDialog.vue?a42b","webpack:///src/components/desktop/dialog/EditDetectionTypeUnavailableDialog.vue","webpack:///./src/components/desktop/dialog/EditDetectionTypeUnavailableDialog.vue?3c9a","webpack:///./src/components/desktop/dialog/EditDetectionTypeUnavailableDialog.vue","webpack:///./src/components/desktop/dialog/FilterDialog.vue?a89b","webpack:///src/components/desktop/dialog/FilterDialog.vue","webpack:///./src/components/desktop/dialog/FilterDialog.vue?094b","webpack:///./src/components/desktop/dialog/FilterDialog.vue","webpack:///./src/components/desktop/adminOrViewer/mapView/RepetitiveSelectModal.vue?7437","webpack:///src/components/desktop/adminOrViewer/mapView/RepetitiveSelectModal.vue","webpack:///./src/components/desktop/adminOrViewer/mapView/RepetitiveSelectModal.vue?9e94","webpack:///./src/components/desktop/adminOrViewer/mapView/RepetitiveSelectModal.vue","webpack:///src/components/desktop/adminOrViewer/mapView/MapMainInterface.vue","webpack:///./src/components/desktop/adminOrViewer/mapView/MapMainInterface.vue?37a0","webpack:///./src/components/desktop/adminOrViewer/mapView/MapMainInterface.vue","webpack:///src/views/desktop/adminOrViewer/MapView.vue","webpack:///./src/views/desktop/adminOrViewer/MapView.vue?3aa5","webpack:///./src/views/desktop/adminOrViewer/MapView.vue","webpack:///./src/assets/Checkbox-On_16px_Icon_dark.svg","webpack:///./src/components/desktop/dialog/EditDetectionTypeUnavailableDialog.vue?eecd","webpack:///./src/views/desktop/adminOrViewer/MapView.vue?8fe6","webpack:///./src/assets/Detection_Line_2_20px_Icon_black.svg","webpack:///./src/components/desktop/adminOrViewer/mapView/DetectionResponseStatusPopover.vue?5bd6","webpack:///./src/assets/Calendar_Xsmall_Button-active.svg","webpack:///./src/assets/Chevron-Down_16px_Icon-Light.svg","webpack:///./src/components/desktop/dialog/FilterDialog.vue?9a67","webpack:///./src/assets/Chevron-Up_16px_Icon-Dark.svg","webpack:///./src/assets/Link_Line_2_20px_Icon_black.svg","webpack:///./src/assets/Message-1s-200px-light.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","class","mobile","attrs","color","scopedSlots","_u","key","fn","ref","_b","staticClass","on","$event","value","model","callback","$$v","expression","_v","_s","message","staticRenderFns","props","type","default","watch","val","$emit","component","VSnackbar","onClickCavansImg","DetectImage","canvasElement","detectObjects","imageUrl","initialize","canvas","fabric","Canvas","width","height","loadImage","Image","fromURL","img","set","fitCanvas","image","add","renderAll","drawDetectionBox","imageObj","canvasW","get","canvasH","ratioW","ratioH","scale","centerObject","forEach","detectObject","obj","transFromDataToBox","box","Box","selectable","draw","logInfo","mounted","currentLogImageUrl","Util","detailInfo","methods","mapActions","themeName","mapviewAlertOn","stopAlert","selectedLogInfo","_e","isLogListLoaded","filteredRecentLogList","length","mapViewDrawerTitle","_l","item","log_id","expandedAccordionLogId","onClickLogItem","event_type_id","eventTypeList","id","camera_name","logTimestampFormat","showTimeoutIcon","getStatusClass","getStatus","onlyFirstDetection","has_repetitive","isLogAccordionLoading","stopPropagation","onClickLogAccordion","staticStyle","filteredLogChildren","repLog","onClickLogChild","onClickDetectionInfoClose","root_log_id","onClickItemStatusBtn","onClickOption","eventTypeValue","isEventTypeEditDisabled","onClickEventTypeEdit","viewer","eventIdValue","detectedTimeValue","fireLocationValue","onClickCopy","_g","fireDirectionValue","cameraLocationValue","weatherItem","wIndex","label","showEditEventTypeDialog","onSaveEventType","goToLinks","dialogGoto","clipboardColor","clipboardMsg","clipboard","showLiveViewDialog","showDetectionClipDialog","indexOf","_k","keyCode","hide","apply","arguments","providerLogoUrl","$vuetify","theme","currentCamImageSrc","play","canvasActiveOption","frameIndex","onImagePlayerUpdateFrame","loadedImages","loading","onStopPlayer","mixins","components","ImagePlayer","data","currentFrameIndex","playing","didPlay","frameMode","timeoutSetCamImageSrc","wheel","dragLeftButton","newVal","oldVal","getFirstImage","intervalSetCamImageSrc","stopIntervalSetCamImageSrc","beforeDestroy","computed","mapState","matchedCameraPath","camMap","camera_id","path","provider_dark_logo_path","provider_light_logo_path","getImageUrl","currentLogoUrl","index","clearTimeout","setTimeout","Constants","VCard","VDialog","mapViewSelectedLog","currentIndex","moveFrame","playerState","imageUrlList","detectedImageIndex","hasAfterImages","pause","currentLogId","FramePlayerBar","imagePlayerLoad","EditEventTypeDialog","GotoDialog","SnackBar","LiveViewDialog","DetectionClipDialog","SmallButton","next","newList","oldList","logIdMap","JSON","$store","dispatch","updatedLog","logAccordionLoadingTimeout","repetitiveLogsList","weatherInfo","testId","created","destroyed","recentLogList","mapViewFilter","isCustom","historyLogList","isViewer","logChildren","detectionWithin","moment","isDuplicateLog","detectionType","firstDetection","dateObj","startDate","isSame","endDate","format","selectedLogCameraInfo","public_url","private_url_1","private_url_2","eventType","find","getOffsetDate","created_at","offset","fireLocationLabel","latitude","longitude","panDirection","fireLocationIsTriangulated","pan_direction","log","isBetween","CAM_PAUSE_START_TIMESTAMP","CAM_PAUSE_END_TIMESTAMP","setMapviewExpandedAccordionLogIdAction","text","navigator","e","toString","logfiltering","inv2RecentLogList","responseStatus","detectionWithinFilter","filter","createdTime","startOf","endOf","responseStatusFilter","eventTypeFilter","result","dark","child","option","onClickLinkShare","eventTypeId","getRecentLogList","then","logs","VProgressCircular","VTooltip","onMousewheel","onKeydown","onKeyup","visible","isInvalidScroll","hidden","filtered","isFiltered","onClickFilterBtn","onEmitClickDetectionTypeEditBtn","onEmitClickEditStatusBtn","showEditDetectionTypeDialog","loadingForRepetitiveModal","onCloseDetectionTypeEditDialog","showEditDetectionTypeUnavailableDialog","onCloseDetectionTypeEditUnavailableDialog","showEditStatusDialog","onCloseEditStatusDialog","showFilterDialog","onCloseFilterDialog","onFilterCheck","snackBarOpen","showRepetitiveSelectModal","firstDetectionsWithIn24Hours","onCloseRepetitiveSelectModal","onClickResponseStatusClose","isAccordionExpandedFlag","onClickAccordionExpand","detectionTypeValue","isRoleViewer","onClickDetectionTypeEdit","isRepetitiveLog","alertedTimestamp","validatedTimestamp","respondedTimestamp","onClickEditStatus","user","user_role","ROLE_VIEWER","response_status","is_validated","is_responded","alerted_time","validated_time","responded_time","flag","VBtn","active","showDirectionsPopup","onEventWidgetButton","directives","name","rawName","directionsButtonActive","MapviewToastContent","currentLog","refreshGraphicsInterval","cameraIcon","cameraIconNonDirection","customGeoJsonDataIcon","selectedLogFireIcon","arcgisMap","sceneview","rotate","isCenteredToFirstLog","graphicsList","camerasDataGeoJsonLayer","pfirsDataFeatureLayer","logListGeoJsonPointDataLayer","logListGeoJsonLineDataLayer","customDateRangeLogListGeoJsonPointDataLayer","customDateRangeLogListGeoJsonLineDataLayer","cameraFilterIdList","organizationIds","camList","map","degreeString","util","locaitonToDegree","degree","direction","nonDirection","list","isCustomDateFilter","recentLogListLogIDs","recentLogListIDs","showOnlyFirstDetectionLogs","cameraFilter","camera","alertCamera","alerted","validated","responded","unselected","fire","nonFire","unknown","plannedBurn","pfirsFilter","pfirsData","noBurns","prevVal","centerMapToCurrentLog","graphics","removeAll","drawCircleGraphic","centerMapToFirstLog","applyCameraFilter","applyPfirsFilter","applyLogGraphicsFilter","handleCustomDateFilter","commit","loadMap","loadModules","css","setActiveWidget","setActiveButton","selectedButton","view","elements","activeWidget","layer","apiKey","self","esriConfig","Map","ClassBreaksRenderer","SceneView","BasemapToggle","Search","Zoom","NavigationToggle","Compass","DirectLineMeasurement3D","Directions","CoordinateConversion","GraphicsLayer","GeoJSONLayer","RouteLayer","auth","token","buildEnvURL","process","fillerBackslashCharacter","urlPrependString","urls","headers","Authorization","after","response","basemap","ground","x","y","firstLog","firstLogCameraCoordinates","container","position","z","zoom","constraints","altitude","max","navigation","mouseWheelZoomEnabled","basemapToggle","nextBaseMap","zoomWidget","navigationToggle","compassWidget","coordinateConversionWidget","routeLayer","document","pfirsGeoJsonDataRenderer","symbol","url","pfirsGeoJsonDataLabels","haloColor","haloSize","font","size","family","style","weight","pfirsFirePopupTemplate","title","outFields","content","creator","fieldInfos","fieldName","overwriteActions","returnGeometry","start_date","end_date","pfirsGeoJsonDataLayer","renderer","labelingInfo","popupTemplate","customParameters","camerasGeoJsonDataRenderer","camerasGeoJsonDataLabels","goToAction","className","camerasPopupTemplate","actions","lessThanThreeHoursPointSymbol","outline","lessThanSixHoursPointSymbol","lessThanOneDayPointSymbol","extraPointSymbol","lessThanThreeHoursLineSymbol","lessThanSixHoursLineSymbol","lessThanOneDayLineSymbol","extraLineSymbol","recentLogGeoJsonPointDataRenderer","valueExpression","defaultLabel","defaultSymbol","classBreakInfos","minValue","maxValue","recentLogGeoJsonLineDataRenderer","detectionInfoAction","recentLogFirePopupTemplate","cameraName","recentLogGeoJsonPointDataLayer","refreshInterval","recentLogGeoJsonLineDataLayer","customDateRangeRecentLogGeoJsonPointDataLayer","customDateRangeRecentLogGeoJsonLineDataLayer","searchWidget","allPlaceholder","includeDefaultSources","sources","searchFields","displayField","exactMatch","placeholder","singleLineFieldName","graphicsLayer","elevationInfo","mode","cameraDataView","organizationIdsList","where","changeMouseCursor","window","elemId","isActive","NOW_MOMENT","CREATED_AT","MINUTES_SINCE_FIRE_DETECTED","BORDER_COLOR","circleGeometry","center","geodesic","numberOfPoints","radius","radiusUnit","fillSymbol","currentFireAreaGraphic","geometry","idListAsString","setGeoJsonDataVisibleOption","filteredLogIDListString","pointsDataLayerView","linesDataLayerView","console","customPointsDataLayerView","customLinesDataLayerView","refresh","lat","lng","goTo","speedFactor","easing","catch","firstDetectionLogs","matchedCameraList","mostRecentFirstDetectionLog","computePosition","latLng","distance","heading","google","maps","spherical","computeOffset","detectionTypeFilterMethod","detectionWithinFilterMethod","START_MOMENT","responseStatusFilterMethod","eventTypeFilterMethod","closeDialog","timestampText","getAlertedToggleClass","onClickToggle","status","getFirstSliderLineDisabledClass","getSecondSliderLineDisabledClass","getRespondedToggleClass","isAlertedDisabled","isRespondedDisabled","onClickBtn","old","newStatus","DISABLED_CASE_ALERTED","DISABLED_CASE_RESPONDED","isSave","domProps","selectedOptionIndex","contentText","detectionTypeOption","cIndex","onClickDetectionTypeOption","isSelected","cameraFilterOption","onClickCameraOption","detectionWithinFilterOption","dIndex","isCustomDateSelected","onClickDetectionWithinOption","customDate","showCalendar","currentCustomDate","calendarToggle","calendarMinDate","updateCustomDate","closeCalendar","responseStatusFilterOption","rIndex","onClickResponseStatusOption","eventTypeFilterOption","eIndex","onClickEventTypeOption","pfirsFilterOption","pIndex","onClickPfirsOption","onClickClearAll","onClickApplyBtn","Calendar","detectionTypeOptionList","cameraFilterOptionList","detectionWithinFilterOptionList","responseStatusFilterOptionList","eventTypeFilterOptionList","pfirsFilterOptionList","MAP_VIEW_FILTER","diff","beforeSixMonth","contractStartDate","detectionTypeStateValue","cameraFilterStateValue","detectionWithinFilterStateValue","responseStatusFilterStateValue","eventTypeFilterStateValue","pfirsDataFilterStateValue","date","isApplyClicked","selectedIndex","i","selectedDetectionOption","isCameraDefault","isDetectionWithinDefault","isResponseStatusDefault","isEventTypeDefault","isPfirsDataDefault","isDetectionTypeDefault","inChild","inNoti","inRepOrg","inRespStat","tabIndex","updatePfirsLayerParams","pfirsGeoJsonLayer","checkDetectionType","allDetection","checkCameraType","allCamera","noCamera","checkDetectionWithin","currentTime","selectedHoursFilter","checkResponseStatus","checkEventType","checkPfirsData","allBurns","closeModal","getCamNameAndCreateTime","imageViewMode","changeToListMode","selectedInfo","info","idx","onClickRepetitiveinfo","changeToViewMode","onClickSaveButton","selectedFirstDetectionLog","$nextTick","repetitiveInfo","duplicated_log_id","is_duplicate","saveSuccess","prev","DetectionTypeResponseStatusPopover","EditDetectionTypeDialog","EditDetectionTypeUnavailableDialog","EditStatusDialog","FilterDialog","MapDetailLegend","RepetitiveSelectModal","legendKeys","borderColor","isPressingControlKey","invalidScrollTimeout","evt","alert","CHANGE_TO_FIRST_DETECTION","VALID_FIRST_DETECTIONS_EXIST","updateDrawer","toChangeType","updatedLogInfo","getRecentLogListInMapview","includeChildLogs","includeNotificationInformation","includeDuplicatesByOrganization","includeResponseStatusInformation","onChangeDetectionType","SelectDrawer","MainInterface","alertAudioTimer","alertBorderTimer","stopAlertWhileBrowsing","initialized","recentLogs","isAlertOff","isMapviewAlertOff","newFilter","oldFilter","startRecentLogListPolling","idMap","startAlert","justCamList","$toast","clear","hideProgressBar","icon","timeout","Vue","$refs","audio"],"mappings":"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,oBACAC,eACAC,MACAC,YACAC,mBACAC,eACAC,mBAKAC,EAAA,CACAC,2BACAC,gBACAC,SACA,CACAtb,cACAub,oBACA,MACA,+CACA1X,wCACAA,wCACA,EACA,8CACAA,uCACAA,uCACA,2QAKA2J,EALA,wNASAC,EATA,4FAeA,CACAzN,cACAwb,YACA,CACAC,qBACAtV,mBAEA,CACAsV,qBACAtV,mBAEA,CACAsV,kBACAtV,eAEA,CACAsV,2BACAtV,yBAEA,CACAsV,wBACAtV,yBAKAuV,oBACAC,mBAIAC,EA7TA,UA6TA,+CA7TA,aA6TA,WACAC,EAAAxP,eAEAyP,EAAA,OACA3X,4CACAuW,iCACAqB,WACAC,iBACAC,gBACAC,kBACAN,aACAC,cAGA,0BACAvH,SAIA6H,EAAA,CACAnc,cACAya,QACAza,sBACA0a,6BACA1Z,aACAC,gBAKAmb,EAAA,CACA3B,QACAza,YACApB,gBACAgc,oBACAC,eACAC,MACAC,YACAC,mBACAC,eACAC,mBAMAmB,EAAA,CACAjB,cACAjX,kBACAmY,qCAEAC,GAAA,CACAnB,eACAC,uBACAC,SACA,CACAtb,cACAub,oBACA,MACA,+CACA1X,wCACAA,wCACA,EACA,8CACAA,uCACAA,uCACA,2QAKA2J,EALA,wNASAC,EATA,4FAeA,CACAzN,cACAwb,YACA,CACAC,qBACAtV,qBAKAqW,YACAd,oBACAC,mBAGA9H,GAAA,OACA6G,4BACAqB,WACAV,gBACAW,iBACAC,mBAEA,6BACA3H,UAKAmI,GAAA,CACAzc,qBACApB,gBACA8d,SACA9d,gBACAoC,WAGA2b,GAAA,CACA3c,qBACApB,gBACA8d,SACA9d,gBACAoC,WAGA4b,GAAA,CACA5c,qBACApB,gBACA8d,SACA9d,gBACAoC,WAGA6b,GAAA,CACA7c,qBACApB,gBACA8d,SACA9d,gBACAoC,WAIA8b,GAAA,CACA9c,mBACApB,gBACAoC,SAGA+b,GAAA,CACA/c,mBACApB,gBACAoC,SAGAgc,GAAA,CACAhd,mBACApB,gBACAoC,SAGAic,GAAA,CACAjd,mBACApB,gBACAoC,SAMAkc,GAAA,OAEAC,yFACAC,uBACAC,eACArd,qBAEApB,aACA8d,SAEA9d,aACAoC,WAGAsc,iBACA,CACAC,WACAC,eACA/C,UACAtU,qBAEA,CACAoX,eACAC,eACA/C,UACAtU,qBAEA,CACAoX,eACAC,eACA/C,UACAtU,sBAEA,CACAoX,eACAC,kBACA/C,UACAtU,kBAMAsX,GAAA,OAEAN,yFACAC,uBACAC,eACArd,mBACApB,aACAoC,SAEAsc,iBACA,CACAC,WACAC,eACA/C,UACAtU,qBAEA,CACAoX,eACAC,eACA/C,UACAtU,qBAEA,CACAoX,eACAC,eACA/C,UACAtU,sBAEA,CACAoX,eACAC,kBACA/C,UACAtU,kBAMAuX,GAAA,CACAtC,uBACAjX,2BACAmY,qCAGAqB,GAAA,CACAvC,sBACAC,gBACAC,SACA,CACAtb,cACAub,oBACA,uCACA,oFACA,kFACA,0GACA,iSAKAqC,EALA,+NASApQ,EATA,gOAaAC,EAbA,qOAiBAkH,EAjBA,mGAwBA6H,aACAd,oBACAC,mBAIAkC,GAAA,OACAnD,kCACAqB,YACAE,iBACA6B,qBAEA,kCAEAxJ,sCAGA,kEACAgD,4CAEA,yDACAA,yCACA,eACAA,iCAEAA,0BAKAyG,GAAA,OACArD,iCACAqB,YACAE,iBACA6B,qBAEA,iCACAxJ,qCAGA0J,GAAA,OACAtD,oBACAqB,YACAE,iBACAC,kBACAN,+CACAC,wBACA7b,gBAGA,iDACAsU,qDAGA2J,GAAA,OACAvD,oBACAqB,YACAE,iBACAC,kBACAN,+CACAC,wBACA7b,eAGA,gDACAsU,oDAEA,gCAGA,iEACAgD,4CAEA,wDACAA,4CAMA4G,GAAA,OACAjH,OACAkH,sCACAC,yBACAC,SACA,CACAjH,SACAkH,sBACAC,oBACAC,cACAnD,mBACAvI,eACA2L,2BAEA,CACArH,QACAkH,0BACAC,wBACAC,cACAnD,uBACAvI,wBACA2L,yBAEA,CACA3L,0BACA2L,kCACApH,6BACAqH,iCACAhE,kFAIAzD,wBAGA0H,GAAA,OACAC,eACAC,wBAIAvK,UAEA2C,mBA+BA,cACA,+EA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","file":"js/chunk-340cae71.e2ab4059.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/Radio_Button_Filled_Black.c092d2c8.svg\";","module.exports = __webpack_public_path__ + \"img/Radio_Button_Empty_White.00c30db3.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!./DetectionClipDialog.vue?vue&type=style&index=0&id=0b6b3114&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Exit_Icon_Black.6cd39ede.svg\";","module.exports = __webpack_public_path__ + \"img/Checkbox-Off_16px_Icon_light.0e0b8232.svg\";","module.exports = __webpack_public_path__ + \"img/Timeout_Icon_Pink.a0c32957.svg\";","module.exports = __webpack_public_path__ + \"img/Link_Line_2_20px_Icon.5aab9d22.svg\";","module.exports = __webpack_public_path__ + \"img/Edit_Icon_Grey.ca003d36.svg\";","module.exports = __webpack_public_path__ + \"img/Icon_Driving_Distance.4a124d32.svg\";","module.exports = __webpack_public_path__ + \"img/Goto_Line_20px_Icon.bd06c7d8.svg\";","module.exports = __webpack_public_path__ + \"img/Live_Line_2_20px_Icon.7e1ac75a.svg\";","module.exports = __webpack_public_path__ + \"img/Goto_Line_20px_Icon_black.711f0f6c.svg\";","module.exports = __webpack_public_path__ + \"img/Checkbox-Off_16px_2_Icon.aa1b02d3.svg\";","module.exports = __webpack_public_path__ + \"img/Filter_Line_16px_Icon.cef43d87.svg\";","module.exports = __webpack_public_path__ + \"img/Detection_Line_2_20px_Icon.8b16634a.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!./SnackBar.vue?vue&type=style&index=0&id=40f138b4&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/Chevron-Down_16px_Icon-Dark.7d3a498a.svg\";","module.exports = __webpack_public_path__ + \"img/Calendar_Xsmall_Button-inactive-dark.f78062b4.svg\";","module.exports = __webpack_public_path__ + \"img/Return_Icon_Button_Red.6a89e6e4.svg\";","module.exports = __webpack_public_path__ + \"img/Live_Line_2_20px_Icon_black.0d656967.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-snackbar',{class:{ mobile: _vm.mobile },attrs:{\"timeout\":\"5000\",\"color\":_vm.color,\"rounded\":\"pill\",\"max-width\":\"300px\"},scopedSlots:_vm._u([{key:\"action\",fn:function(ref){\nvar attrs = ref.attrs;\nreturn [_c('img',_vm._b({staticClass:\"icon-close\",attrs:{\"src\":require(\"@/assets/cancel_icon.svg\")},on:{\"click\":function($event){_vm.value = false}}},'img',attrs,false))]}}]),model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_vm._v(\" \"+_vm._s(_vm.message)+\" \")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-snackbar v-model=\"value\" timeout=\"5000\" :color=\"color\" rounded=\"pill\" max-width=\"300px\" :class=\"{ mobile }\">\n    {{ message }}\n    <template v-slot:action=\"{ attrs }\">\n      <img v-bind=\"attrs\" @click=\"value = false\" src=\"@/assets/cancel_icon.svg\" class=\"icon-close\" />\n    </template>\n  </v-snackbar>\n</template>\n\n<script>\nexport default {\n  props: {\n    value: Boolean,\n    color: String,\n    message: String,\n    mobile: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  watch: {\n    value(val) {\n      if (!val) {\n        this.$emit('input', val)\n      }\n    },\n  },\n}\n</script>\n\n<style scoped>\n.icon-close {\n  width: 14px;\n  margin-right: 16px;\n  cursor: pointer;\n}\n.mobile >>> .v-snack__content {\n  font-size: 15px;\n}\n.mobile .icon-close {\n  width: 14px;\n  margin: 0px 23px;\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!./SnackBar.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!./SnackBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SnackBar.vue?vue&type=template&id=40f138b4&scoped=true&\"\nimport script from \"./SnackBar.vue?vue&type=script&lang=js&\"\nexport * from \"./SnackBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SnackBar.vue?vue&type=style&index=0&id=40f138b4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"40f138b4\",\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 { VSnackbar } from 'vuetify/lib/components/VSnackbar';\ninstallComponents(component, {VSnackbar})\n","module.exports = __webpack_public_path__ + \"media/alert.dac9362d.wav\";","module.exports = __webpack_public_path__ + \"img/Icon_Driving_Distance_white.4f96d927.svg\";","module.exports = __webpack_public_path__ + \"img/Checkbox-On_16px_Icon_light.2112b471.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!./EditStatusDialog.vue?vue&type=style&index=0&id=185cbd68&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Chevron-Up_16px_Icon-Light.c252d9e8.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!./MapMainInterface.vue?vue&type=style&index=0&id=33935746&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!./EditDetectionTypeDialog.vue?vue&type=style&index=0&id=560c56e8&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!./DetectImage.vue?vue&type=style&index=0&id=44797c76&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Exit_Icon.856b18a2.svg\";","module.exports = __webpack_public_path__ + \"img/Edit_Line_1_12px_Icon_red.3f6829f7.svg\";","module.exports = __webpack_public_path__ + \"img/Message-1s-200px.5bfcf408.svg\";","module.exports = __webpack_public_path__ + \"img/Chevron-Down_16px_Icon_Disabled-Dark.9e326880.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!./RepetitiveSelectModal.vue?vue&type=style&index=0&id=33b68364&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Filter_Line_16px_Icon-red.fbdee8f6.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!./MapViewMap.vue?vue&type=style&index=0&id=5d1fb9f9&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Chevron-Down_16px_Icon_Disabled-Light.4afd0e25.svg\";","module.exports = __webpack_public_path__ + \"img/Check_Circle_20px_Icon_red.d27c4448.svg\";","module.exports = __webpack_public_path__ + \"img/Radio_Button_Filled_Red.423d7e98.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!./MapSelectDrawer.vue?vue&type=style&index=0&id=de15e77e&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Calendar_Xsmall_Button-inactive.db0d90ec.svg\";","module.exports = __webpack_public_path__ + \"img/Radio_Button_Empty_Black.f76b4a7b.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!./LiveViewDialog.vue?vue&type=style&index=0&id=09c72512&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-wrapper\",on:{\"click\":_vm.onClickCavansImg}},[_c('canvas',{ref:\"detection\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { fabric } from 'fabric'\nimport Box from './Box'\nimport { transFromDataToBox, transFromBoxToData } from './util'\n\nexport default class DetectImage {\n  imageUrl\n  detectObjects\n  canvasElement\n  canvas\n  image\n\n  constructor(canvasElement, detectObjects, imageUrl) {\n    this.canvasElement = canvasElement\n    this.imageUrl = imageUrl\n    this.detectObjects = detectObjects\n    this.initialize()\n  }\n  initialize() {\n    this.canvas = new fabric.Canvas(this.canvasElement, {\n      width: 446,\n      height: 251,\n    })\n    this.loadImage()\n  }\n\n  async loadImage() {\n    await fabric.Image.fromURL(this.imageUrl, (img) => {\n      img.set('selectable', false)\n      img.set('hoverCursor', 'default')\n      this.fitCanvas(img)\n      this.image = img\n      this.canvas.add(img)\n      this.canvas.renderAll()\n      this.drawDetectionBox()\n    })\n  }\n\n  fitCanvas(imageObj) {\n    const canvasW = this.canvas.get('width')\n    const canvasH = this.canvas.get('height')\n    const ratioW = canvasW / imageObj.width\n    const ratioH = canvasH / imageObj.height\n    if (ratioW < ratioH) {\n      imageObj.scale(ratioW)\n    } else {\n      imageObj.scale(ratioH)\n    }\n    this.canvas.centerObject(imageObj)\n  }\n\n  drawDetectionBox() {\n    this.detectObjects.forEach((detectObject) => {\n      const obj = transFromDataToBox(detectObject, this.canvasElement, this.image)\n      const box = new Box({ ...obj, selectable: false })\n      box.draw(this.canvas)\n    })\n  }\n}\n","<template>\n  <div class=\"image-wrapper\" @click=\"onClickCavansImg\">\n    <canvas ref=\"detection\"></canvas>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from 'vuex'\nimport DetectImage from '@components/canvas/DetectImage'\nimport Util from '@/util'\n\nexport default {\n  props: {\n    logInfo: {\n      type: Object,\n      default: null,\n    },\n  },\n  async mounted() {\n    if (this.logInfo !== null) {\n      const currentLogImageUrl = Util.getImageUrl(this.logInfo.detected_image_path)\n      if (this.logInfo.boxes?.length) {\n        new DetectImage(this.$refs.detection, this.logInfo.boxes, currentLogImageUrl)\n      } else if (this.logInfo.objects?.length) {\n        new DetectImage(this.$refs.detection, this.logInfo.objects, currentLogImageUrl)\n      } else {\n        const detailInfo = await this.getLog(this.logInfo.log_id)\n        new DetectImage(this.$refs.detection, detailInfo.objects, currentLogImageUrl)\n      }\n    }\n  },\n  methods: {\n    ...mapActions(['getLog']),\n    onClickCavansImg() {\n      this.$emit('click')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.image-wrapper {\n  border-radius: 16px;\n  overflow: hidden;\n  margin: 0 auto;\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!./DetectImage.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!./DetectImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetectImage.vue?vue&type=template&id=44797c76&scoped=true&\"\nimport script from \"./DetectImage.vue?vue&type=script&lang=js&\"\nexport * from \"./DetectImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetectImage.vue?vue&type=style&index=0&id=44797c76&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  \"44797c76\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Radio_Button_Filled_White.726e966d.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-view\"},[_c('audio',{ref:\"audio\",attrs:{\"src\":require(\"@/assets/alert.wav\"),\"preload\":\"\",\"loop\":\"\"}},[_vm._v(\"Your browser does not support the audio element.\")]),_c('section',{class:_vm.themeName},[_c('SelectDrawer',{attrs:{\"mapviewAlertOn\":_vm.mapviewAlertOn},on:{\"stopAlert\":_vm.stopAlert}}),_c('MainInterface')],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:(\"map-select-drawer \" + _vm.themeName),attrs:{\"data-testid\":\"MapView_Recent_Area\"}},[(!_vm.selectedLogInfo)?_c('div',{class:(\"recent-log-list-container \" + _vm.themeName)},[(!_vm.isLogListLoaded)?_c('v-progress-circular',{staticStyle:{\"margin\":\"auto\"},attrs:{\"size\":50,\"color\":\"#FF5B54\",\"indeterminate\":\"\"}}):(_vm.isLogListLoaded && !_vm.filteredRecentLogList.length)?_c('div',{class:(\"no-data \" + _vm.themeName)},[_c('span',{class:(\"title \" + _vm.themeName)},[_vm._v(\"No data available\")]),_c('span',{staticClass:\"content\"},[_vm._v(\"Try changing or removing\")]),_c('span',{staticClass:\"content\"},[_vm._v(\"some of your filters\")])]):_c('div',[_c('div',{class:(\"recent-log-list-title \" + _vm.themeName)},[_vm._v(_vm._s(_vm.mapViewDrawerTitle))]),_vm._l((_vm.filteredRecentLogList),function(item){return _c('div',{key:item.log_id,class:(\"recent-log-list-item-list \" + (item.log_id === _vm.expandedAccordionLogId ? 'selected' : ''))},[_c('div',{key:item,class:(\"recent-log-list-item \" + _vm.themeName),on:{\"click\":function($event){return _vm.onClickLogItem(item)}}},[_c('div',{staticClass:\"recent-log-list-item-info\"},[_c('div',{staticClass:\"recent-log-list-item-info-top\"},[(item.event_type_id === _vm.eventTypeList[2].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle fire\"}):(item.event_type_id === _vm.eventTypeList[3].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle non-fire\"}):(item.event_type_id === _vm.eventTypeList[4].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle unknown\"}):(item.event_type_id === _vm.eventTypeList[5].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle planned\"}):_c('div',{class:(\"recent-log-list-item-color-circle default \" + _vm.themeName)}),_c('div',{class:(\"recent-log-list-item-camera-name \" + _vm.themeName)},[_vm._v(_vm._s(item.camera_name))])]),_c('div',{class:(\"recent-log-list-item-info-bottom \" + _vm.themeName)},[_vm._v(\" \"+_vm._s(_vm.logTimestampFormat(item))+\" \"),(_vm.showTimeoutIcon(item))?_c('img',{staticClass:\"timeout-icon\",attrs:{\"src\":require('@/assets/Timeout_Icon_Pink.svg')}}):_vm._e()])]),_c('div',{class:(\"recent-log-list-item-status \" + (_vm.getStatusClass(item)))},[_vm._v(_vm._s(_vm.getStatus(item)))]),(!_vm.onlyFirstDetection && item.has_repetitive)?_c('div',{staticClass:\"recent-log-list-item-accordion-expand-icon-area\"},[(item.log_id === _vm.expandedAccordionLogId && _vm.isLogAccordionLoading)?_c('v-progress-circular',{attrs:{\"color\":_vm.themeName === 'dark' ? '#FFFFFF' : '#00000061',\"size\":16,\"width\":2,\"indeterminate\":\"\"}}):(!_vm.isLogAccordionLoading && item.log_id === _vm.expandedAccordionLogId && _vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Up_16px_Icon-Light.svg'),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickLogAccordion(item)}}}):(!_vm.isLogAccordionLoading && item.log_id === _vm.expandedAccordionLogId && _vm.themeName !== 'dark')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Up_16px_Icon-Dark.svg'),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickLogAccordion(item)}}}):(item.log_id !== _vm.expandedAccordionLogId && _vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Down_16px_Icon-Light.svg'),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickLogAccordion(item)}}}):(item.log_id !== _vm.expandedAccordionLogId && _vm.themeName !== 'dark')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Down_16px_Icon-Dark.svg'),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickLogAccordion(item)}}}):_vm._e()],1):_c('div',{staticStyle:{\"width\":\"41px\"}})]),(!_vm.onlyFirstDetection && item.log_id === _vm.expandedAccordionLogId && _vm.isLogAccordionLoading)?_c('div',{class:(\"recent-log-list-item-duplicate-alarms-list-loading-container \" + _vm.themeName)},[_c('v-progress-circular',{attrs:{\"color\":_vm.themeName === 'dark' ? '#FFFFFF' : '#00000061',\"size\":32,\"width\":3,\"indeterminate\":\"\"}})],1):(!_vm.onlyFirstDetection && item.log_id === _vm.expandedAccordionLogId && !_vm.isLogAccordionLoading)?_c('div',{class:(\"recent-log-list-item-duplicate-alarms-list-container \" + _vm.themeName)},[(!_vm.filteredLogChildren.length)?_c('div',{class:(\"empty-log-list-children-container \" + _vm.themeName)},[_vm._v(\"No logs in this date range\")]):_vm._e(),_vm._l((_vm.filteredLogChildren),function(repLog){return _c('div',{key:repLog.log_id},[_c('div',{class:(\"recent-log-list-item duplicate-alarm-item \" + _vm.themeName),staticStyle:{\"width\":\"324px\"},on:{\"click\":function($event){return _vm.onClickLogChild(repLog)}}},[_c('div',{staticClass:\"recent-log-list-item-info\",staticStyle:{\"width\":\"209px\"}},[_c('div',{staticClass:\"recent-log-list-item-info-top\"},[_c('div',{staticStyle:{\"width\":\"17px\"}}),_c('div',{class:(\"recent-log-list-item-camera-name \" + _vm.themeName)},[_vm._v(_vm._s(repLog.camera_name))])]),_c('div',{class:(\"recent-log-list-item-info-bottom \" + _vm.themeName)},[_vm._v(_vm._s(_vm.logTimestampFormat(repLog)))])]),_c('div',{class:(\"recent-log-list-item-status \" + (_vm.getStatusClass(repLog)))},[_vm._v(\"Repetitive\")])])])})],2):_vm._e()])})],2)],1):_vm._e(),(_vm.selectedLogInfo)?_c('div',{class:(\"detection-info-container \" + _vm.themeName + \" \" + (_vm.mapviewAlertOn ? 'alarm' : '')),attrs:{\"data-testid\":\"MapView_DetectionInfo_Area\"}},[_c('div',{staticClass:\"detection-info-top\"},[(_vm.themeName === 'dark')?_c('img',{class:(\"detection-info-btn-close \" + _vm.themeName),attrs:{\"src\":require(\"@/assets/Close_Line_12px_1_Icon_dark.svg\"),\"width\":\"12\",\"data-testid\":\"Close_Button\"},on:{\"click\":_vm.onClickDetectionInfoClose}}):_c('img',{class:(\"detection-info-btn-close \" + _vm.themeName),attrs:{\"src\":require(\"@/assets/Close_Line_12px_1_Icon.svg\"),\"width\":\"12\"},on:{\"click\":_vm.onClickDetectionInfoClose}}),_c('div',{class:(\"detection-info-title \" + _vm.themeName)},[_vm._v(\"Detection Info\")]),_c('div',{staticClass:\"detection-item-info-container\"},[_c('div',{staticClass:\"recent-log-list-item-info\"},[_c('div',{staticClass:\"recent-log-list-item-info-top\"},[(_vm.selectedLogInfo.event_type_id === _vm.eventTypeList[2].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle fire\"}):(_vm.selectedLogInfo.event_type_id === _vm.eventTypeList[3].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle non-fire\"}):(_vm.selectedLogInfo.event_type_id === _vm.eventTypeList[4].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle unknown\"}):(_vm.selectedLogInfo.event_type_id === _vm.eventTypeList[5].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle planned\"}):_c('div',{class:(\"recent-log-list-item-color-circle default \" + _vm.themeName)}),_c('div',{class:(\"recent-log-list-item-camera-name \" + _vm.themeName)},[_vm._v(_vm._s(_vm.selectedLogInfo.camera_name))])]),_c('div',{class:(\"recent-log-list-item-info-bottom \" + _vm.themeName)},[_c('div',{staticStyle:{\"margin-right\":\"8px\"}},[_vm._v(_vm._s(_vm.logTimestampFormat(_vm.selectedLogInfo)))]),(_vm.showTimeoutIcon(_vm.selectedLogInfo))?_c('img',{staticClass:\"timeout-icon\",attrs:{\"src\":require('@/assets/Timeout_Icon_Pink.svg')}}):_vm._e()])]),_c('div',{key:_vm.selectedLogInfo.root_log_id,class:(\"recent-log-list-item-status \" + (_vm.getStatusClass(_vm.selectedLogInfo))),on:{\"click\":function($event){return _vm.onClickItemStatusBtn()}}},[_vm._v(\" \"+_vm._s(_vm.getStatus(_vm.selectedLogInfo))+\" \")])])]),_c('div',{staticClass:\"detection-info-middle\"},[_c('div',{class:(\"detection-info-option \" + _vm.themeName),staticStyle:{\"width\":\"87px\"},attrs:{\"data-testid\":\"MapView_LiveView_Button\"},on:{\"click\":function($event){return _vm.onClickOption('live-view')}}},[(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require(\"@/assets/Live_Line_2_20px_Icon.svg\"),\"width\":\"20\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Live_Line_2_20px_Icon_black.svg\"),\"width\":\"20\"}}),_c('div',{class:(\"detection-info-option-text \" + _vm.themeName)},[_vm._v(\"Live View\")])]),_c('div',{class:(\"detection-info-option-spacer-line \" + _vm.themeName)}),_c('div',{class:(\"detection-info-option \" + _vm.themeName),staticStyle:{\"width\":\"88px\"},attrs:{\"data-testid\":\"MapView_DetectionClip_Button\"},on:{\"click\":function($event){return _vm.onClickOption('detection')}}},[(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require(\"@/assets/Detection_Line_2_20px_Icon.svg\"),\"width\":\"20\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Detection_Line_2_20px_Icon_black.svg\"),\"width\":\"20\"}}),_c('div',{class:(\"detection-info-option-text \" + _vm.themeName)},[_vm._v(\"Detection\")])]),_c('div',{class:(\"detection-info-option-spacer-line \" + _vm.themeName)}),_c('div',{class:(\"detection-info-option \" + _vm.themeName),staticStyle:{\"width\":\"87px\"},attrs:{\"data-testid\":\"MapView_Goto_Button\"},on:{\"click\":function($event){return _vm.onClickOption('go-to')}}},[(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require(\"@/assets/Goto_Line_20px_Icon.svg\"),\"width\":\"20\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Goto_Line_20px_Icon_black.svg\"),\"width\":\"20\"}}),_c('div',{class:(\"detection-info-option-text \" + _vm.themeName)},[_vm._v(\"Go to\")])]),_c('div',{class:(\"detection-info-option-spacer-line \" + _vm.themeName)}),_c('div',{class:(\"detection-info-option \" + _vm.themeName),staticStyle:{\"width\":\"88px\"},attrs:{\"data-testid\":\"MapView_ShareLink_Button\"},on:{\"click\":function($event){return _vm.onClickOption('share')}}},[(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require(\"@/assets/Link_Line_2_20px_Icon.svg\"),\"width\":\"20\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Link_Line_2_20px_Icon_black.svg\"),\"width\":\"20\"}}),_c('div',{class:(\"detection-info-option-text \" + _vm.themeName)},[_vm._v(\"Share\")])])]),_c('div',{staticClass:\"detection-info-bottom\"},[_c('div',{class:(\"detection-detailed-info-top \" + _vm.themeName)},[_c('div',{staticClass:\"detection-detailed-info-row\"},[_c('div',{class:(\"detection-detailed-info-label-text \" + _vm.themeName)},[_vm._v(\"Event Type\")]),_c('div',{class:(\"detection-detailed-info-value-text \" + _vm.themeName)},[(_vm.selectedLogInfo.event_type_id === _vm.eventTypeList[2].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle fire\"}):(_vm.selectedLogInfo.event_type_id === _vm.eventTypeList[3].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle non-fire\"}):(_vm.selectedLogInfo.event_type_id === _vm.eventTypeList[4].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle unknown\"}):(_vm.selectedLogInfo.event_type_id === _vm.eventTypeList[5].id)?_c('div',{staticClass:\"recent-log-list-item-color-circle planned\"}):_vm._e(),_c('div',{staticStyle:{\"margin-right\":\"11px\"}},[_vm._v(_vm._s(_vm.eventTypeValue))]),_c('div',{class:(\"detection-detailed-info-event-type-btn-edit \" + (_vm.isEventTypeEditDisabled ? '' : 'event-type-editable')),on:{\"click\":function($event){return _vm.onClickEventTypeEdit()}}},[(!_vm.isEventTypeEditDisabled)?_c('img',{attrs:{\"src\":require(\"@/assets/Edit_Line_1_12px_Icon_red.svg\"),\"width\":\"12\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Edit_Icon_Grey.svg\"),\"width\":\"12\"}}),_c('div',{class:{ 'detection-detailed-info-event-type-btn-edit-text': true, viewer: _vm.isEventTypeEditDisabled }},[_vm._v(\"Edit\")])])])]),_c('div',{staticClass:\"detection-detailed-info-row\"},[_c('div',{class:(\"detection-detailed-info-label-text \" + _vm.themeName)},[_vm._v(\"Event ID\")]),_c('div',{class:(\"detection-detailed-info-value-text \" + _vm.themeName),attrs:{\"data-testid\":\"MapView_EventID_Label\"}},[_vm._v(_vm._s(_vm.eventIdValue))])]),_c('div',{staticClass:\"detection-detailed-info-row\"},[_c('div',{class:(\"detection-detailed-info-label-text \" + _vm.themeName)},[_vm._v(\"Detected Time\")]),_c('div',{class:(\"detection-detailed-info-value-text \" + _vm.themeName),attrs:{\"data-testid\":\"MapView_DetectedTime_Label\"}},[_vm._v(_vm._s(_vm.detectedTimeValue))])]),_c('div',{staticClass:\"detection-detailed-info-row\",staticStyle:{\"max-height\":\"20px\"}},[_c('div',{class:(\"detection-detailed-info-label-text \" + _vm.themeName)},[_vm._v(\"Fire Location\")]),(_vm.fireLocationValue !== 'Loading...')?_c('div',{class:(\"detection-detailed-info-value-text \" + (_vm.fireLocationValue === '-' ? 'text-no-drag' : '') + \" \" + _vm.themeName),attrs:{\"data-testid\":\"MapView_FireLocation_Label\"}},[_vm._v(\" \"+_vm._s(_vm.fireLocationValue)+\" \"),(_vm.fireLocationValue !== '-')?_c('img',{staticStyle:{\"margin-left\":\"8px\",\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Mobile_Copy_Button_Red.svg\"),\"height\":\"14\"},on:{\"click\":function($event){return _vm.onClickCopy(_vm.fireLocationValue)}}}):(_vm.themeName === 'dark')?_c('img',{staticStyle:{\"margin-left\":\"8px\"},attrs:{\"src\":require(\"@/assets/Mobile_Copy_Button_Disabled-Dark.svg\"),\"height\":\"14\"}}):_c('img',{staticStyle:{\"margin-left\":\"8px\"},attrs:{\"src\":require(\"@/assets/Mobile_Copy_Button_Disabled-Light.svg\"),\"height\":\"14\"}}),(_vm.fireLocationIsTriangulated)?_c('v-tooltip',{attrs:{\"top\":\"\",\"content-class\":(\"triangulated-tooltip \" + _vm.themeName)},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [(_vm.themeName === 'dark')?_c('img',_vm._g(_vm._b({staticClass:\"triangulated-tooltip-icon\",attrs:{\"src\":require(\"@/assets/Info_Line_16px_Icon_Dark.svg\"),\"height\":\"14\",\"width\":\"14\"}},'img',attrs,false),on)):_c('img',_vm._g(_vm._b({staticClass:\"triangulated-tooltip-icon\",attrs:{\"src\":require(\"@/assets/Info_Line_16px_Icon_Light.svg\"),\"height\":\"14\",\"width\":\"14\"}},'img',attrs,false),on))]}}],null,false,1071201154)},[_c('span',{class:(\"triangulated-tooltip-text \" + _vm.themeName)},[_vm._v(\"Triangulated\")])]):_vm._e()],1):(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require(\"@/assets/Message-1s-200px.svg\"),\"height\":\"40\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Message-1s-200px-light.svg\"),\"height\":\"40\"}})]),_c('div',{staticClass:\"detection-detailed-info-row\",staticStyle:{\"max-height\":\"20px\"}},[_c('div',{class:(\"detection-detailed-info-label-text \" + _vm.themeName)},[_vm._v(\"Fire Direction\")]),(_vm.fireDirectionValue !== 'Loading...')?_c('div',{class:(\"detection-detailed-info-value-text \" + (_vm.fireDirectionValue === '-' ? 'text-no-drag' : '') + \" \" + _vm.themeName)},[_vm._v(\" \"+_vm._s(_vm.fireDirectionValue)+\" \"),(_vm.fireDirectionValue !== '-')?_c('img',{staticStyle:{\"margin-left\":\"8px\",\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Mobile_Copy_Button_Red.svg\"),\"height\":\"14\"},on:{\"click\":function($event){return _vm.onClickCopy(_vm.fireDirectionValue)}}}):(_vm.themeName === 'dark')?_c('img',{staticStyle:{\"margin-left\":\"8px\"},attrs:{\"src\":require(\"@/assets/Mobile_Copy_Button_Disabled-Dark.svg\"),\"height\":\"14\"}}):_c('img',{staticStyle:{\"margin-left\":\"8px\"},attrs:{\"src\":require(\"@/assets/Mobile_Copy_Button_Disabled-Light.svg\"),\"height\":\"14\"}})]):(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require(\"@/assets/Message-1s-200px.svg\"),\"height\":\"40\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Message-1s-200px-light.svg\"),\"height\":\"40\"}})]),_c('div',{staticClass:\"detection-detailed-info-row\",staticStyle:{\"margin-bottom\":\"0px !important\"}},[_c('div',{class:(\"detection-detailed-info-label-text \" + _vm.themeName)},[_vm._v(\"Camera Location\")]),_c('div',{class:(\"detection-detailed-info-value-text \" + _vm.themeName),attrs:{\"data-testid\":\"MapView_CameraLocation_Label\"}},[_vm._v(_vm._s(_vm.cameraLocationValue))])])]),_c('div',{class:(\"detection-detailed-info-bottom \" + _vm.themeName)},_vm._l((_vm.weatherInfo),function(weatherItem,wIndex){return _c('div',{key:wIndex,staticClass:\"detection-detailed-info-row\"},[_c('div',{class:(\"detection-detailed-info-label-text \" + _vm.themeName)},[_vm._v(_vm._s(weatherItem.label))]),_c('div',{class:(\"detection-detailed-info-value-text \" + _vm.themeName),attrs:{\"data-testid\":(\"\" + (weatherItem.testId))}},[_vm._v(\" \"+_vm._s(_vm.selectedLogInfo[weatherItem.key] || '-')+\" \")])])}),0)]),(_vm.mapviewAlertOn)?_c('div',{staticClass:\"detection-stop-alert\"},[_c('SmallButton',{on:{\"onClick\":_vm.stopAlert}},[_vm._v(\"Stop\")])],1):_vm._e()]):_vm._e(),_c('EditEventTypeDialog',{attrs:{\"data\":_vm.selectedLogInfo},on:{\"input\":function($event){_vm.showEditEventTypeDialog = false},\"ok\":function($event){return _vm.onSaveEventType($event)}},model:{value:(_vm.showEditEventTypeDialog),callback:function ($$v) {_vm.showEditEventTypeDialog=$$v},expression:\"showEditEventTypeDialog\"}}),_c('GotoDialog',{attrs:{\"urls\":_vm.goToLinks},model:{value:(_vm.dialogGoto),callback:function ($$v) {_vm.dialogGoto=$$v},expression:\"dialogGoto\"}}),_c('SnackBar',{attrs:{\"color\":_vm.clipboardColor,\"message\":_vm.clipboardMsg,\"data-testid\":(\"\" + (_vm.clipboardMsg === 'Copied to clipboard.' ? 'Copy_Success_Toast' : ''))},model:{value:(_vm.clipboard),callback:function ($$v) {_vm.clipboard=$$v},expression:\"clipboard\"}}),_c('LiveViewDialog',{attrs:{\"selectedLogInfo\":_vm.selectedLogInfo},on:{\"close\":function($event){_vm.showLiveViewDialog = false}},model:{value:(_vm.showLiveViewDialog),callback:function ($$v) {_vm.showLiveViewDialog=$$v},expression:\"showLiveViewDialog\"}}),(_vm.showDetectionClipDialog)?_c('DetectionClipDialog',{on:{\"close\":function($event){_vm.showDetectionClipDialog = false}},model:{value:(_vm.showDetectionClipDialog),callback:function ($$v) {_vm.showDetectionClipDialog=$$v},expression:\"showDetectionClipDialog\"}}):_vm._e()],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-dialog',{attrs:{\"width\":\"1005\",\"height\":\"606\",\"persistent\":\"\",\"no-click-animation\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.hide.apply(null, arguments)}},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{class:(\"live-view-dialog-card \" + _vm.themeName),attrs:{\"data-testid\":\"LiveView_Modal\"}},[_c('div',{class:(\"live-view-dialog-title \" + _vm.themeName)},[(_vm.providerLogoUrl)?_c('div',{staticClass:\"live-view-camera-provider\"},[_vm._v(\" Cameras by \"),_c('img',{staticStyle:{\"margin-left\":\"7px\"},attrs:{\"src\":_vm.providerLogoUrl,\"width\":\"113px\"}})]):_vm._e(),_vm._v(\" Live View \")]),_c('div',{staticClass:\"live-view-dialog-close\",attrs:{\"data-testid\":\"Close_Button\"},on:{\"click\":_vm.hide}},[(_vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Exit_Icon.svg\"),\"width\":\"16px\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Exit_Icon_Black.svg\"),\"width\":\"16px\"}})]),(_vm.value)?_c('div',{staticStyle:{\"height\":\"541px\",\"width\":\"100%\",\"padding\":\"0 40px 20px 40px\"}},[_c('ImagePlayer',{staticStyle:{\"height\":\"100%\",\"background-color\":\"black\"},attrs:{\"data-testid\":\"Main_Stream_Box\",\"currentCamImageSrc\":_vm.currentCamImageSrc,\"currentLog\":null,\"hasAfterImages\":false,\"monitor\":true,\"play\":_vm.play,\"active\":_vm.canvasActiveOption,\"frame\":_vm.frameIndex,\"download\":_vm.play !== 'play',\"isloading\":!_vm.selectedLogInfo,\"liveViewDialog\":true},on:{\"frame\":_vm.onImagePlayerUpdateFrame,\"loaded\":function($event){_vm.loadedImages = $event\n          _vm.loading = false},\"stop\":_vm.onStopPlayer}})],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" @keydown.esc=\"hide\" width=\"1005\" height=\"606\" persistent no-click-animation>\n    <v-card :class=\"`live-view-dialog-card ${themeName}`\" data-testid=\"LiveView_Modal\">\n      <div :class=\"`live-view-dialog-title ${themeName}`\">\n        <div v-if=\"providerLogoUrl\" class=\"live-view-camera-provider\">\n          Cameras by\n          <img :src=\"providerLogoUrl\" width=\"113px\" style=\"margin-left: 7px\" />\n        </div>\n        Live View\n      </div>\n      <div class=\"live-view-dialog-close\" @click=\"hide\" data-testid=\"Close_Button\">\n        <img v-if=\"$vuetify.theme.dark\" src=\"@/assets/Exit_Icon.svg\" width=\"16px\" />\n        <img v-else src=\"@/assets/Exit_Icon_Black.svg\" width=\"16px\" />\n      </div>\n      <div v-if=\"value\" style=\"height: 541px; width: 100%; padding: 0 40px 20px 40px\">\n        <ImagePlayer\n          data-testid=\"Main_Stream_Box\"\n          :currentCamImageSrc=\"currentCamImageSrc\"\n          :currentLog=\"null\"\n          :hasAfterImages=\"false\"\n          :monitor=\"true\"\n          :play=\"play\"\n          :active=\"canvasActiveOption\"\n          :frame=\"frameIndex\"\n          :download=\"play !== 'play'\"\n          :isloading=\"!selectedLogInfo\"\n          @frame=\"onImagePlayerUpdateFrame\"\n          @loaded=\"\n            loadedImages = $event\n            loading = false\n          \"\n          @stop=\"onStopPlayer\"\n          style=\"height: 100%; background-color: black\"\n          :liveViewDialog=\"true\"\n        ></ImagePlayer>\n      </div>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport Theme from '@/mixin/theme.mixin'\nimport ImagePlayer from '@common/ImagePlayer/ImagePlayer'\nimport Constants from '@/constants'\nimport Util from '@/util'\n\nexport default {\n  mixins: [Theme],\n  components: { ImagePlayer },\n  props: {\n    value: Boolean,\n    selectedLogInfo: Object,\n  },\n  data() {\n    return {\n      loading: false,\n      loadedImages: [],\n      currentFrameIndex: 0,\n      frameIndex: 0,\n      play: 'stop',\n      playing: false,\n      didPlay: false,\n      frameMode: '',\n      currentCamImageSrc: '',\n      timeoutSetCamImageSrc: null,\n      canvasActiveOption: {\n        selectable: false,\n        wheel: false,\n        dragLeftButton: true,\n      },\n    }\n  },\n  watch: {\n    value(newVal, oldVal) {\n      if (newVal) {\n        // this.$log.debug('LiveViewDialog$watch$value', newVal, 1)\n        this.getFirstImage()\n        this.intervalSetCamImageSrc()\n      } else {\n        // this.$log.debug('LiveViewDialog$watch$value', newVal)\n        this.stopIntervalSetCamImageSrc()\n      }\n    },\n  },\n  beforeDestroy() {\n    this.stopIntervalSetCamImageSrc()\n  },\n  computed: {\n    ...mapState(['camMap']),\n    matchedCameraPath() {\n      return !!this.camMap && !!this.selectedLogInfo ? this.camMap[this.selectedLogInfo.camera_id].path : ''\n    },\n    providerLogoUrl() {\n      if (this.selectedLogInfo.provider_dark_logo_path || this.selectedLogInfo.provider_light_logo_path) {\n        const currentLogoUrl =\n          this.themeName === 'dark' ? this.selectedLogInfo.provider_dark_logo_path : this.selectedLogInfo.provider_light_logo_path\n\n        return Util.getImageUrl(currentLogoUrl)\n      }\n\n      return null\n    },\n  },\n  methods: {\n    hide() {\n      this.$emit('close')\n    },\n    onImagePlayerUpdateFrame(index) {\n      this.currentFrameIndex = index\n    },\n    stopIntervalSetCamImageSrc() {\n      clearTimeout(this.timeoutSetCamImageSrc)\n    },\n    getFirstImage() {\n      this.currentCamImageSrc = Util.getImageUrl(this.matchedCameraPath, true)\n    },\n    intervalSetCamImageSrc() {\n      clearTimeout(this.timeoutSetCamImageSrc)\n      this.timeoutSetCamImageSrc = setTimeout(() => {\n        this.currentCamImageSrc = Util.getImageUrl(this.matchedCameraPath, true)\n        this.intervalSetCamImageSrc()\n      }, Constants.INTERVAL_SITE_LOG)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.live-view-dialog-card {\n  .live-view-dialog-title {\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 25px;\n    height: 65px;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #363636;\n    &.dark {\n      color: #ffffffde;\n    }\n\n    .live-view-camera-provider {\n      display: flex;\n      align-items: center;\n      font-size: 13px;\n      font-weight: 400;\n      position: absolute;\n      top: 25px;\n      left: 40px;\n      cursor: pointer;\n    }\n  }\n  .live-view-dialog-close {\n    position: absolute;\n    top: 25px;\n    right: 30px;\n    cursor: pointer;\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!./LiveViewDialog.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!./LiveViewDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LiveViewDialog.vue?vue&type=template&id=09c72512&scoped=true&\"\nimport script from \"./LiveViewDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./LiveViewDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LiveViewDialog.vue?vue&type=style&index=0&id=09c72512&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  \"09c72512\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VCard,VDialog})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"width\":\"1005\",\"persistent\":\"\",\"no-click-animation\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.hide.apply(null, arguments)}},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{class:(\"live-view-dialog-card \" + _vm.themeName),attrs:{\"data-testid\":\"DetectionClip_Modal\"}},[_c('div',{class:(\"live-view-dialog-title \" + _vm.themeName)},[(_vm.providerLogoUrl)?_c('div',{staticClass:\"detection-clip-camera-provider\"},[_vm._v(\" Cameras by \"),_c('img',{staticStyle:{\"margin-left\":\"7px\"},attrs:{\"src\":_vm.providerLogoUrl,\"width\":\"113px\"}})]):_vm._e(),_vm._v(\" Detection Clip \")]),_c('div',{staticClass:\"live-view-dialog-close\",attrs:{\"data-testid\":\"Close_Button\"},on:{\"click\":_vm.hide}},[(_vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Exit_Icon.svg\"),\"width\":\"16px\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Exit_Icon_Black.svg\"),\"width\":\"15px\"}})]),_c('div',{staticStyle:{\"height\":\"613px\",\"width\":\"1005px\",\"padding\":\"0 40px 20px 40px\"}},[(_vm.imagePlayerLoad)?_c('ImagePlayer',{attrs:{\"currentLog\":_vm.mapViewSelectedLog},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._e()],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" @keydown.esc=\"hide\" width=\"1005\" persistent no-click-animation>\n    <v-card :class=\"`live-view-dialog-card ${themeName}`\" data-testid=\"DetectionClip_Modal\">\n      <div :class=\"`live-view-dialog-title ${themeName}`\">\n        <div v-if=\"providerLogoUrl\" class=\"detection-clip-camera-provider\">\n          Cameras by\n          <img :src=\"providerLogoUrl\" width=\"113px\" style=\"margin-left: 7px\" />\n        </div>\n        Detection Clip\n      </div>\n      <div class=\"live-view-dialog-close\" @click=\"hide\" data-testid=\"Close_Button\">\n        <img v-if=\"$vuetify.theme.dark\" src=\"@/assets/Exit_Icon.svg\" width=\"16px\" />\n        <img v-else src=\"@/assets/Exit_Icon_Black.svg\" width=\"15px\" />\n      </div>\n      <div style=\"height: 613px; width: 1005px; padding: 0 40px 20px 40px\">\n        <ImagePlayer v-if=\"imagePlayerLoad\" :currentLog=\"mapViewSelectedLog\">\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      </div>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport Theme from '@/mixin/theme.mixin'\nimport ImagePlayer from '@common/newImage/ImagePlayer'\nimport FramePlayerBar from '@common/newImage/FramePlayerBar'\nimport Util from '@/util'\n\nexport default {\n  mixins: [Theme],\n  components: { ImagePlayer, FramePlayerBar },\n  props: {\n    value: Boolean,\n  },\n  data() {\n    return {\n      loading: false,\n      loadedImages: [],\n      currentFrameIndex: 0,\n      frameIndex: 0,\n      play: 'stop',\n      playing: false,\n      didPlay: false,\n      frameMode: '',\n      currentCamImageSrc: '',\n      timeoutSetCamImageSrc: null,\n      canvasActiveOption: {\n        selectable: false,\n        wheel: false,\n        dragLeftButton: true,\n      },\n      imagePlayerLoad: false,\n    }\n  },\n  mounted() {\n    this.imagePlayerLoad = true\n  },\n  computed: {\n    ...mapState(['mapViewSelectedLog']),\n    providerLogoUrl() {\n      if (this.mapViewSelectedLog.provider_dark_logo_path || this.mapViewSelectedLog.provider_light_logo_path) {\n        const currentLogoUrl =\n          this.themeName === 'dark' ? this.mapViewSelectedLog.provider_dark_logo_path : this.mapViewSelectedLog.provider_light_logo_path\n\n        return Util.getImageUrl(currentLogoUrl)\n      }\n\n      return null\n    },\n  },\n  methods: {\n    hide() {\n      this.$emit('close')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.live-view-dialog-card {\n  .live-view-dialog-title {\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 25px;\n    height: 65px;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #363636;\n    &.dark {\n      color: #ffffffde;\n    }\n\n    .detection-clip-camera-provider {\n      display: flex;\n      align-items: center;\n      font-size: 13px;\n      font-weight: 400;\n      position: absolute;\n      top: 25px;\n      left: 40px;\n      cursor: pointer;\n    }\n  }\n  .live-view-dialog-close {\n    position: absolute;\n    top: 25px;\n    right: 30px;\n    cursor: pointer;\n  }\n}\n\n.live-view-image-player-container {\n  height: 100%;\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!./DetectionClipDialog.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!./DetectionClipDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetectionClipDialog.vue?vue&type=template&id=0b6b3114&scoped=true&\"\nimport script from \"./DetectionClipDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./DetectionClipDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetectionClipDialog.vue?vue&type=style&index=0&id=0b6b3114&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  \"0b6b3114\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VCard,VDialog})\n","<template>\n  <div :class=\"`map-select-drawer ${themeName}`\" data-testid=\"MapView_Recent_Area\">\n    <div v-if=\"!selectedLogInfo\" :class=\"`recent-log-list-container ${themeName}`\">\n      <v-progress-circular v-if=\"!isLogListLoaded\" style=\"margin: auto\" :size=\"50\" color=\"#FF5B54\" indeterminate></v-progress-circular>\n      <div :class=\"`no-data ${themeName}`\" v-else-if=\"isLogListLoaded && !filteredRecentLogList.length\">\n        <span :class=\"`title ${themeName}`\">No data available</span>\n        <span class=\"content\">Try changing or removing</span>\n        <span class=\"content\">some of your filters</span>\n      </div>\n      <div v-else>\n        <div :class=\"`recent-log-list-title ${themeName}`\">{{ mapViewDrawerTitle }}</div>\n        <div\n          v-for=\"item in filteredRecentLogList\"\n          :key=\"item.log_id\"\n          :class=\"`recent-log-list-item-list ${item.log_id === expandedAccordionLogId ? 'selected' : ''}`\"\n        >\n          <div :key=\"item\" :class=\"`recent-log-list-item ${themeName}`\" @click=\"onClickLogItem(item)\">\n            <div class=\"recent-log-list-item-info\">\n              <div class=\"recent-log-list-item-info-top\">\n                <div v-if=\"item.event_type_id === eventTypeList[2].id\" class=\"recent-log-list-item-color-circle fire\"></div>\n                <div v-else-if=\"item.event_type_id === eventTypeList[3].id\" class=\"recent-log-list-item-color-circle non-fire\"></div>\n                <div v-else-if=\"item.event_type_id === eventTypeList[4].id\" class=\"recent-log-list-item-color-circle unknown\"></div>\n                <div v-else-if=\"item.event_type_id === eventTypeList[5].id\" class=\"recent-log-list-item-color-circle planned\"></div>\n                <div v-else :class=\"`recent-log-list-item-color-circle default ${themeName}`\"></div>\n                <div :class=\"`recent-log-list-item-camera-name ${themeName}`\">{{ item.camera_name }}</div>\n              </div>\n              <div :class=\"`recent-log-list-item-info-bottom ${themeName}`\">\n                {{ logTimestampFormat(item) }}\n                <img v-if=\"showTimeoutIcon(item)\" :src=\"require('@/assets/Timeout_Icon_Pink.svg')\" class=\"timeout-icon\" />\n              </div>\n            </div>\n            <div :class=\"`recent-log-list-item-status ${getStatusClass(item)}`\">{{ getStatus(item) }}</div>\n            <div class=\"recent-log-list-item-accordion-expand-icon-area\" v-if=\"!onlyFirstDetection && item.has_repetitive\">\n              <!-- is loading repetitive logs -->\n              <v-progress-circular\n                v-if=\"item.log_id === expandedAccordionLogId && isLogAccordionLoading\"\n                :color=\"themeName === 'dark' ? '#FFFFFF' : '#00000061'\"\n                :size=\"16\"\n                :width=\"2\"\n                indeterminate\n              />\n              <!-- expanded  -->\n              <img\n                v-else-if=\"!isLogAccordionLoading && item.log_id === expandedAccordionLogId && themeName === 'dark'\"\n                :src=\"require('@/assets/Chevron-Up_16px_Icon-Light.svg')\"\n                height=\"16\"\n                width=\"16\"\n                @click.stop=\"onClickLogAccordion(item)\"\n              />\n              <img\n                v-else-if=\"!isLogAccordionLoading && item.log_id === expandedAccordionLogId && themeName !== 'dark'\"\n                :src=\"require('@/assets/Chevron-Up_16px_Icon-Dark.svg')\"\n                height=\"16\"\n                width=\"16\"\n                @click.stop=\"onClickLogAccordion(item)\"\n              />\n              <!-- folded -->\n              <img\n                v-else-if=\"item.log_id !== expandedAccordionLogId && themeName === 'dark'\"\n                :src=\"require('@/assets/Chevron-Down_16px_Icon-Light.svg')\"\n                height=\"16\"\n                width=\"16\"\n                @click.stop=\"onClickLogAccordion(item)\"\n              />\n              <img\n                v-else-if=\"item.log_id !== expandedAccordionLogId && themeName !== 'dark'\"\n                :src=\"require('@/assets/Chevron-Down_16px_Icon-Dark.svg')\"\n                height=\"16\"\n                width=\"16\"\n                @click.stop=\"onClickLogAccordion(item)\"\n              />\n            </div>\n            <div v-else style=\"width: 41px\" />\n          </div>\n          <!-- duplicate alarm(s) list -->\n          <div\n            v-if=\"!onlyFirstDetection && item.log_id === expandedAccordionLogId && isLogAccordionLoading\"\n            :class=\"`recent-log-list-item-duplicate-alarms-list-loading-container ${themeName}`\"\n          >\n            <v-progress-circular :color=\"themeName === 'dark' ? '#FFFFFF' : '#00000061'\" :size=\"32\" :width=\"3\" indeterminate />\n          </div>\n          <div\n            v-else-if=\"!onlyFirstDetection && item.log_id === expandedAccordionLogId && !isLogAccordionLoading\"\n            :class=\"`recent-log-list-item-duplicate-alarms-list-container ${themeName}`\"\n          >\n            <div v-if=\"!filteredLogChildren.length\" :class=\"`empty-log-list-children-container ${themeName}`\">No logs in this date range</div>\n            <div v-for=\"repLog in filteredLogChildren\" :key=\"repLog.log_id\">\n              <div :class=\"`recent-log-list-item duplicate-alarm-item ${themeName}`\" style=\"width: 324px\" @click=\"onClickLogChild(repLog)\">\n                <div class=\"recent-log-list-item-info\" style=\"width: 209px\">\n                  <div class=\"recent-log-list-item-info-top\">\n                    <div style=\"width: 17px\"></div>\n                    <div :class=\"`recent-log-list-item-camera-name ${themeName}`\">{{ repLog.camera_name }}</div>\n                  </div>\n                  <div :class=\"`recent-log-list-item-info-bottom ${themeName}`\">{{ logTimestampFormat(repLog) }}</div>\n                </div>\n                <div :class=\"`recent-log-list-item-status ${getStatusClass(repLog)}`\">Repetitive</div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- </template>\n        </v-virtual-scroll> -->\n      </div>\n    </div>\n\n    <div\n      v-if=\"selectedLogInfo\"\n      :class=\"`detection-info-container ${themeName} ${mapviewAlertOn ? 'alarm' : ''}`\"\n      data-testid=\"MapView_DetectionInfo_Area\"\n    >\n      <!-- Selected Log Info title + basic info -->\n      <div class=\"detection-info-top\">\n        <img\n          v-if=\"themeName === 'dark'\"\n          :class=\"`detection-info-btn-close ${themeName}`\"\n          src=\"@/assets/Close_Line_12px_1_Icon_dark.svg\"\n          width=\"12\"\n          data-testid=\"Close_Button\"\n          @click=\"onClickDetectionInfoClose\"\n        />\n        <img\n          v-else\n          :class=\"`detection-info-btn-close ${themeName}`\"\n          src=\"@/assets/Close_Line_12px_1_Icon.svg\"\n          width=\"12\"\n          @click=\"onClickDetectionInfoClose\"\n        />\n        <div :class=\"`detection-info-title ${themeName}`\">Detection Info</div>\n        <div class=\"detection-item-info-container\">\n          <div class=\"recent-log-list-item-info\">\n            <div class=\"recent-log-list-item-info-top\">\n              <div v-if=\"selectedLogInfo.event_type_id === eventTypeList[2].id\" class=\"recent-log-list-item-color-circle fire\"></div>\n              <div v-else-if=\"selectedLogInfo.event_type_id === eventTypeList[3].id\" class=\"recent-log-list-item-color-circle non-fire\"></div>\n              <div v-else-if=\"selectedLogInfo.event_type_id === eventTypeList[4].id\" class=\"recent-log-list-item-color-circle unknown\"></div>\n              <div v-else-if=\"selectedLogInfo.event_type_id === eventTypeList[5].id\" class=\"recent-log-list-item-color-circle planned\"></div>\n              <div v-else :class=\"`recent-log-list-item-color-circle default ${themeName}`\"></div>\n              <div :class=\"`recent-log-list-item-camera-name ${themeName}`\">{{ selectedLogInfo.camera_name }}</div>\n            </div>\n            <div :class=\"`recent-log-list-item-info-bottom ${themeName}`\">\n              <div style=\"margin-right: 8px\">{{ logTimestampFormat(selectedLogInfo) }}</div>\n              <img v-if=\"showTimeoutIcon(selectedLogInfo)\" :src=\"require('@/assets/Timeout_Icon_Pink.svg')\" class=\"timeout-icon\" />\n            </div>\n          </div>\n          <div\n            :class=\"`recent-log-list-item-status ${getStatusClass(selectedLogInfo)}`\"\n            @click=\"onClickItemStatusBtn()\"\n            :key=\"selectedLogInfo.root_log_id\"\n          >\n            {{ getStatus(selectedLogInfo) }}\n          </div>\n        </div>\n      </div>\n      <!-- LIVE VIEW, DETECTION, GO TO, SHARE Options -->\n      <div class=\"detection-info-middle\">\n        <div\n          :class=\"`detection-info-option ${themeName}`\"\n          style=\"width: 87px\"\n          @click=\"onClickOption('live-view')\"\n          data-testid=\"MapView_LiveView_Button\"\n        >\n          <img v-if=\"themeName === 'dark'\" src=\"@/assets/Live_Line_2_20px_Icon.svg\" width=\"20\" />\n          <img v-else src=\"@/assets/Live_Line_2_20px_Icon_black.svg\" width=\"20\" />\n          <div :class=\"`detection-info-option-text ${themeName}`\">Live View</div>\n        </div>\n        <div :class=\"`detection-info-option-spacer-line ${themeName}`\"></div>\n        <div\n          :class=\"`detection-info-option ${themeName}`\"\n          style=\"width: 88px\"\n          @click=\"onClickOption('detection')\"\n          data-testid=\"MapView_DetectionClip_Button\"\n        >\n          <img v-if=\"themeName === 'dark'\" src=\"@/assets/Detection_Line_2_20px_Icon.svg\" width=\"20\" />\n          <img v-else src=\"@/assets/Detection_Line_2_20px_Icon_black.svg\" width=\"20\" />\n          <div :class=\"`detection-info-option-text ${themeName}`\">Detection</div>\n        </div>\n        <div :class=\"`detection-info-option-spacer-line ${themeName}`\"></div>\n        <div :class=\"`detection-info-option ${themeName}`\" style=\"width: 87px\" @click=\"onClickOption('go-to')\" data-testid=\"MapView_Goto_Button\">\n          <img v-if=\"themeName === 'dark'\" src=\"@/assets/Goto_Line_20px_Icon.svg\" width=\"20\" />\n          <img v-else src=\"@/assets/Goto_Line_20px_Icon_black.svg\" width=\"20\" />\n          <div :class=\"`detection-info-option-text ${themeName}`\">Go to</div>\n        </div>\n        <div :class=\"`detection-info-option-spacer-line ${themeName}`\"></div>\n        <div :class=\"`detection-info-option ${themeName}`\" style=\"width: 88px\" @click=\"onClickOption('share')\" data-testid=\"MapView_ShareLink_Button\">\n          <img v-if=\"themeName === 'dark'\" src=\"@/assets/Link_Line_2_20px_Icon.svg\" width=\"20\" />\n          <img v-else src=\"@/assets/Link_Line_2_20px_Icon_black.svg\" width=\"20\" />\n          <div :class=\"`detection-info-option-text ${themeName}`\">Share</div>\n        </div>\n      </div>\n      <!-- Selected Log detailed info -->\n      <div class=\"detection-info-bottom\">\n        <div :class=\"`detection-detailed-info-top ${themeName}`\">\n          <div class=\"detection-detailed-info-row\">\n            <div :class=\"`detection-detailed-info-label-text ${themeName}`\">Event Type</div>\n            <div :class=\"`detection-detailed-info-value-text ${themeName}`\">\n              <div v-if=\"selectedLogInfo.event_type_id === eventTypeList[2].id\" class=\"recent-log-list-item-color-circle fire\"></div>\n              <div v-else-if=\"selectedLogInfo.event_type_id === eventTypeList[3].id\" class=\"recent-log-list-item-color-circle non-fire\"></div>\n              <div v-else-if=\"selectedLogInfo.event_type_id === eventTypeList[4].id\" class=\"recent-log-list-item-color-circle unknown\"></div>\n              <div v-else-if=\"selectedLogInfo.event_type_id === eventTypeList[5].id\" class=\"recent-log-list-item-color-circle planned\"></div>\n              <!-- <div v-else :class=\"`recent-log-list-item-color-circle default ${themeName}`\"></div> -->\n              <div style=\"margin-right: 11px\">{{ eventTypeValue }}</div>\n              <div\n                :class=\"`detection-detailed-info-event-type-btn-edit ${isEventTypeEditDisabled ? '' : 'event-type-editable'}`\"\n                @click=\"onClickEventTypeEdit()\"\n              >\n                <img v-if=\"!isEventTypeEditDisabled\" src=\"@/assets/Edit_Line_1_12px_Icon_red.svg\" width=\"12\" />\n                <img v-else src=\"@/assets/Edit_Icon_Grey.svg\" width=\"12\" />\n                <div :class=\"{ 'detection-detailed-info-event-type-btn-edit-text': true, viewer: isEventTypeEditDisabled }\">Edit</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"detection-detailed-info-row\">\n            <div :class=\"`detection-detailed-info-label-text ${themeName}`\">Event ID</div>\n            <div :class=\"`detection-detailed-info-value-text ${themeName}`\" data-testid=\"MapView_EventID_Label\">{{ eventIdValue }}</div>\n          </div>\n          <div class=\"detection-detailed-info-row\">\n            <div :class=\"`detection-detailed-info-label-text ${themeName}`\">Detected Time</div>\n            <div :class=\"`detection-detailed-info-value-text ${themeName}`\" data-testid=\"MapView_DetectedTime_Label\">{{ detectedTimeValue }}</div>\n          </div>\n          <div class=\"detection-detailed-info-row\" style=\"max-height: 20px\">\n            <div :class=\"`detection-detailed-info-label-text ${themeName}`\">Fire Location</div>\n            <div\n              data-testid=\"MapView_FireLocation_Label\"\n              v-if=\"fireLocationValue !== 'Loading...'\"\n              :class=\"`detection-detailed-info-value-text ${fireLocationValue === '-' ? 'text-no-drag' : ''} ${themeName}`\"\n            >\n              {{ fireLocationValue }}\n              <img\n                v-if=\"fireLocationValue !== '-'\"\n                src=\"@/assets/Mobile_Copy_Button_Red.svg\"\n                height=\"14\"\n                style=\"margin-left: 8px; cursor: pointer\"\n                @click=\"onClickCopy(fireLocationValue)\"\n              />\n              <img v-else-if=\"themeName === 'dark'\" src=\"@/assets/Mobile_Copy_Button_Disabled-Dark.svg\" height=\"14\" style=\"margin-left: 8px\" />\n              <img v-else src=\"@/assets/Mobile_Copy_Button_Disabled-Light.svg\" height=\"14\" style=\"margin-left: 8px\" />\n              <v-tooltip v-if=\"fireLocationIsTriangulated\" top :content-class=\"`triangulated-tooltip ${themeName}`\">\n                <template v-slot:activator=\"{ on, attrs }\">\n                  <img\n                    v-if=\"themeName === 'dark'\"\n                    src=\"@/assets/Info_Line_16px_Icon_Dark.svg\"\n                    v-bind=\"attrs\"\n                    v-on=\"on\"\n                    class=\"triangulated-tooltip-icon\"\n                    height=\"14\"\n                    width=\"14\"\n                  />\n                  <img\n                    v-else\n                    src=\"@/assets/Info_Line_16px_Icon_Light.svg\"\n                    v-bind=\"attrs\"\n                    v-on=\"on\"\n                    class=\"triangulated-tooltip-icon\"\n                    height=\"14\"\n                    width=\"14\"\n                  />\n                </template>\n                <span :class=\"`triangulated-tooltip-text ${themeName}`\">Triangulated</span>\n              </v-tooltip>\n            </div>\n            <img v-else-if=\"themeName === 'dark'\" src=\"@/assets/Message-1s-200px.svg\" height=\"40\" />\n            <img v-else src=\"@/assets/Message-1s-200px-light.svg\" height=\"40\" />\n          </div>\n          <div class=\"detection-detailed-info-row\" style=\"max-height: 20px\">\n            <div :class=\"`detection-detailed-info-label-text ${themeName}`\">Fire Direction</div>\n            <div\n              v-if=\"fireDirectionValue !== 'Loading...'\"\n              :class=\"`detection-detailed-info-value-text ${fireDirectionValue === '-' ? 'text-no-drag' : ''} ${themeName}`\"\n            >\n              {{ fireDirectionValue }}\n              <img\n                v-if=\"fireDirectionValue !== '-'\"\n                src=\"@/assets/Mobile_Copy_Button_Red.svg\"\n                height=\"14\"\n                style=\"margin-left: 8px; cursor: pointer\"\n                @click=\"onClickCopy(fireDirectionValue)\"\n              />\n              <img v-else-if=\"themeName === 'dark'\" src=\"@/assets/Mobile_Copy_Button_Disabled-Dark.svg\" height=\"14\" style=\"margin-left: 8px\" />\n              <img v-else src=\"@/assets/Mobile_Copy_Button_Disabled-Light.svg\" height=\"14\" style=\"margin-left: 8px\" />\n            </div>\n            <img v-else-if=\"themeName === 'dark'\" src=\"@/assets/Message-1s-200px.svg\" height=\"40\" />\n            <img v-else src=\"@/assets/Message-1s-200px-light.svg\" height=\"40\" />\n          </div>\n          <div class=\"detection-detailed-info-row\" style=\"margin-bottom: 0px !important\">\n            <div :class=\"`detection-detailed-info-label-text ${themeName}`\">Camera Location</div>\n            <div :class=\"`detection-detailed-info-value-text ${themeName}`\" data-testid=\"MapView_CameraLocation_Label\">{{ cameraLocationValue }}</div>\n          </div>\n        </div>\n        <div :class=\"`detection-detailed-info-bottom ${themeName}`\">\n          <div class=\"detection-detailed-info-row\" v-for=\"(weatherItem, wIndex) in weatherInfo\" :key=\"wIndex\">\n            <div :class=\"`detection-detailed-info-label-text ${themeName}`\">{{ weatherItem.label }}</div>\n            <div :class=\"`detection-detailed-info-value-text ${themeName}`\" :data-testid=\"`${weatherItem.testId}`\">\n              {{ selectedLogInfo[weatherItem.key] || '-' }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"mapviewAlertOn\" class=\"detection-stop-alert\">\n        <SmallButton @onClick=\"stopAlert\">Stop</SmallButton>\n      </div>\n    </div>\n    <EditEventTypeDialog\n      v-model=\"showEditEventTypeDialog\"\n      :data=\"selectedLogInfo\"\n      @input=\"showEditEventTypeDialog = false\"\n      @ok=\"onSaveEventType($event)\"\n    ></EditEventTypeDialog>\n    <GotoDialog v-model=\"dialogGoto\" :urls=\"goToLinks\"></GotoDialog>\n    <SnackBar\n      v-model=\"clipboard\"\n      :color=\"clipboardColor\"\n      :message=\"clipboardMsg\"\n      :data-testid=\"`${clipboardMsg === 'Copied to clipboard.' ? 'Copy_Success_Toast' : ''}`\"\n    ></SnackBar>\n    <LiveViewDialog v-model=\"showLiveViewDialog\" :selectedLogInfo=\"selectedLogInfo\" @close=\"showLiveViewDialog = false\"></LiveViewDialog>\n    <DetectionClipDialog\n      v-if=\"showDetectionClipDialog\"\n      v-model=\"showDetectionClipDialog\"\n      @close=\"showDetectionClipDialog = false\"\n    ></DetectionClipDialog>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport Theme from '@/mixin/theme.mixin'\nimport moment from 'moment'\nimport Util from '@/util'\nimport EditEventTypeDialog from '@desktop/dialog/EditLabelDialogAdmin'\nimport GotoDialog from '@desktop/dialog/GotoDialogAdmin'\nimport SnackBar from '@common/SnackBarClipboard'\nimport LiveViewDialog from '@desktop/dialog/LiveViewDialog'\nimport DetectionClipDialog from '@desktop/dialog/DetectionClipDialog'\nimport SmallButton from '@components/item/button/SmallButton'\n\nexport default {\n  mixins: [Theme],\n  components: { EditEventTypeDialog, GotoDialog, SnackBar, LiveViewDialog, DetectionClipDialog, SmallButton },\n  props: {\n    mapviewAlertOn: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  watch: {\n    mapviewAlertOn(next) {\n      if (next) {\n        this.showEditEventTypeDialog = false\n        this.dialogGoto = false\n        this.showDetectionClipDialog = false\n        this.showLiveViewDialog = false\n      }\n    },\n    filteredRecentLogList(newList, oldList) {\n      // if log is already selected and fire location/direction OR weather info is \"loading\"\n      if (!!this.selectedLogInfo) {\n        const dataPending =\n          this.selectedLogInfo.latitude === null ||\n          this.selectedLogInfo.longitude === null ||\n          this.selectedLogInfo.pan_direction === null ||\n          this.selectedLogInfo.temperature === '' ||\n          this.selectedLogInfo.wind_speed === '' ||\n          this.selectedLogInfo.wind_direction === ''\n        // this.selectedLogInfo.relative_humidity === '' ||\n        // this.selectedLogInfo.station_name === ''\n        let logIdMap = {}\n        newList.forEach((log) => (logIdMap[log.log_id] = log))\n\n        if (!!logIdMap[this.selectedLogInfo.log_id]) {\n          const updatedLog = newList.filter((item) => item.log_id === this.selectedLogInfo.log_id)[0]\n\n          const newDataFound =\n            updatedLog?.latitude !== null &&\n            updatedLog?.longitude !== null &&\n            updatedLog?.pan_direction !== null &&\n            updatedLog?.temperature !== '' &&\n            updatedLog?.wind_speed !== '' &&\n            updatedLog?.wind_direction !== ''\n          // updatedLog.relative_humidity !== '' &&\n          // updatedLog.station_name !== ''\n\n          const eventTypeIdChanged = updatedLog?.event_type_id !== this.selectedLogInfo.event_type_id\n          const detectionTypeChanged =\n            JSON.stringify(updatedLog?.response_status) !== JSON.stringify(this.selectedLogInfo.response_status) ||\n            Util.isDuplicateLog(updatedLog) !== Util.isDuplicateLog(this.selectedLogInfo)\n\n          if ((dataPending && newDataFound) || eventTypeIdChanged || detectionTypeChanged) {\n            this.$store.dispatch('setMapViewSelectedLogAction', updatedLog)\n          }\n        }\n      }\n    },\n  },\n  data() {\n    return {\n      // {\n      //   \"camera_id\": 4,\n      //   \"camera_name\": \"HeavenlySkiArea\",\n      //   \"log_id\": 112906,\n      //   \"offset\": \"-7\",\n      //   \"detected_image_path\": \"develop/4/2022/07/11/1956.jpg\",\n      //   \"before_image_paths\": [],\n      //   \"after_image_paths\": [],\n      //   \"objects\": [],\n      //   \"created_at\": \"2022-07-11T05:30:48Z\",\n      //   \"event_type_id\": 1,\n      //   \"direction\": null,\n      //   \"temperature\": \"60.8F\",\n      //   \"wind_speed\": \"0 mph\",\n      //   \"wind_direction\": \"N\",\n      //   \"station_name\": \"South Lake Tahoe, Lake Tahoe Airport\"\n      // }\n      // clipboard variables\n      clipboard: false,\n      clipboardColor: '',\n      clipboardMsg: '',\n      // dialog variables\n      dialogGoto: false,\n      showEditEventTypeDialog: false,\n      showLiveViewDialog: false,\n      showDetectionClipDialog: false,\n      // accordion variables\n      logAccordionLoadingTimeout: null,\n      isLogAccordionLoading: false,\n      repetitiveLogsList: [],\n      // weather info variables\n      weatherInfo: [\n        {\n          label: 'Temperature',\n          key: 'temperature',\n          testId: 'MapView_Temperature_Label',\n        },\n        {\n          label: 'Wind Speed',\n          key: 'wind_speed',\n          testId: 'MapView_WindSpeed_Label',\n        },\n        {\n          label: 'Wind Direction',\n          key: 'wind_direction',\n          testId: 'MapView_WindDirection_Label',\n        },\n        {\n          label: 'Relative Humidity',\n          key: 'relative_humidity',\n          testId: 'RelativeHumidity_Label',\n        },\n        {\n          label: 'Station',\n          key: 'station_name',\n          testId: 'MapView_WeatherStation_Label',\n        },\n      ],\n    }\n  },\n  created() {\n    this.$store.dispatch('setIsLogListLoadedAction', false)\n  },\n  destroyed() {\n    clearTimeout(this.logAccordionLoadingTimeout)\n    this.$store.dispatch('setMapViewSelectedLogAction', null)\n  },\n  computed: {\n    ...mapState({\n      isLogListLoaded: (state) => state.isLogListLoaded,\n      eventTypeList: (state) => state.eventTypeList,\n      recentLogList: (state) => state.recentLogList,\n      camMap: (state) => state.camMap,\n      selectedLogInfo: (state) => state.mapViewSelectedLog,\n      mapViewFilter: (state) => state.mapViewFilter,\n      isCustom: (state) => state.mapViewFilter.detectionWithin.isCustom,\n      historyLogList: (state) => state.logListv2,\n      isViewer: (state) => state.user.isViewer,\n      logChildren: (state) => state.logChildren,\n      expandedAccordionLogId: (state) => state.mapviewExpandedAccordionLogId,\n    }),\n    filteredLogChildren() {\n      if (this.mapViewFilter.detectionWithin.isCustom) {\n        const START_DATE = this.mapViewFilter.detectionWithin.dateObj.startDate.format()\n        const END_DATE = this.mapViewFilter.detectionWithin.dateObj.endDate.format()\n        return this.logChildren?.[this.expandedAccordionLogId]?.filter((log) =>\n          moment(log.created_at, 'YYYY-MM-DDTHH:mm:ssZ').isBetween(START_DATE, END_DATE)\n        )\n      }\n      return this.logChildren[this.expandedAccordionLogId]\n    },\n    isEventTypeEditDisabled() {\n      return this.isViewer || !this.selectedLogInfo || Util.isDuplicateLog(this.selectedLogInfo)\n    },\n    onlyFirstDetection() {\n      return this.mapViewFilter.detectionType.firstDetection\n    },\n    mapViewDrawerTitle() {\n      if (this.isCustom) {\n        const dateObj = this.mapViewFilter.detectionWithin.dateObj\n        if (dateObj.startDate.isSame(dateObj.endDate, 'day')) return dateObj.endDate.format('YYYY-MM-DD')\n        return `${dateObj.startDate.format('YYYY-MM-DD')} ~ ${dateObj.endDate.format('YYYY-MM-DD')}`\n      } else return 'Recent'\n    },\n    filteredRecentLogList() {\n      if (this.isCustom && this.historyLogList.length) return [...this.historyLogList.filter((log) => this.logfiltering(log))]\n      else return this.recentLogList.filter((log) => this.logfiltering(log))\n    },\n    selectedLogCameraInfo() {\n      if (!this.selectedLogInfo || !this.camMap) {\n        return null\n      }\n      return this.camMap[this.selectedLogInfo.camera_id]\n    },\n    goToLinks() {\n      if (this.selectedLogCameraInfo) {\n        return [this.selectedLogCameraInfo.public_url, this.selectedLogCameraInfo.private_url_1, this.selectedLogCameraInfo.private_url_2]\n      }\n      return []\n    },\n    eventType() {\n      if (!this.selectedLogInfo) return null\n      return this.eventTypeList.find((e) => e.id === this.selectedLogInfo.event_type_id)\n    },\n    eventTypeValue() {\n      if (!this.selectedLogInfo) {\n        return '-'\n      }\n      return this.eventType?.id === 1 ? '-' : this.eventType?.name\n    },\n    eventIdValue() {\n      if (!this.selectedLogInfo) {\n        return '-'\n      }\n      return '#' + this.selectedLogInfo.log_id\n    },\n    detectedTimeValue() {\n      if (!this.selectedLogInfo) {\n        return '-'\n      }\n      return Util.getOffsetDate(this.selectedLogInfo.created_at, this.selectedLogInfo.offset)\n    },\n    fireLocationLabel() {\n      if (!this.selectedLogInfo) return 'Fire Location'\n      const latitude = this.selectedLogInfo?.latitude\n      const longitude = this.selectedLogInfo?.longitude\n      const panDirection = this.selectedLogInfo?.pan_direction\n      if ((latitude === -1 || !latitude) && (longitude === -1 || !longitude) && panDirection !== -1 && panDirection) return 'Fire Direction'\n      else return 'Fire Location'\n    },\n    fireLocationValue() {\n      if (this.selectedLogInfo) {\n        const latitude = this.selectedLogInfo?.latitude\n        const longitude = this.selectedLogInfo?.longitude\n        if (latitude === null && longitude === null) return 'Loading...'\n        else if (latitude !== null && latitude !== -1 && longitude !== null && longitude !== -1) return `${latitude} ${longitude.toFixed(4)}`\n      }\n      return '-'\n    },\n    fireLocationIsTriangulated() {\n      return this.selectedLogInfo?.is_triangulated\n    },\n    fireDirectionValue() {\n      if (this.selectedLogInfo) {\n        const pan_direction = this.selectedLogInfo.pan_direction\n        if (pan_direction === null) return 'Loading...'\n        else if (pan_direction !== -1) return Util.locaitonToDegree(pan_direction)\n      }\n      return '-'\n    },\n    cameraLocationValue() {\n      if (!this.selectedLogInfo) {\n        return '-'\n      }\n      const coordinates = this.selectedLogCameraInfo.coordinate.split(' ')\n      const latitude = Number(coordinates[0]).toFixed(6)\n      const longitude = Number(coordinates[1]).toFixed(4)\n      return `${latitude} ${longitude}`\n    },\n  },\n  methods: {\n    ...mapActions(['getRecentLogList', 'getLogChildrenAction', 'setMapviewExpandedAccordionLogIdAction']),\n    showTimeoutIcon(log) {\n      const CAM_PAUSE_START_TIMESTAMP = this.camMap[log.camera_id].noti_pause_start\n      const CAM_PAUSE_END_TIMESTAMP = this.camMap[log.camera_id].noti_pause_end\n      return moment().isBetween(CAM_PAUSE_START_TIMESTAMP, CAM_PAUSE_END_TIMESTAMP)\n    },\n    onClickLogAccordion(log) {\n      this.isLogAccordionLoading = true\n      this.setMapviewExpandedAccordionLogIdAction(log.log_id)\n      clearTimeout(this.logAccordionLoadingTimeout)\n      this.logAccordionLoadingTimeout = setTimeout(async () => {\n        await this.getLogChildrenAction(log.log_id)\n        this.isLogAccordionLoading = false\n      }, 1000)\n    },\n    onClickCopy(text) {\n      try {\n        this.clipboardColor = 'secondary'\n        this.clipboardMsg = 'Copied to clipboard.'\n        navigator.clipboard.writeText(text)\n        this.clipboard = true\n      } catch (e) {\n        this.clipboard = true\n        this.clipboardColor = 'error'\n        this.clipboardMsg = e.toString()\n      }\n    },\n    logfiltering(log) {\n      const necessaryKeys = ['is_checked_organization', 'is_duplicated_by_organization', 'is_duplicated_by_worker']\n      const inv2RecentLogList = necessaryKeys.every((k) => Object.keys(log).includes(k))\n      const detectionWithin = this.detectionWithinFilter(log, this.mapViewFilter.detectionWithin)\n      const responseStatus = this.responseStatusFilter(log, this.mapViewFilter.responseStatus)\n      const eventType = this.eventTypeFilter(log, this.mapViewFilter.eventType)\n      if (inv2RecentLogList && detectionWithin && responseStatus && eventType) return true\n      else return false\n    },\n    detectionWithinFilter(log, filter) {\n      if (filter.dateObj === null) return true\n      const createdTime = moment(log.created_at)\n      if (filter.isCustom) return createdTime.isBetween(filter.dateObj.startDate.startOf('day'), filter.dateObj.endDate.endOf('day'))\n      else return filter.dateObj.isSameOrBefore(createdTime)\n    },\n    responseStatusFilter(log, filter) {\n      const status = this.getStatus(log)\n      if ((status === 'Alerted' && filter.alerted) || (status === 'Validated' && filter.validated) || (status === 'Responded' && filter.responded))\n        return true\n      else return false\n    },\n    eventTypeFilter(log, filter) {\n      const eventType = log.event_type_id\n      if (\n        (eventType === 1 && filter.unselected) ||\n        (eventType === 2 && filter.fire) ||\n        (eventType === 3 && filter.nonFire) ||\n        (eventType === 4 && filter.unknown) ||\n        (eventType === 5 && filter.plannedBurn)\n      ) {\n        return true\n      } else return false\n    },\n    stopAlert() {\n      this.$emit('stopAlert')\n    },\n    logTimestampFormat(log) {\n      return `[${Util.getOffsetDate(log.created_at, log.offset)}]`\n    },\n    getStatus(item) {\n      if (!item) {\n        return ''\n      }\n      if (Util.isDuplicateLog(item)) {\n        return 'Repetitive'\n      }\n      let result = 'Alerted'\n      if (item?.response_status?.is_validated) {\n        result = 'Validated'\n      }\n      if (item?.response_status?.is_responded) {\n        result = 'Responded'\n      }\n      return result\n    },\n    getStatusClass(item) {\n      let result = ''\n      if (Util.isDuplicateLog(item)) {\n        result = 'repetitive-btn-style'\n      } else {\n        result = 'alerted-btn-style'\n        if (item?.response_status?.is_validated) {\n          result = 'validated-btn-style'\n        }\n        if (item?.response_status?.is_responded) {\n          result = 'responded-btn-style'\n        }\n      }\n      if (this.$vuetify.theme.dark) {\n        result += '-dark'\n      }\n      return result\n    },\n    onClickLogItem(item) {\n      this.$store.dispatch('setMapViewSelectedLogParentAction', item.log_id)\n      if (item.log_id !== this.expandedAccordionLogId && this.expandedAccordionLogId !== -1) {\n        this.setMapviewExpandedAccordionLogIdAction(this.expandedAccordionLogId)\n      }\n    },\n    onClickLogChild(child) {\n      this.$store.dispatch('setMapViewSelectedLogChildAction', child.id)\n    },\n    onClickDetectionInfoClose() {\n      this.$emit('stopAlert')\n      this.$store.dispatch('setShowMapViewResponseStatusPopoverAction', false)\n      this.$store.dispatch('setMapViewSelectedLogAction', null)\n      // close expanded log if selected log is first detection and not same as expanded log's id\n      if (!this.selectedLogInfo?.root_log_id && this.expandedAccordionLogId !== -1 && this.selectedLogInfo?.log_id !== this.expandedAccordionLogId) {\n        this.setMapviewExpandedAccordionLogIdAction(this.expandedAccordionLogId)\n      }\n    },\n    onClickItemStatusBtn() {\n      this.$store.dispatch('setShowMapViewResponseStatusPopoverAction', true)\n    },\n    onClickOption(option) {\n      switch (option) {\n        case 'live-view':\n          this.showLiveViewDialog = true\n          break\n        case 'detection':\n          this.showDetectionClipDialog = true\n          break\n        case 'go-to':\n          this.dialogGoto = true\n          break\n        case 'share':\n          this.onClickLinkShare()\n          break\n        default:\n          break\n      }\n    },\n    onClickLinkShare() {\n      try {\n        this.clipboardColor = 'secondary'\n        this.clipboardMsg = 'Copied to clipboard.'\n        Util.copyClipboard(`${location.origin}/detection?name=${this.selectedLogInfo.camera_name}&id=${this.selectedLogInfo.log_id}`)\n        this.clipboard = true\n      } catch (e) {\n        this.clipboard = true\n        this.clipboardColor = 'error'\n        this.clipboardMsg = e.toString()\n      }\n    },\n    onClickEventTypeEdit() {\n      if (this.isEventTypeEditDisabled) return\n      this.showEditEventTypeDialog = true\n    },\n    onSaveEventType(eventTypeId) {\n      this.$store.dispatch('setLogEventTypeAction', {\n        log_id: this.selectedLogInfo.log_id,\n        event_type_id: eventTypeId,\n      })\n      this.showEditEventTypeDialog = false\n      this.getRecentLogList().then((logs) => {\n        if (logs && logs.length && logs.filter((log) => log.log_id === this.selectedLogInfo.log_id).length) {\n          const updatedLogObject = logs.filter((log) => log.log_id === this.selectedLogInfo.log_id)[0]\n          this.$store.dispatch('setMapViewSelectedLogAction', updatedLogObject)\n        }\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.triangulated-tooltip {\n  background-color: #ffffff;\n  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);\n\n  &.dark {\n    background-color: #323340;\n  }\n}\n\n.triangulated-tooltip-text {\n  font-weight: 400;\n  font-size: 14px;\n  color: #ff827c;\n\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.triangulated-tooltip-icon {\n  margin-left: 7px;\n}\n\n.map-select-drawer {\n  width: 380px;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  background-color: white;\n  position: relative;\n  &.dark {\n    background-color: #25262c;\n  }\n\n  .recent-log-list-container {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    .recent-log-list-title {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 22px;\n      margin-bottom: 10px;\n      color: #363636 !important;\n      &.dark {\n        color: #ffffffde !important;\n      }\n    }\n\n    .recent-log-list-item-list {\n      flex-grow: 1;\n      width: 100%;\n      margin-bottom: 8px;\n\n      &.selected {\n        margin-bottom: 0px;\n      }\n\n      .recent-log-list-item {\n        height: 73px;\n        width: 335px;\n        padding: 0px 0px 0px 15px;\n        display: flex;\n        // justify-content: center;\n        align-items: center;\n        background-color: #f9f9f9;\n        border-radius: 8px;\n        cursor: pointer;\n        color: var(--f-text-black);\n\n        &.duplicate-alarm-item {\n          background-color: #f3f4f4;\n          // padding: 0 15px;\n          // width: 320px !important;\n          margin-bottom: 4px;\n          // justify-content: space-between;\n          padding-right: 30px;\n        }\n\n        &.dark {\n          background-color: #323340;\n          color: #ffffffde;\n        }\n\n        &.duplicate-alarm-item.dark {\n          background-color: #1b1c22;\n        }\n\n        .recent-log-list-item-info {\n          // flex-grow: 1;\n          width: 209px;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          padding-right: 14px;\n\n          .recent-log-list-item-info-top {\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            width: 100%;\n\n            .recent-log-list-item-color-circle {\n              height: 10px !important;\n              min-width: 10px !important;\n              border-radius: 50%;\n              margin-right: 7px;\n              &.fire {\n                background-color: var(--f-primary-90);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.non-fire {\n                background-color: var(--f-supplementary-green);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.unknown {\n                background-color: var(--f-supplementary-blue);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.planned {\n                background-color: var(--f-supplementary-purple);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.default {\n                background-color: transparent;\n                border: 1px solid #d8d9da;\n              }\n\n              &.dark {\n                border: 1px solid #ffffffde;\n              }\n            }\n\n            .recent-log-list-item-camera-name {\n              font-weight: 600;\n              font-size: 14px;\n              line-height: 19px;\n              width: 200px;\n              text-overflow: ellipsis;\n              overflow: hidden;\n              white-space: pre;\n\n              &.dark {\n                color: #ffffffde;\n              }\n            }\n          }\n\n          .recent-log-list-item-info-bottom {\n            font-weight: 500;\n            font-size: 14px;\n            line-height: 19px;\n            width: 100%;\n            padding-left: 17px;\n            color: #8d90a2;\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            white-space: nowrap;\n            &.dark {\n              color: #ffffff99;\n            }\n\n            .timeout-icon {\n              margin-left: 5px;\n            }\n          }\n        }\n\n        .recent-log-list-item-status {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          height: 26px;\n          width: 70px !important;\n          border-radius: 4px;\n          color: #1b1c22;\n          font-weight: 600;\n          font-size: 12px;\n          line-height: 20px;\n          text-align: center;\n          cursor: pointer;\n          background-color: #d8d9da;\n\n          &.repetitive-btn-style {\n            background-color: #f3f4f4;\n            color: #363636;\n            border: 1px solid #d8d9da;\n          }\n          &.alerted-btn-style {\n            background-color: #f9f9f9;\n            color: #363636;\n            border: 1px solid #d8d9da;\n          }\n\n          &.validated-btn-style,\n          &.responded-btn-style {\n            background-color: #d8d9da;\n            color: #363636;\n          }\n\n          &.repetitive-btn-style-dark {\n            background-color: #1b1c22;\n            color: #ffffffde;\n            border: 1px solid #ffffffde;\n          }\n          &.alerted-btn-style-dark {\n            background-color: #323340;\n            color: #ffffffde;\n            border: 1px solid #ffffffde;\n          }\n\n          &.validated-btn-style-dark,\n          &.responded-btn-style-dark {\n            background-color: #ffffff;\n            color: #25262c;\n          }\n        }\n\n        .recent-log-list-item-accordion-expand-icon-area {\n          height: 73px;\n          // width: 40px;\n          padding: 0 15px;\n          // margin-left: 5px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n        }\n      }\n\n      .recent-log-list-item-duplicate-alarms-list-loading-container {\n        height: 73px;\n        width: 324px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        border-radius: 8px;\n        margin: 4px 5px;\n        background-color: #f2f2f2;\n\n        &.dark {\n          background-color: #1b1c22;\n        }\n      }\n\n      .recent-log-list-item-duplicate-alarms-list-container {\n        max-height: 308px;\n        margin: 4px 0px 4px 5px;\n        overflow-y: auto;\n        overflow-x: hidden;\n\n        .empty-log-list-children-container {\n          height: 69px;\n          border-radius: 8px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-weight: 500;\n          background-color: #f3f4f4;\n          color: #363636;\n          margin-bottom: 4px;\n\n          &.dark {\n            background-color: #1b1c22;\n            color: #ffffff99;\n          }\n        }\n      }\n    }\n  }\n\n  .detection-info-container {\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    overflow-y: auto;\n    overflow-x: hidden;\n    flex-direction: column;\n    border: 5px solid #ffffff;\n    background-color: #ffffff;\n    &.dark {\n      background-color: #25262c;\n      border: 5px solid #25262c;\n    }\n    &.alarm {\n      animation: alarm 1.5s steps(2, jump-none) infinite normal;\n\n      @keyframes alarm {\n        0% {\n        }\n\n        50% {\n          border: 5px solid #ff5b54;\n        }\n      }\n    }\n\n    .detection-info-top {\n      height: 130px;\n      width: 100%;\n      padding: 20px;\n\n      .detection-info-btn-close {\n        position: absolute;\n        top: 15px;\n        right: 15px;\n        cursor: pointer;\n      }\n      .detection-info-title {\n        font-weight: 600;\n        font-size: 16px;\n        line-height: 22px;\n        margin-bottom: 6px;\n        color: #363636;\n        &.dark {\n          color: #ffffffde;\n        }\n      }\n\n      .detection-item-info-container {\n        height: 69px;\n        width: 100%;\n        padding: 17px 15px;\n        display: flex;\n        justify-content: space-around;\n        align-items: center;\n\n        .recent-log-list-item-info {\n          // flex-grow: 1;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          padding-right: 14px;\n\n          .recent-log-list-item-info-top {\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            width: 100%;\n\n            .recent-log-list-item-color-circle {\n              height: 10px;\n              width: 10px;\n              border-radius: 50%;\n              margin-right: 7px;\n              &.fire {\n                background-color: var(--f-primary-90);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.non-fire {\n                background-color: var(--f-supplementary-green);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.unknown {\n                background-color: var(--f-supplementary-blue);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.planned {\n                background-color: var(--f-supplementary-purple);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.default {\n                background-color: transparent;\n                border: 1px solid #d8d9da;\n              }\n\n              &.dark {\n                border: 1px solid #ffffffde;\n              }\n            }\n\n            .recent-log-list-item-camera-name {\n              font-weight: 600;\n              font-size: 14px;\n              line-height: 19px;\n\n              &.dark {\n                color: #ffffffde;\n              }\n            }\n          }\n\n          .recent-log-list-item-info-bottom {\n            white-space: nowrap;\n            display: flex;\n            font-weight: 500;\n            font-size: 14px;\n            line-height: 19px;\n            width: 100%;\n            padding-left: 17px;\n            color: #8d90a2;\n            &.dark {\n              color: #ffffff99;\n            }\n          }\n        }\n\n        .recent-log-list-item-status {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          height: 26px;\n          width: 70px;\n          border-radius: 4px;\n          color: #1b1c22;\n          font-weight: 600;\n          font-size: 12px;\n          line-height: 20px;\n          text-align: center;\n          cursor: pointer;\n          background-color: #d8d9da;\n\n          &.repetitive-btn-style,\n          &.alerted-btn-style {\n            background-color: #f9f9f9;\n            border: 1px solid #d8d9da;\n          }\n\n          &.validated-btn-style,\n          &.responded-btn-style {\n            background-color: #d8d9da;\n          }\n\n          &.repetitive-btn-style-dark,\n          &.alerted-btn-style-dark {\n            background-color: #323340;\n            color: #f3f4f4;\n            border: 1px solid #ffffffde;\n          }\n\n          &.validated-btn-style-dark,\n          &.responded-btn-style-dark {\n            background-color: #ffffff;\n          }\n        }\n      }\n    }\n\n    .detection-info-middle {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 350px;\n\n      .detection-info-option {\n        // width: 25%;\n        height: 66px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 0 12px 0;\n        cursor: pointer;\n        border-top: 1px solid #f9f9f9;\n        border-bottom: 1px solid #f9f9f9;\n        &.dark {\n          border-top: 1px solid #323340;\n          border-bottom: 1px solid #323340;\n        }\n\n        .detection-info-option-text {\n          font-weight: 500;\n          font-size: 11px;\n          color: #363636;\n          &.dark {\n            color: #ffffffde;\n          }\n        }\n      }\n\n      .detection-info-option-spacer-line {\n        height: 36px;\n        width: 1px;\n        background-color: #f9f9f9;\n        &.dark {\n          background-color: #323340;\n        }\n      }\n    }\n\n    .detection-info-bottom {\n      display: flex;\n      flex-direction: column;\n      padding: 0 15px;\n      .detection-detailed-info-top {\n        // height: 182px;\n        display: flex;\n        flex-direction: column;\n        // justify-content: space-between;\n        align-items: center;\n        padding: 20px 0;\n        border-bottom: 1px solid #f9f9f9;\n        &.dark {\n          border-bottom: 1px solid #323340;\n        }\n        .detection-detailed-info-row {\n          width: 100%;\n          display: flex;\n          align-items: center;\n          margin-bottom: 14px;\n          .detection-detailed-info-label-text {\n            width: 124px;\n            // padding-left: 38px;\n            font-weight: 500;\n            font-size: 14px;\n            line-height: 17px;\n            color: #8d90a2;\n            user-select: text;\n            &.dark {\n              color: #ffffff99;\n            }\n          }\n\n          .detection-detailed-info-value-text {\n            display: flex;\n            align-items: center;\n            font-weight: 700;\n            font-size: 14px;\n            line-height: 17px;\n            color: #363636;\n            display: flex;\n            user-select: text;\n\n            &.text-no-drag {\n              user-select: none;\n            }\n            &.dark {\n              color: #ffffffde;\n            }\n\n            .detection-detailed-info-event-type-btn-edit {\n              display: flex;\n              justify-content: center;\n              align-items: center;\n\n              &.event-type-editable {\n                cursor: pointer;\n              }\n              .detection-detailed-info-event-type-btn-edit-text {\n                font-weight: 500;\n                font-size: 12px;\n                line-height: 18px;\n                color: #ff827c;\n                margin-left: 6px;\n                &.viewer {\n                  color: #8d90a2;\n                }\n              }\n            }\n\n            .recent-log-list-item-color-circle {\n              height: 10px !important;\n              width: 10px !important;\n              border-radius: 50%;\n              margin-right: 7px;\n              &.fire {\n                background-color: var(--f-primary-90);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.non-fire {\n                background-color: var(--f-supplementary-green);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.unknown {\n                background-color: var(--f-supplementary-blue);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.planned {\n                background-color: var(--f-supplementary-purple);\n                border-width: 0px;\n                color: #ffffffde;\n              }\n\n              &.default {\n                background-color: transparent;\n                border: 1px solid #d8d9da;\n              }\n\n              &.dark {\n                border: 1px solid #ffffffde;\n              }\n            }\n          }\n        }\n      }\n\n      .detection-detailed-info-bottom {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        padding: 20px 0;\n        .detection-detailed-info-row {\n          width: 100%;\n          display: flex;\n          align-items: flex-start;\n          margin-bottom: 14px;\n\n          .detection-detailed-info-label-text {\n            width: 124px;\n            min-width: 124px;\n            // padding-left: 38px;\n            font-weight: 500;\n            font-size: 14px;\n            line-height: 17px;\n            color: #8d90a2;\n            user-select: text;\n            &.dark {\n              color: #ffffff99;\n            }\n          }\n\n          .detection-detailed-info-value-text {\n            display: flex;\n            font-weight: 700;\n            font-size: 14px;\n            line-height: 17px;\n            color: #363636;\n            user-select: text;\n            &.dark {\n              color: #ffffffde;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.detection-stop-alert {\n  display: flex;\n  justify-content: center;\n\n  button.normal {\n    background-color: #ff5b54 !important;\n\n    &.dark {\n      color: #ffffffde;\n    }\n  }\n}\n\n.no-data {\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  color: var(--f-text-black);\n  &.dark {\n    color: #ffffffde;\n  }\n  .title {\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 22px;\n    margin-bottom: 10px;\n  }\n  .content {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 19px;\n  }\n}\n\n.recent-log-list-item-camera-name,\n.recent-log-list-item-info-bottom {\n  user-select: text;\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!./MapSelectDrawer.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!./MapSelectDrawer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapSelectDrawer.vue?vue&type=template&id=de15e77e&scoped=true&\"\nimport script from \"./MapSelectDrawer.vue?vue&type=script&lang=js&\"\nexport * from \"./MapSelectDrawer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapSelectDrawer.vue?vue&type=style&index=0&id=de15e77e&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  \"de15e77e\",\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';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VProgressCircular,VTooltip})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-main-interface\",on:{\"mousewheel\":_vm.onMousewheel,\"keydown\":_vm.onKeydown,\"keyup\":_vm.onKeyup}},[_c('div',{class:{ 'map-view-scroll-guide': true, visible: _vm.isInvalidScroll, hidden: !_vm.isInvalidScroll }},[_vm._v(\"Use Ctrl + scroll to zoom the map\")]),_c('Map',{attrs:{\"currentLog\":_vm.mapViewSelectedLog}}),_c('v-btn',{class:{ 'btn-filter': true, filtered: _vm.isFiltered },attrs:{\"height\":\"40\",\"ripple\":\"\",\"rounded\":\"\",\"width\":\"110\"},on:{\"click\":function($event){return _vm.onClickFilterBtn()}}},[(!_vm.isFiltered)?_c('img',{attrs:{\"src\":require(\"@/assets/Filter_Line_16px_Icon.svg\"),\"width\":\"16px\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Filter_Line_16px_Icon-red.svg\"),\"width\":\"16px\"}}),_c('div',{class:{ 'btn-filter-text': true, filtered: _vm.isFiltered }},[_vm._v(\"Filter\")])]),_c('div',{class:(\"legend-map-view \" + _vm.themeName)},[_c('MapDetailLegend')],1),(_vm.showMapViewResponseStatusPopover)?_c('DetectionTypeResponseStatusPopover',{on:{\"click-detection-type-edit-btn\":_vm.onEmitClickDetectionTypeEditBtn,\"click-edit-status-btn\":_vm.onEmitClickEditStatusBtn}}):_vm._e(),_c('EditDetectionTypeDialog',{attrs:{\"value\":_vm.showEditDetectionTypeDialog,\"selectedLogInfo\":_vm.mapViewSelectedLog,\"loadingForRepetitiveModal\":_vm.loadingForRepetitiveModal},on:{\"close-detection-type-edit\":_vm.onCloseDetectionTypeEditDialog}}),_c('EditDetectionTypeUnavailableDialog',{attrs:{\"value\":_vm.showEditDetectionTypeUnavailableDialog},on:{\"close-detection-type-edit-unavailable\":_vm.onCloseDetectionTypeEditUnavailableDialog}}),_c('EditStatusDialog',{attrs:{\"value\":_vm.showEditStatusDialog,\"selectedLogInfo\":_vm.mapViewSelectedLog,\"responseStatus\":_vm.responseStatus},on:{\"close-status-edit\":_vm.onCloseEditStatusDialog}}),_c('FilterDialog',{attrs:{\"value\":_vm.showFilterDialog},on:{\"close-filter-dialog\":_vm.onCloseFilterDialog,\"onFilterCheck\":_vm.onFilterCheck}}),_c('SnackBar',{attrs:{\"value\":_vm.snackBarOpen,\"color\":'secondary',\"message\":'Detection Type Edited.'},on:{\"input\":function($event){_vm.snackBarOpen = false}}}),(_vm.showRepetitiveSelectModal)?_c('RepetitiveSelectModal',{attrs:{\"value\":_vm.showRepetitiveSelectModal,\"selectedFirstDetectionLog\":_vm.mapViewSelectedLog,\"firstDetectionsWithIn24Hours\":_vm.firstDetectionsWithIn24Hours},on:{\"close\":_vm.onCloseRepetitiveSelectModal}}):_vm._e()],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:(\"popover-container \" + _vm.themeName)},[_c('div',{staticClass:\"popover-top\"},[(_vm.themeName === 'dark')?_c('img',{class:(\"popover-btn-close \" + _vm.themeName),attrs:{\"src\":require(\"@/assets/Close_Line_12px_1_Icon_dark.svg\"),\"width\":\"12\"},on:{\"click\":_vm.onClickResponseStatusClose}}):_c('img',{class:(\"popover-btn-close \" + _vm.themeName),attrs:{\"src\":require(\"@/assets/Close_Line_12px_1_Icon.svg\"),\"width\":\"12\"},on:{\"click\":_vm.onClickResponseStatusClose}})]),_c('div',{staticClass:\"popover-bottom\"},[_c('div',{class:(\"popover-accordion \" + (_vm.isAccordionExpandedFlag === 'detection-type' ? 'accordion-selected' : '') + \" \" + _vm.themeName)},[_c('div',{class:(\"popover-accordion-label \" + (_vm.isAccordionExpandedFlag === 'detection-type' ? 'accordion-selected' : '') + \" \" + _vm.themeName)},[_vm._v(\" Detection Type \")]),_c('div',{staticClass:\"popover-accordion-expand-icon-container\",on:{\"click\":function($event){return _vm.onClickAccordionExpand('detection-type')}}},[(_vm.isAccordionExpandedFlag === 'detection-type')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Up_16px_Icon-Light.svg')}}):(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Down_16px_Icon-Light.svg')}}):_c('img',{attrs:{\"src\":require('@/assets/Chevron-Down_16px_Icon-Dark.svg')}})])]),(_vm.isAccordionExpandedFlag === 'detection-type')?_c('div',{staticClass:\"popover-accordion-content-detection-type\"},[_c('div',{staticClass:\"detection-type-content\"},[_c('div',{class:(\"detection-type-value \" + _vm.themeName)},[_vm._v(_vm._s(_vm.detectionTypeValue))]),_c('v-btn',{staticClass:\"detection-type-edit-btn\",attrs:{\"data-testid\":\"Edit_Text_Button\",\"color\":\"#FF5B54\",\"depressed\":\"\",\"disabled\":_vm.isRoleViewer,\"height\":\"30\",\"width\":\"101\"},on:{\"click\":function($event){return _vm.onClickDetectionTypeEdit()}}},[_c('div',{staticClass:\"detection-type-edit-btn-text\"},[_vm._v(\"Edit\")])])],1)]):_vm._e(),_c('div',{class:(\"popover-accordion \" + (_vm.isAccordionExpandedFlag === 'popover' ? 'accordion-selected' : '') + \" \" + _vm.themeName)},[_c('div',{class:(\"popover-accordion-label \" + (_vm.isAccordionExpandedFlag === 'popover' ? 'accordion-selected' : '') + \" \" + (_vm.isRepetitiveLog || _vm.isRoleViewer ? 'disabled' : '') + \" \" + _vm.themeName)},[_vm._v(\" Response Status \")]),_c('div',{class:(\"popover-accordion-expand-icon-container \" + (_vm.isRepetitiveLog || _vm.isRoleViewer ? 'disabled' : '')),on:{\"click\":function($event){return _vm.onClickAccordionExpand('popover')}}},[((_vm.isRepetitiveLog || _vm.isRoleViewer) && _vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Down_16px_Icon_Disabled-Dark.svg')}}):(_vm.isRepetitiveLog || _vm.isRoleViewer)?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Down_16px_Icon_Disabled-Light.svg')}}):(_vm.isAccordionExpandedFlag === 'popover')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Up_16px_Icon-Light.svg')}}):(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require('@/assets/Chevron-Down_16px_Icon-Light.svg')}}):_c('img',{attrs:{\"src\":require('@/assets/Chevron-Down_16px_Icon-Dark.svg')}})])]),(_vm.isAccordionExpandedFlag === 'popover')?_c('div',{staticClass:\"popover-accordion-content-response-status\"},[_c('div',{staticClass:\"response-status-content\"},[_c('div',{staticClass:\"response-status-info\"},[_c('div',{staticClass:\"response-status-diagram-container\"},[_c('img',{attrs:{\"width\":\"20\",\"src\":require(\"@/assets/Check_Circle_20px_Icon_red.svg\")}}),_c('div',{class:(\"popover-diagram-line \" + _vm.themeName + \" \" + (_vm.responseStatus === 'Alerted' ? '' : 'red-color'))}),(_vm.responseStatus === 'Alerted')?_c('div',{class:(\"popover-icon-placeholder \" + _vm.themeName)}):_c('img',{attrs:{\"width\":\"20\",\"src\":require(\"@/assets/Check_Circle_20px_Icon_red.svg\")}}),_c('div',{class:(\"popover-diagram-line \" + _vm.themeName + \" \" + (_vm.responseStatus !== 'Responded' ? '' : 'red-color'))}),(_vm.responseStatus !== 'Responded')?_c('div',{class:(\"popover-icon-placeholder \" + _vm.themeName)}):_c('img',{attrs:{\"width\":\"20\",\"src\":require(\"@/assets/Check_Circle_20px_Icon_red.svg\")}})]),_c('div',{staticClass:\"popover-texts-container\"},[_c('div',{class:(\"popover-label-text \" + _vm.themeName)},[_vm._v(\"Alerted\")]),_c('div',{class:(\"popover-value-text \" + _vm.themeName)},[_vm._v(_vm._s(_vm.alertedTimestamp))]),_c('div',{class:(\"popover-label-text \" + _vm.themeName)},[_vm._v(\"Validated\")]),_c('div',{class:(\"popover-value-text \" + _vm.themeName)},[_vm._v(_vm._s(_vm.validatedTimestamp))]),_c('div',{class:(\"popover-label-text \" + _vm.themeName)},[_vm._v(\"Responded\")]),_c('div',{class:(\"popover-value-text \" + _vm.themeName)},[_vm._v(_vm._s(_vm.respondedTimestamp))])])]),_c('v-btn',{staticClass:\"btn-edit-status\",attrs:{\"color\":\"#FF5B54\",\"depressed\":\"\",\"disabled\":_vm.isRoleViewer,\"height\":\"30\",\"ripple\":\"\",\"width\":\"100\"},on:{\"click\":function($event){return _vm.onClickEditStatus()}}},[_c('div',{staticClass:\"btn-edit-status-text\"},[_vm._v(\"Edit Status\")])])],1)]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"`popover-container ${themeName}`\">\n    <div class=\"popover-top\">\n      <img\n        v-if=\"themeName === 'dark'\"\n        :class=\"`popover-btn-close ${themeName}`\"\n        src=\"@/assets/Close_Line_12px_1_Icon_dark.svg\"\n        width=\"12\"\n        @click=\"onClickResponseStatusClose\"\n      />\n      <img\n        v-else\n        :class=\"`popover-btn-close ${themeName}`\"\n        src=\"@/assets/Close_Line_12px_1_Icon.svg\"\n        width=\"12\"\n        @click=\"onClickResponseStatusClose\"\n      />\n    </div>\n    <div class=\"popover-bottom\">\n      <!-- Detection Type -->\n      <div :class=\"`popover-accordion ${isAccordionExpandedFlag === 'detection-type' ? 'accordion-selected' : ''} ${themeName}`\">\n        <div :class=\"`popover-accordion-label ${isAccordionExpandedFlag === 'detection-type' ? 'accordion-selected' : ''} ${themeName}`\">\n          Detection Type\n        </div>\n        <div class=\"popover-accordion-expand-icon-container\" @click=\"onClickAccordionExpand('detection-type')\">\n          <img v-if=\"isAccordionExpandedFlag === 'detection-type'\" :src=\"require('@/assets/Chevron-Up_16px_Icon-Light.svg')\" />\n          <img v-else-if=\"themeName === 'dark'\" :src=\"require('@/assets/Chevron-Down_16px_Icon-Light.svg')\" />\n          <img v-else :src=\"require('@/assets/Chevron-Down_16px_Icon-Dark.svg')\" />\n        </div>\n      </div>\n      <div class=\"popover-accordion-content-detection-type\" v-if=\"isAccordionExpandedFlag === 'detection-type'\">\n        <div class=\"detection-type-content\">\n          <div :class=\"`detection-type-value ${themeName}`\">{{ detectionTypeValue }}</div>\n          <v-btn\n            data-testid=\"Edit_Text_Button\"\n            class=\"detection-type-edit-btn\"\n            color=\"#FF5B54\"\n            depressed\n            :disabled=\"isRoleViewer\"\n            height=\"30\"\n            width=\"101\"\n            @click=\"onClickDetectionTypeEdit()\"\n          >\n            <div class=\"detection-type-edit-btn-text\">Edit</div>\n          </v-btn>\n        </div>\n      </div>\n      <!-- Response Status -->\n      <div :class=\"`popover-accordion ${isAccordionExpandedFlag === 'popover' ? 'accordion-selected' : ''} ${themeName}`\">\n        <div\n          :class=\"`popover-accordion-label ${isAccordionExpandedFlag === 'popover' ? 'accordion-selected' : ''} ${\n            isRepetitiveLog || isRoleViewer ? 'disabled' : ''\n          } ${themeName}`\"\n        >\n          Response Status\n        </div>\n        <div\n          :class=\"`popover-accordion-expand-icon-container ${isRepetitiveLog || isRoleViewer ? 'disabled' : ''}`\"\n          @click=\"onClickAccordionExpand('popover')\"\n        >\n          <img v-if=\"(isRepetitiveLog || isRoleViewer) && themeName === 'dark'\" :src=\"require('@/assets/Chevron-Down_16px_Icon_Disabled-Dark.svg')\" />\n          <img v-else-if=\"isRepetitiveLog || isRoleViewer\" :src=\"require('@/assets/Chevron-Down_16px_Icon_Disabled-Light.svg')\" />\n          <img v-else-if=\"isAccordionExpandedFlag === 'popover'\" :src=\"require('@/assets/Chevron-Up_16px_Icon-Light.svg')\" />\n          <img v-else-if=\"themeName === 'dark'\" :src=\"require('@/assets/Chevron-Down_16px_Icon-Light.svg')\" />\n          <img v-else :src=\"require('@/assets/Chevron-Down_16px_Icon-Dark.svg')\" />\n        </div>\n      </div>\n      <div class=\"popover-accordion-content-response-status\" v-if=\"isAccordionExpandedFlag === 'popover'\">\n        <div class=\"response-status-content\">\n          <div class=\"response-status-info\">\n            <div class=\"response-status-diagram-container\">\n              <img width=\"20\" src=\"@/assets/Check_Circle_20px_Icon_red.svg\" />\n              <div :class=\"`popover-diagram-line ${themeName} ${responseStatus === 'Alerted' ? '' : 'red-color'}`\"></div>\n              <div v-if=\"responseStatus === 'Alerted'\" :class=\"`popover-icon-placeholder ${themeName}`\"></div>\n              <img v-else width=\"20\" src=\"@/assets/Check_Circle_20px_Icon_red.svg\" />\n              <div :class=\"`popover-diagram-line ${themeName} ${responseStatus !== 'Responded' ? '' : 'red-color'}`\"></div>\n              <div v-if=\"responseStatus !== 'Responded'\" :class=\"`popover-icon-placeholder ${themeName}`\"></div>\n              <img v-else width=\"20\" src=\"@/assets/Check_Circle_20px_Icon_red.svg\" />\n            </div>\n            <div class=\"popover-texts-container\">\n              <div :class=\"`popover-label-text ${themeName}`\">Alerted</div>\n              <div :class=\"`popover-value-text ${themeName}`\">{{ alertedTimestamp }}</div>\n              <div :class=\"`popover-label-text ${themeName}`\">Validated</div>\n              <div :class=\"`popover-value-text ${themeName}`\">{{ validatedTimestamp }}</div>\n              <div :class=\"`popover-label-text ${themeName}`\">Responded</div>\n              <div :class=\"`popover-value-text ${themeName}`\">{{ respondedTimestamp }}</div>\n            </div>\n          </div>\n          <v-btn\n            class=\"btn-edit-status\"\n            color=\"#FF5B54\"\n            depressed\n            :disabled=\"isRoleViewer\"\n            height=\"30\"\n            ripple\n            width=\"100\"\n            @click=\"onClickEditStatus()\"\n          >\n            <div class=\"btn-edit-status-text\">Edit Status</div>\n          </v-btn>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport Theme from '@/mixin/theme.mixin'\nimport Constants from '@/constants'\nimport Util from '@/util'\n\nexport default {\n  mixins: [Theme],\n  data() {\n    return {\n      isAccordionExpandedFlag: '',\n    }\n  },\n  computed: {\n    ...mapState(['showMapViewResponseStatusPopover', 'mapViewSelectedLog', 'user']),\n    isRoleViewer() {\n      return this.user.user_role === Constants.ROLE_VIEWER\n    },\n    detectionTypeValue() {\n      return this.isRepetitiveLog ? 'Repetitive Detection' : 'First Detection'\n    },\n    isRepetitiveLog() {\n      return Util.isDuplicateLog(this.mapViewSelectedLog)\n    },\n    responseStatus() {\n      if (!this.mapViewSelectedLog) return ''\n      let result = 'Alerted'\n      if (this.mapViewSelectedLog.response_status.is_validated) {\n        result = 'Validated'\n      }\n      if (this.mapViewSelectedLog.response_status.is_responded) {\n        result = 'Responded'\n      }\n      return result\n    },\n    alertedTimestamp() {\n      if (!this.mapViewSelectedLog) return '-'\n      return !!this.mapViewSelectedLog.response_status.alerted_time\n        ? Util.getOffsetDate(this.mapViewSelectedLog.response_status.alerted_time, this.mapViewSelectedLog.offset)\n        : '-'\n    },\n    validatedTimestamp() {\n      if (!this.mapViewSelectedLog) return '-'\n      return !!this.mapViewSelectedLog.response_status.validated_time\n        ? Util.getOffsetDate(this.mapViewSelectedLog.response_status.validated_time, this.mapViewSelectedLog.offset)\n        : '-'\n    },\n    respondedTimestamp() {\n      if (!this.mapViewSelectedLog) return '-'\n      return !!this.mapViewSelectedLog.response_status.responded_time\n        ? Util.getOffsetDate(this.mapViewSelectedLog.response_status.responded_time, this.mapViewSelectedLog.offset)\n        : '-'\n    },\n  },\n  methods: {\n    onClickResponseStatusClose() {\n      this.$store.dispatch('setShowMapViewResponseStatusPopoverAction', false)\n    },\n    onClickDetectionTypeEdit() {\n      this.$emit('click-detection-type-edit-btn')\n    },\n    onClickEditStatus() {\n      this.$emit('click-edit-status-btn')\n    },\n    onClickAccordionExpand(flag) {\n      if ((!this.isRepetitiveLog && !this.isRoleViewer) || flag === 'detection-type') {\n        this.isAccordionExpandedFlag = this.isAccordionExpandedFlag !== flag ? flag : ''\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.popover-container {\n  position: absolute;\n  left: 0;\n  top: 0;\n  // height: 320px;\n  width: 228px;\n  background-color: #ffffff;\n  border-radius: 0px 0px 16px 0px;\n  filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.2));\n  &.dark {\n    background-color: #25262c;\n  }\n\n  .popover-top {\n    height: 42px;\n    width: 100%;\n    display: flex;\n    position: relative;\n    align-items: center;\n\n    .popover-btn-close {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      cursor: pointer;\n    }\n  }\n\n  .popover-accordion-content-detection-type {\n    width: 228px;\n    padding: 30px 24px;\n    .detection-type-content {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n\n      .detection-type-value {\n        height: 33px;\n        width: 181px;\n        border-radius: 16px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-weight: 700;\n        font-size: 14px;\n        margin-bottom: 20px;\n        background-color: #0000001f;\n        color: #363636;\n\n        &.dark {\n          background-color: #323340;\n          color: #ffffffde;\n        }\n      }\n\n      .detection-type-edit-btn {\n        border-radius: 8px;\n\n        .detection-type-edit-btn-text {\n          letter-spacing: 0;\n          font-weight: 700;\n          font-size: 14px;\n          color: #ffffff;\n        }\n      }\n    }\n  }\n\n  .popover-accordion-content-response-status {\n    display: flex;\n    height: 269px;\n    padding: 11px 32px 30px 32px;\n\n    .response-status-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n\n      .response-status-info {\n        display: flex;\n        .response-status-diagram-container {\n          width: 20px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          margin-right: 10px;\n\n          .popover-icon-placeholder {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            border: 2px solid #d8d9da;\n          }\n\n          .popover-diagram-line {\n            height: 44px;\n            width: 2px;\n            background-color: #d8d9da;\n\n            &.red-color {\n              background-color: #ff5b54;\n            }\n          }\n        }\n\n        .popover-texts-container {\n          flex-grow: 1;\n          display: flex;\n          flex-direction: column;\n\n          .popover-label-text {\n            font-weight: 600;\n            font-size: 14px;\n            line-height: 19px;\n            margin-bottom: 5px;\n            color: #363636;\n            &.dark {\n              color: #ffffffde;\n            }\n          }\n\n          .popover-value-text {\n            font-weight: 400;\n            font-size: 14px;\n            line-height: 19px;\n            margin-bottom: 21px;\n            color: #363636;\n            white-space: nowrap;\n            &.dark {\n              color: #ffffffde;\n            }\n          }\n        }\n      }\n\n      .btn-edit-status {\n        border-radius: 8px;\n\n        .btn-edit-status-text {\n          letter-spacing: 0;\n          font-weight: 700;\n          font-size: 14px;\n          color: #ffffff;\n        }\n      }\n    }\n  }\n\n  .popover-bottom {\n    display: flex;\n    flex-direction: column;\n\n    .popover-accordion {\n      display: flex;\n      height: 56px;\n      border-top: 1px solid #0000001f;\n\n      &.accordion-selected {\n        background-color: #ff827c;\n      }\n      &.dark {\n        border-top: 1px solid #323340;\n      }\n\n      .popover-accordion-label {\n        font-weight: 700;\n        font-size: 16px;\n        color: #363636;\n        display: flex;\n        align-items: center;\n        padding-left: 16px;\n        width: 178px;\n        &.accordion-selected {\n          color: #ffffff;\n        }\n\n        &.dark {\n          color: #ffffffde;\n        }\n\n        &.disabled {\n          color: #0000001f;\n        }\n\n        &.disabled.dark {\n          color: #ffffff61;\n        }\n      }\n\n      .popover-accordion-expand-icon-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 50px;\n        cursor: pointer;\n\n        &.disabled {\n          cursor: auto;\n        }\n      }\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!./DetectionResponseStatusPopover.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!./DetectionResponseStatusPopover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetectionResponseStatusPopover.vue?vue&type=template&id=4b7f5484&scoped=true&\"\nimport script from \"./DetectionResponseStatusPopover.vue?vue&type=script&lang=js&\"\nexport * from \"./DetectionResponseStatusPopover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetectionResponseStatusPopover.vue?vue&type=style&index=0&id=4b7f5484&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  \"4b7f5484\",\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';\ninstallComponents(component, {VBtn})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-view-map\"},[_c('div',{staticClass:\"balt-theme\",attrs:{\"id\":\"viewDiv\"}}),_c('div',{attrs:{\"id\":\"topbar\"}},[_c('button',{staticClass:\"directions-button\",class:{\n        active: _vm.showDirectionsPopup,\n      },attrs:{\"id\":\"directionsButton\",\"type\":\"button\",\"title\":\"Show directions UI\"},on:{\"mouseover\":function($event){return _vm.onEventWidgetButton('mouseover', 'directionsButton')},\"mouseleave\":function($event){return _vm.onEventWidgetButton('mouseleave', 'directionsButton')}}},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.directionsButtonActive),expression:\"!directionsButtonActive\"}],attrs:{\"src\":require('@/assets/Icon_Driving_Distance.svg')}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.directionsButtonActive),expression:\"directionsButtonActive\"}],attrs:{\"src\":require('@/assets/Icon_Driving_Distance_white.svg')}})]),_c('button',{staticClass:\"action-button esri-icon-measure-line\",attrs:{\"id\":\"distanceButton\",\"type\":\"button\",\"title\":\"Measure distance between two points\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"map-view-map\">\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 id=\"topbar\">\n      <button\n        class=\"directions-button\"\n        :class=\"{\n          active: showDirectionsPopup,\n        }\"\n        id=\"directionsButton\"\n        type=\"button\"\n        title=\"Show directions UI\"\n        @mouseover=\"onEventWidgetButton('mouseover', 'directionsButton')\"\n        @mouseleave=\"onEventWidgetButton('mouseleave', 'directionsButton')\"\n      >\n        <img :src=\"require('@/assets/Icon_Driving_Distance.svg')\" v-show=\"!directionsButtonActive\" />\n        <img :src=\"require('@/assets/Icon_Driving_Distance_white.svg')\" v-show=\"directionsButtonActive\" />\n      </button>\n      <button class=\"action-button esri-icon-measure-line\" id=\"distanceButton\" type=\"button\" title=\"Measure distance between two points\"></button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport util from '@/util'\nimport { loadModules } from 'esri-loader'\nimport moment from 'moment'\nimport Constants from '@/constants'\nimport Theme from '@/mixin/theme.mixin'\nimport MapviewToastContent from '@/components/common/MapviewToastContent'\nimport { auth } from '@/api'\n\nexport default {\n  mixins: [Theme],\n  component: { MapviewToastContent },\n  props: {\n    /**\n     * emit events\n     * cardinal-direction\n     */\n    currentLog: Object,\n  },\n  data() {\n    return {\n      refreshGraphicsInterval: null,\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      sceneview: null,\n      rotate: 0,\n      isCenteredToFirstLog: false,\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      // log graphics (points) layer\n      logListGeoJsonPointDataLayer: null,\n      // log graphics (lines) layer\n      logListGeoJsonLineDataLayer: null,\n      // custom date range log graphics (points) layer\n      customDateRangeLogListGeoJsonPointDataLayer: null,\n      // custom date range log graphics (lines) layer\n      customDateRangeLogListGeoJsonLineDataLayer: null,\n      cameraFilterIdList: [],\n      // UI button variables\n      directionsButtonActive: false,\n      showDirectionsPopup: false,\n    }\n  },\n  computed: {\n    ...mapState(['camList', 'camMap', 'recentLogList', 'logListv2', 'mapViewFilter']),\n    organizationIds() {\n      return this.camList.map((c) => c.id).join(',')\n    },\n    latitude() {\n      return this.currentLog && this.camMap[this.currentLog.camera_id]?.coordinate && this.camMap[this.currentLog.camera_id].coordinate.split(' ')[0]\n    },\n    longitude() {\n      return this.currentLog && this.camMap[this.currentLog.camera_id]?.coordinate && this.camMap[this.currentLog.camera_id].coordinate.split(' ')[1]\n    },\n    degreeString() {\n      return util.locaitonToDegree(this.degree)\n    },\n    degree() {\n      return this.currentLog && this.currentLog.direction\n    },\n    nonDirection() {\n      return this.degree === -1\n    },\n    filteredRecentLogList() {\n      const detectionTypeFilterObj = this.mapViewFilter.detectionType\n      const detectionWithinFilterObj = this.mapViewFilter.detectionWithin\n      const responseStatusFilterObj = this.mapViewFilter.responseStatus\n      const eventTypeFilterObj = this.mapViewFilter.eventType\n\n      const list = detectionWithinFilterObj.isCustom ? this.logListv2 : this.recentLogList\n\n      return list.filter((log) => {\n        const isDuplicateLog = !Object.keys(log).includes('is_checked_organization')\n\n        const detectionType = this.detectionTypeFilterMethod(log, detectionTypeFilterObj)\n        const detectionWithin = this.detectionWithinFilterMethod(log, detectionWithinFilterObj)\n        const responseStatus = isDuplicateLog || this.responseStatusFilterMethod(log, responseStatusFilterObj)\n        const eventType = isDuplicateLog || this.eventTypeFilterMethod(log, eventTypeFilterObj)\n\n        return detectionType && detectionWithin && responseStatus && eventType && !!this.camMap[log.camera_id]\n      })\n    },\n    isCustomDateFilter() {\n      return this.mapViewFilter.detectionWithin.isCustom\n    },\n    recentLogListLogIDs() {\n      if (!this.filteredRecentLogList || !this.filteredRecentLogList.length) return []\n      return this.filteredRecentLogList.map((log) => log.log_id.toString())\n    },\n    recentLogListIDs() {\n      if (!this.filteredRecentLogList || !this.filteredRecentLogList.length) return []\n      return this.filteredRecentLogList.map((log) => log.camera_id.toString())\n    },\n    // filters\n    showOnlyFirstDetectionLogs() {\n      return this.mapViewFilter.detectionType.firstDetection\n    },\n    cameraFilter() {\n      if (!this.mapViewFilter) return ''\n      if (this.mapViewFilter.camera.alertCamera) {\n        return 'alert-only'\n      } else if (this.mapViewFilter.camera.noCamera) {\n        return 'none'\n      }\n      return 'all'\n    },\n    detectionWithinFilter() {\n      if (!this.mapViewFilter) return {}\n      return this.mapViewFilter.detectionWithin\n    },\n    responseStatusFilter() {\n      if (!this.mapViewFilter) return []\n      let result = []\n      if (this.mapViewFilter.responseStatus.alerted) {\n        result.push('alerted')\n      }\n      if (this.mapViewFilter.responseStatus.validated) {\n        result.push('validated')\n      }\n      if (this.mapViewFilter.responseStatus.responded) {\n        result.push('responded')\n      }\n      return result\n    },\n    eventTypeFilter() {\n      if (!this.mapViewFilter) return []\n      let result = []\n      if (this.mapViewFilter.eventType.unselected) {\n        result.push(1)\n      }\n      if (this.mapViewFilter.eventType.fire) {\n        result.push(2)\n      }\n      if (this.mapViewFilter.eventType.nonFire) {\n        result.push(3)\n      }\n      if (this.mapViewFilter.eventType.unknown) {\n        result.push(4)\n      }\n      if (this.mapViewFilter.eventType.plannedBurn) {\n        result.push(5)\n      }\n      return result\n    },\n    pfirsFilter() {\n      if (!this.mapViewFilter) return ''\n      if (this.mapViewFilter.pfirsData.noBurns) {\n        return 'none'\n      }\n      return 'all'\n    },\n  },\n  watch: {\n    currentLog(val, prevVal) {\n      if (val && val.camera_id && this.sceneview) {\n        this.centerMapToCurrentLog()\n        if (!prevVal && !!val && val.created_at) {\n          this.sceneview.graphics.removeAll()\n          this.drawCircleGraphic()\n          // this.drawExclamationMarkIcon()\n        }\n      }\n      if (!val && prevVal) {\n        this.sceneview.graphics.removeAll()\n      }\n    },\n    recentLogList(val) {\n      if (val.length && !this.isCenteredToFirstLog) {\n        this.centerMapToFirstLog()\n      }\n    },\n    mapViewFilter() {\n      // filter cameras geoJsonLayer\n      this.applyCameraFilter(this.cameraFilter)\n      // filter pfirs icons\n      this.applyPfirsFilter(this.pfirsFilter)\n      // filter point/line log graphics\n      this.applyLogGraphicsFilter(this.cameraFilter)\n      // toggle GeoJsonLayers' visibility whether custom date is selected or not\n      this.handleCustomDateFilter()\n    },\n  },\n  async mounted() {\n    await this.getCamList()\n    this.loadMap()\n  },\n  destroyed() {\n    clearTimeout(this.refreshGraphicsInterval)\n    this.$store.commit('setArcGISMapInstance', null)\n  },\n  methods: {\n    ...mapActions(['getCamList']),\n    async loadMap() {\n      loadModules(\n        [\n          'esri/config',\n          'esri/Map',\n          'esri/renderers/ClassBreaksRenderer',\n          'esri/views/SceneView',\n          'esri/widgets/BasemapToggle',\n          'esri/widgets/Search',\n          'esri/widgets/Zoom',\n          'esri/widgets/NavigationToggle',\n          'esri/widgets/Compass',\n          'esri/widgets/DirectLineMeasurement3D',\n          'esri/widgets/Directions',\n          'esri/widgets/CoordinateConversion',\n          'esri/layers/GraphicsLayer',\n          'esri/layers/GeoJSONLayer',\n          'esri/layers/RouteLayer',\n        ],\n        {\n          css: true,\n        }\n      ).then(\n        async ([\n          esriConfig,\n          Map,\n          ClassBreaksRenderer,\n          SceneView,\n          BasemapToggle,\n          Search,\n          Zoom,\n          NavigationToggle,\n          Compass,\n          DirectLineMeasurement3D,\n          Directions,\n          CoordinateConversion,\n          GraphicsLayer,\n          GeoJSONLayer,\n          RouteLayer,\n        ]) => {\n          const self = this\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          esriConfig.request.interceptors.push({\n            urls: urlPrependString + 'map/log/recent',\n            headers: {\n              Authorization: `Bearer ${token}`,\n            },\n            after: function (response) {\n              if (response.requestOptions.query.type === 'point' && !response.data.features.length) {\n                response.data.name = 'PointsForRecentLogs'\n                response.data.features = [Constants.ARCGIS_POINT_DEFAULT]\n              } else if (response.requestOptions.query.type === 'line' && !response.data.features.length) {\n                response.data.name = 'LinesForRecentLogs'\n                response.data.features = [Constants.ARCGIS_LINE_DEFAULT]\n              }\n            },\n          })\n          esriConfig.request.interceptors.push({\n            urls: urlPrependString + 'map/log/all',\n            headers: {\n              Authorization: `Bearer ${token}`,\n            },\n            after: function (response) {\n              if (response.requestOptions.query.type === 'point' && !response.data.features.length) {\n                response.data.name = 'PointsForRecentLogs'\n                response.data.features = [Constants.ARCGIS_POINT_DEFAULT]\n              } else if (response.requestOptions.query.type === 'line' && !response.data.features.length) {\n                response.data.name = 'LinesForRecentLogs'\n                response.data.features = [Constants.ARCGIS_LINE_DEFAULT]\n              }\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.filteredRecentLogList.length) {\n            const firstLog = this.filteredRecentLogList[0]\n            if (!!firstLog.longitude && firstLog.longitude !== -1 && !!firstLog.latitude && firstLog.latitude !== -1) {\n              x = firstLog.longitude\n              y = firstLog.latitude\n            } else {\n              const firstLogCameraCoordinates = this.camMap[firstLog.camera_id].coordinate\n              x = Number(firstLogCameraCoordinates.split(' ')[1])\n              y = Number(firstLogCameraCoordinates.split(' ')[0])\n            }\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: 2600000,\n              },\n            },\n            navigation: {\n              mouseWheelZoomEnabled: false,\n            },\n          })\n\n          this.sceneview = view\n\n          view.ui.components = ['attribution']\n\n          // add basemap toggle\n          const basemapToggle = new BasemapToggle({\n            view,\n            nextBaseMap: 'arcgis-navigation',\n          })\n          view.ui.add(basemapToggle, 'bottom-right')\n\n          // add distance measurement widget button container\n          view.ui.add('topbar', 'top-right')\n\n          // add zoom/navigationToggle/Compass widgets\n          const zoomWidget = new Zoom({\n            view,\n          })\n          const navigationToggle = new NavigationToggle({\n            view,\n          })\n          const compassWidget = new Compass({\n            view,\n          })\n          view.ui.add([zoomWidget, navigationToggle, compassWidget], 'top-right')\n\n          // add coordinate conversion widget\n          const coordinateConversionWidget = new CoordinateConversion({\n            view,\n          })\n          view.ui.add(coordinateConversionWidget, 'bottom-right')\n\n          const routeLayer = new RouteLayer()\n\n          // add distance measurement widget\n          let activeWidget = null\n\n          function setActiveWidget(type) {\n            switch (type) {\n              case 'directions':\n                activeWidget = new Directions({\n                  layer: routeLayer,\n                  apiKey: esriConfig.apiKey,\n                  view,\n                })\n\n                view.ui.add(activeWidget, 'top-left')\n                setActiveButton(document.getElementById('directionsButton'))\n                break\n              case 'distance':\n                activeWidget = new DirectLineMeasurement3D({\n                  view,\n                })\n\n                // skip the initial 'new measurement' button\n                activeWidget.viewModel.start().catch((error) => {\n                  if (promiseUtils.isAbortError(error)) {\n                    return // don't display abort errors\n                  }\n                  throw error // throw other errors since they are of interest\n                })\n\n                view.ui.add(activeWidget, 'top-left')\n                setActiveButton(document.getElementById('distanceButton'))\n                self.directionsButtonActive = false\n                break\n              case null:\n                if (activeWidget) {\n                  view.ui.remove(activeWidget)\n                  activeWidget.destroy()\n                  activeWidget = null\n                  self.directionsButtonActive = false\n                }\n                break\n            }\n          }\n\n          function setActiveButton(selectedButton) {\n            // focus the view to activate keyboard shortcuts for sketching\n            view.focus()\n            const elements = document.getElementsByClassName('active')\n            for (let i = 0; i < elements.length; i++) {\n              elements[i].classList.remove('active')\n            }\n            if (selectedButton) {\n              selectedButton.classList.add('active')\n            }\n          }\n\n          document.getElementById('directionsButton').addEventListener('click', () => {\n            setActiveWidget(null)\n            self.showDirectionsPopup = !self.showDirectionsPopup\n            if (self.showDirectionsPopup) {\n              setActiveWidget('directions')\n            } else {\n              setActiveWidget(null)\n            }\n          })\n\n          document.getElementById('distanceButton').addEventListener('click', (event) => {\n            setActiveWidget(null)\n            self.showDirectionsPopup = false\n            if (!event.target.classList.contains('active')) {\n              setActiveWidget('distance')\n            } else {\n              setActiveButton(null)\n            }\n          })\n\n          // const measurementWidget = new DirectLineMeasurement3D({\n          //   view,\n          //   unit: 'kilometers',\n          //   // unitOptions: ['kilometers'],\n          // })\n          // view.ui.add(measurementWidget, 'top-left')\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          // add geoJSON layer (geoJSON data from ArcGIS Developer Dashboard)\n          let start_date = this.mapViewFilter.detectionWithin.dateObj?.format()\n          let end_date = moment().format()\n\n          const pfirsGeoJsonDataLayer = new GeoJSONLayer({\n            id: 'alchera-mapview-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          // RECENT LOG LIST GEOJSON: START\n\n          // point symbols\n          const lessThanThreeHoursPointSymbol = {\n            type: 'simple-marker',\n            color: '#F9423A',\n            outline: {\n              color: '#F9423A',\n              width: 10,\n            },\n          }\n          const lessThanSixHoursPointSymbol = {\n            type: 'simple-marker',\n            color: '#FFB800',\n            outline: {\n              color: '#FFB800',\n              width: 10,\n            },\n          }\n          const lessThanOneDayPointSymbol = {\n            type: 'simple-marker',\n            color: '#384CFF',\n            outline: {\n              color: '#384CFF',\n              width: 10,\n            },\n          }\n          const extraPointSymbol = {\n            type: 'simple-marker',\n            color: '#6D6D6D',\n            outline: {\n              color: '#6D6D6D',\n              width: 10,\n            },\n          }\n          // line symbols\n          const lessThanThreeHoursLineSymbol = {\n            type: 'simple-line',\n            color: '#F9423A',\n            width: 2,\n          }\n\n          const lessThanSixHoursLineSymbol = {\n            type: 'simple-line',\n            color: '#FFB800',\n            width: 2,\n          }\n\n          const lessThanOneDayLineSymbol = {\n            type: 'simple-line',\n            color: '#384CFF',\n            width: 2,\n          }\n\n          const extraLineSymbol = {\n            type: 'simple-line',\n            color: '#6D6D6D',\n            width: 2,\n          }\n\n          // recent logs fire locations data\n\n          // custom geoJSON points data renderer\n          const recentLogGeoJsonPointDataRenderer = new ClassBreaksRenderer({\n            // field: 'created_at',\n            valueExpression: \"DateDiff($feature.called_time , Date($feature.created_at), 'seconds' )\",\n            defaultLabel: 'Default',\n            defaultSymbol: {\n              type: 'simple-marker',\n              // color: '#6D6D6D',\n              color: 'pink',\n              outline: {\n                // color: '#6D6D6D',\n                color: 'pink',\n                width: 10,\n              },\n            },\n            classBreakInfos: [\n              {\n                minValue: 0,\n                maxValue: 60 * 60 * 3 - 1,\n                symbol: lessThanThreeHoursPointSymbol,\n                label: '0 ~ 3 Hours',\n              },\n              {\n                minValue: 60 * 60 * 3,\n                maxValue: 60 * 60 * 6 - 1,\n                symbol: lessThanSixHoursPointSymbol,\n                label: '3 ~ 6 Hours',\n              },\n              {\n                minValue: 60 * 60 * 6,\n                maxValue: 60 * 60 * 24 - 1,\n                symbol: lessThanOneDayPointSymbol,\n                label: '6 ~ 24 Hours',\n              },\n              {\n                minValue: 60 * 60 * 24,\n                maxValue: 60 * 60 * 24 * 31 * 12,\n                symbol: extraPointSymbol,\n                label: 'Extra',\n              },\n            ],\n          })\n\n          // custom geoJSON lines data renderer\n          const recentLogGeoJsonLineDataRenderer = new ClassBreaksRenderer({\n            // field: 'created_at',\n            valueExpression: \"DateDiff($feature.called_time , Date($feature.created_at), 'seconds' )\",\n            defaultLabel: 'Default',\n            defaultSymbol: {\n              type: 'simple-line',\n              color: 'pink',\n              width: 2,\n            },\n            classBreakInfos: [\n              {\n                minValue: 0,\n                maxValue: 60 * 60 * 3 - 1,\n                symbol: lessThanThreeHoursLineSymbol,\n                label: '0 ~ 3 Hours',\n              },\n              {\n                minValue: 60 * 60 * 3,\n                maxValue: 60 * 60 * 6 - 1,\n                symbol: lessThanSixHoursLineSymbol,\n                label: '3 ~ 6 Hours',\n              },\n              {\n                minValue: 60 * 60 * 6,\n                maxValue: 60 * 60 * 24 - 1,\n                symbol: lessThanOneDayLineSymbol,\n                label: '6 ~ 24 Hours',\n              },\n              {\n                minValue: 60 * 60 * 24,\n                maxValue: 60 * 60 * 24 * 31 * 12,\n                symbol: extraLineSymbol,\n                label: 'Extra',\n              },\n            ],\n          })\n\n          // define \"detection info\" action\n          const detectionInfoAction = {\n            title: 'Detection Info',\n            id: 'detection-info-action',\n            className: 'esri-icon-link-external',\n          }\n\n          const recentLogFirePopupTemplate = {\n            title: 'Detection Log',\n            outFields: ['*'],\n            content: [\n              {\n                type: 'custom',\n                creator: (item) => {\n                  const cameraName = item.graphic.attributes.camera_name\n                  const longitude = item.graphic.attributes.longitude !== -1 ? item.graphic.attributes.longitude.toString() : '-'\n                  const latitude = item.graphic.attributes.latitude !== -1 ? item.graphic.attributes.latitude.toString() : '-'\n                  const direction = item.graphic.attributes.pan_direction !== -1 ? util.locaitonToDegree(item.graphic.attributes.pan_direction) : '-'\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\">${cameraName}</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            actions: [detectionInfoAction],\n            overwriteActions: true,\n            returnGeometry: true,\n          }\n\n          // add geoJSON point graphics layer\n          const recentLogGeoJsonPointDataLayer = new GeoJSONLayer({\n            url: urlPrependString + 'map/log/recent?type=point',\n            renderer: recentLogGeoJsonPointDataRenderer,\n            popupTemplate: recentLogFirePopupTemplate,\n            refreshInterval: 0.1,\n          })\n          this.logListGeoJsonPointDataLayer = recentLogGeoJsonPointDataLayer\n\n          map.add(this.logListGeoJsonPointDataLayer)\n\n          // apply filter on create/render\n          this.logListGeoJsonPointDataLayer.on('layerview-create', function (evt) {\n            self.applyLogGraphicsFilter(self.cameraFilter)\n          })\n          this.logListGeoJsonPointDataLayer.on('refresh', function (evt) {\n            self.applyLogGraphicsFilter(self.cameraFilter)\n            if (self.currentLog) {\n              self.sceneview.graphics.removeAll()\n              // self.drawExclamationMarkIcon()\n              self.drawCircleGraphic()\n            }\n          })\n\n          // add geoJSON lines graphics layer\n          const recentLogGeoJsonLineDataLayer = new GeoJSONLayer({\n            url: urlPrependString + 'map/log/recent?type=line',\n            renderer: recentLogGeoJsonLineDataRenderer,\n            popupTemplate: recentLogFirePopupTemplate,\n            refreshInterval: 0.1,\n          })\n          this.logListGeoJsonLineDataLayer = recentLogGeoJsonLineDataLayer\n          map.add(this.logListGeoJsonLineDataLayer)\n\n          // add geoJSON point graphics layer\n          const customDateRangeRecentLogGeoJsonPointDataLayer = new GeoJSONLayer({\n            url: urlPrependString + 'map/log/all',\n            renderer: recentLogGeoJsonPointDataRenderer,\n            popupTemplate: recentLogFirePopupTemplate,\n            customParameters: {\n              start_date: moment().subtract(72, 'hours').format(),\n              end_date: moment().format(),\n              type: 'point',\n            },\n          })\n          this.customDateRangeLogListGeoJsonPointDataLayer = customDateRangeRecentLogGeoJsonPointDataLayer\n          map.add(this.customDateRangeLogListGeoJsonPointDataLayer)\n\n          // add geoJSON lines graphics layer\n          const customDateRangeRecentLogGeoJsonLineDataLayer = new GeoJSONLayer({\n            url: urlPrependString + 'map/log/all',\n            renderer: recentLogGeoJsonLineDataRenderer,\n            popupTemplate: recentLogFirePopupTemplate,\n            customParameters: {\n              start_date: moment().subtract(72, 'hours').format(),\n              end_date: moment().format(),\n              type: 'line',\n            },\n          })\n          this.customDateRangeLogListGeoJsonLineDataLayer = customDateRangeRecentLogGeoJsonLineDataLayer\n          map.add(this.customDateRangeLogListGeoJsonLineDataLayer)\n\n          this.setGeoJsonDataVisibleOption()\n\n          // apply filter on create/render\n          this.logListGeoJsonLineDataLayer.on('layerview-create', function (evt) {\n            self.applyLogGraphicsFilter(self.cameraFilter)\n          })\n          this.logListGeoJsonLineDataLayer.on('refresh', function (evt) {\n            self.applyLogGraphicsFilter(self.cameraFilter)\n          })\n\n          // RECENT LOG LIST GEOJSON: END\n\n          // add search bar\n          const searchWidget = new Search({\n            view,\n            allPlaceholder: 'Find camera or place',\n            includeDefaultSources: false,\n            sources: [\n              {\n                layer: camerasDataGeoJsonLayer,\n                searchFields: ['NAME'],\n                displayField: 'NAME',\n                exactMatch: false,\n                outFields: ['NAME'],\n                name: 'Cameras',\n                placeholder: 'Camera Name',\n              },\n              {\n                layer: pfirsGeoJsonDataLayer,\n                searchFields: ['BurnName'],\n                displayField: 'BurnName',\n                exactMatch: false,\n                outFields: ['BurnName'],\n                name: 'Prescribed Burns',\n                placeholder: 'Burn Name',\n              },\n              {\n                name: 'Address / Location',\n                placeholder: 'Address or Location',\n                apiKey: Constants.ARCGIS_API_KEY,\n                singleLineFieldName: 'SingleLine',\n                url: 'https://geocode-api.arcgis.com/arcgis/rest/services/World/GeocodeServer',\n              },\n            ],\n          })\n          view.ui.add(searchWidget, 'top-left')\n\n          // define graphics layer\n          const graphicsLayer = new GraphicsLayer({\n            elevationInfo: {\n              mode: 'on-the-ground',\n            },\n          })\n          // apply graphics layer to map\n          map.add(graphicsLayer)\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\n            view.on('layerview-create', async function () {\n              const cameraDataView = await self.sceneview.whenLayerView(self.camerasDataGeoJsonLayer)\n              const organizationIdsList = self.organizationIds\n              cameraDataView.filter = { where: `ID in (${organizationIdsList})` }\n            })\n\n            view.on('key-up', function (evt) {\n              if (evt.key === 'Control') {\n                self.sceneview.navigation.mouseWheelZoomEnabled = false\n              }\n            })\n\n            view.on('pointer-move', function (evt) {\n              // console.info('pointer', 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              // this.$log.debug('on click detection info', view.popup.viewModel.selectedFeature)\n              if (event.action.id === 'go-to-action' && attributes.public_url && attributes.public_url !== '') {\n                window.open(attributes.public_url)\n              }\n              if (event.action.id === 'detection-info-action') {\n                const matchedLog = this.filteredRecentLogList.filter((log) => log.log_id === attributes.log_id)[0]\n                this.$store.dispatch('setMapViewSelectedLogAction', matchedLog)\n              }\n            })\n          })\n        }\n      )\n    },\n    onEventWidgetButton(eventType, elemId) {\n      const elemBtnDom = document.getElementById(elemId)\n      const classList = elemBtnDom.className\n      const isActive = classList.includes('active')\n      switch (eventType) {\n        case 'mouseover':\n          if (elemId === 'directionsButton') {\n            if (!isActive && !this.directionsButtonActive) this.directionsButtonActive = true\n          }\n          break\n        case 'mouseleave':\n          if (elemId === 'directionsButton') {\n            if (!isActive && this.directionsButtonActive) this.directionsButtonActive = false\n          }\n          break\n        default:\n          break\n      }\n    },\n    drawCircleGraphic() {\n      loadModules(['esri/Graphic', 'esri/geometry/Circle'], {\n        css: true,\n      }).then(async ([Graphic, Circle]) => {\n        // draw border circle graphic\n        const NOW_MOMENT = moment()\n\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 BORDER_COLOR = [249, 66, 58, 0.5]\n        if (MINUTES_SINCE_FIRE_DETECTED > 24 * 60) {\n          // debugColorString = 'gray >24 hours'\n          BORDER_COLOR = [109, 109, 109, 0.5]\n        } else if (MINUTES_SINCE_FIRE_DETECTED > 6 * 60) {\n          // debugColorString = 'blue 6~24 hours'\n          BORDER_COLOR = [56, 76, 255, 0.5]\n        } else if (MINUTES_SINCE_FIRE_DETECTED > 3 * 60) {\n          // debugColorString = 'yellow 3~6 hours'\n          BORDER_COLOR = [255, 184, 0, 0.5]\n        }\n\n        const circleGeometry = new Circle({\n          center: [this.currentLog?.longitude, this.currentLog?.latitude],\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.sceneview.graphics.add(currentFireAreaGraphic)\n      })\n    },\n    applyCameraFilter(filter) {\n      loadModules([], {\n        css: true,\n      }).then(async () => {\n        // add filtering logic for cameras graphics\n        const idListAsString = this.recentLogListIDs.join(',')\n        const organizationIdsList = this.organizationIds\n        this.cameraFilterIdList = idListAsString\n        const view = await this.sceneview.whenLayerView(this.camerasDataGeoJsonLayer)\n        if (['alert-only', 'none'].includes(filter)) {\n          view.filter = { where: `ID in (${idListAsString})` }\n        } else {\n          view.filter = { where: `ID in (${organizationIdsList})` }\n        }\n      })\n\n      this.setGeoJsonDataVisibleOption()\n    },\n    applyPfirsFilter(filter) {\n      loadModules([], {\n        css: true,\n      }).then(async () => {\n        const view = await this.sceneview.whenLayerView(this.pfirsDataFeatureLayer)\n        view.visible = filter !== 'none'\n      })\n    },\n    applyLogGraphicsFilter(cameraFilter) {\n      loadModules([], {\n        css: true,\n      }).then(async () => {\n        let idListAsString = ''\n        if (['alert-only', 'none'].includes(cameraFilter)) {\n          idListAsString = this.recentLogListIDs.join(',')\n        } else {\n          idListAsString = this.organizationIds\n        }\n        const filteredLogIDListString = this.recentLogListLogIDs.join(',')\n        // this.$log.debug('applyLogGraphicsFilter', filteredLogIDListString)\n        if (!this.isCustomDateFilter) {\n          // recent log list data layers\n          try {\n            const pointsDataLayerView = await this.sceneview.whenLayerView(this.logListGeoJsonPointDataLayer)\n            pointsDataLayerView.filter = { where: `LOG_ID in (${filteredLogIDListString}) AND CAMERA_ID in (${idListAsString})` }\n            const linesDataLayerView = await this.sceneview.whenLayerView(this.logListGeoJsonLineDataLayer)\n            linesDataLayerView.filter =\n              cameraFilter === 'none'\n                ? { where: `LOG_ID in ()` }\n                : { where: `LOG_ID in (${filteredLogIDListString}) AND CAMERA_ID in (${idListAsString})` }\n          } catch (e) {\n            console.log(e)\n          }\n        } else {\n          // custom date range log list data layers\n          try {\n            const customPointsDataLayerView = await this.sceneview.whenLayerView(this.customDateRangeLogListGeoJsonPointDataLayer)\n            customPointsDataLayerView.filter = { where: `LOG_ID in (${filteredLogIDListString}) AND CAMERA_ID in (${idListAsString})` }\n            const customLinesDataLayerView = await this.sceneview.whenLayerView(this.customDateRangeLogListGeoJsonLineDataLayer)\n            customLinesDataLayerView.filter =\n              cameraFilter === 'none'\n                ? { where: `LOG_ID in ()` }\n                : { where: `LOG_ID in (${filteredLogIDListString}) AND CAMERA_ID in (${idListAsString})` }\n          } catch (e) {\n            console.log(e)\n          }\n        }\n      })\n    },\n    setGeoJsonDataVisibleOption() {\n      this.customDateRangeLogListGeoJsonPointDataLayer.visible = this.isCustomDateFilter\n      this.customDateRangeLogListGeoJsonLineDataLayer.visible = this.isCustomDateFilter && this.cameraFilter !== 'none'\n      this.logListGeoJsonPointDataLayer.visible = !this.isCustomDateFilter\n      this.logListGeoJsonLineDataLayer.visible = !this.isCustomDateFilter && this.cameraFilter !== 'none'\n      this.camerasDataGeoJsonLayer.visible = this.cameraFilter !== 'none'\n    },\n    handleCustomDateFilter() {\n      this.logListGeoJsonPointDataLayer.visible = !this.isCustomDateFilter\n      this.logListGeoJsonLineDataLayer.visible = !this.isCustomDateFilter\n      // update custom date api to get new data for geojsonlayer\n      const startDate = this.mapViewFilter.detectionWithin.dateObj?.startDate?.format() || moment().subtract(72, 'hours').startOf('day').format()\n      const endDate = this.mapViewFilter.detectionWithin.dateObj?.endDate?.format() || moment().format()\n\n      this.customDateRangeLogListGeoJsonPointDataLayer.customParameters.start_date = startDate\n      this.customDateRangeLogListGeoJsonPointDataLayer.customParameters.end_date = endDate\n      this.customDateRangeLogListGeoJsonPointDataLayer.refresh()\n\n      this.customDateRangeLogListGeoJsonLineDataLayer.customParameters.start_date = startDate\n      this.customDateRangeLogListGeoJsonLineDataLayer.customParameters.end_date = endDate\n      this.customDateRangeLogListGeoJsonLineDataLayer.refresh()\n\n      this.customDateRangeLogListGeoJsonPointDataLayer.visible = this.isCustomDateFilter\n      this.customDateRangeLogListGeoJsonLineDataLayer.visible = this.isCustomDateFilter\n    },\n    centerMapToCurrentLog() {\n      const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n      let longitude = !!this.currentLog.longitude && this.currentLog.longitude !== -1 ? this.currentLog.longitude : camCoordinates[1]\n      let latitude = !!this.currentLog.latitude && this.currentLog.latitude !== -1 ? this.currentLog.latitude : camCoordinates[0]\n      // calculate coordinates of midpoint of line graphic\n      if (\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        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: 3,\n            easing: 'linear',\n          }\n        )\n        .catch((e) => {\n          this.$log.debug('catch ArcGIS goTo() error')\n        })\n    },\n    centerMapToFirstLog() {\n      const firstDetectionLogs = this.recentLogList.filter((log) => !util.isDuplicateLog(log))\n      if (firstDetectionLogs.length) {\n        const mostRecentFirstDetectionLog = firstDetectionLogs[0]\n        const matchedCameraList = this.camList.filter((cam) => cam.id === mostRecentFirstDetectionLog.camera_id)\n        if (matchedCameraList.length) {\n          let longitude =\n            mostRecentFirstDetectionLog.longitude !== -1 ? mostRecentFirstDetectionLog.longitude : matchedCameraList[0].coordinate.split(' ')[1]\n          let latitude =\n            mostRecentFirstDetectionLog.latitude !== -1 ? mostRecentFirstDetectionLog.latitude : matchedCameraList[0].coordinate.split(' ')[0]\n          // calculate coordinates of midpoint of line graphic\n          if (\n            !!mostRecentFirstDetectionLog.longitude &&\n            mostRecentFirstDetectionLog.longitude === -1 &&\n            !!mostRecentFirstDetectionLog.latitude &&\n            mostRecentFirstDetectionLog.latitude === -1 &&\n            mostRecentFirstDetectionLog.pan_direction !== -1\n          ) {\n            const midpointCoordinates = this.computePosition({ lat: 0, lng: 0 }, 5000, mostRecentFirstDetectionLog.pan_direction)\n            longitude = Number(matchedCameraList[0].coordinate.split(' ')[1]) + midpointCoordinates.lng()\n            latitude = Number(matchedCameraList[0].coordinate.split(' ')[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            .then(() => {\n              this.isCenteredToFirstLog = true\n              // this.updateMapNoLogSelectedGraphics()\n            })\n            .catch((e) => {\n              this.$log.debug('catch ArcGIS goTo() error')\n            })\n        }\n      }\n    },\n    computePosition(latLng, distance, heading) {\n      return google.maps.geometry.spherical.computeOffset(latLng, distance, heading)\n    },\n    detectionTypeFilterMethod(log, filter) {\n      if (!!filter.firstDetection) {\n        return !util.isDuplicateLog(log)\n      }\n      return true\n    },\n    detectionWithinFilterMethod(log, filter) {\n      if (filter.dateObj === null) return true\n      const createdTime = moment(log.created_at)\n      const NOW_MOMENT = moment().format()\n      if (!filter.isCustom) {\n        const START_MOMENT = moment().subtract(filter.selectedHoursFilter, 'hours')\n        return createdTime.isBetween(START_MOMENT, NOW_MOMENT)\n      }\n      return createdTime.isBetween(filter.dateObj.startDate.startOf('day'), filter.dateObj.endDate.endOf('day'))\n    },\n    responseStatusFilterMethod(log, filter) {\n      const status = this.getStatus(log)\n      if ((status === 'Alerted' && filter.alerted) || (status === 'Validated' && filter.validated) || (status === 'Responded' && filter.responded))\n        return true\n      else return false\n    },\n    getStatus(item) {\n      if (!item) {\n        return ''\n      }\n      let result = 'Alerted'\n      if (item.response_status.is_validated) {\n        result = 'Validated'\n      }\n      if (item.response_status.is_responded) {\n        result = 'Responded'\n      }\n      return result\n    },\n    eventTypeFilterMethod(log, filter) {\n      const eventType = log.event_type_id\n      if (\n        (eventType === 1 && filter.unselected) ||\n        (eventType === 2 && filter.fire) ||\n        (eventType === 3 && filter.nonFire) ||\n        (eventType === 4 && filter.unknown) ||\n        (eventType === 5 && filter.plannedBurn)\n      ) {\n        return true\n      }\n      return false\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\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\n#topbar {\n  background: #fff;\n  // position: absolute;\n  // right: 15px;\n  // top: 70px;\n  display: flex;\n  flex-direction: column;\n}\n\n.directions-button,\n.action-button {\n  font-size: 16px;\n  background-color: transparent;\n  border: 1px solid #d3d3d3;\n  color: #6e6e6e;\n  height: 32px;\n  width: 32px;\n  text-align: center;\n  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.directions-button:hover,\n.action-button:hover,\n.action-button:focus {\n  background: #0079c1;\n  color: #e4e4e4;\n}\n\n.active {\n  background: #0079c1;\n  color: #e4e4e4;\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!./MapViewMap.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!./MapViewMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapViewMap.vue?vue&type=template&id=5d1fb9f9&scoped=true&\"\nimport script from \"./MapViewMap.vue?vue&type=script&lang=js&\"\nexport * from \"./MapViewMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapViewMap.vue?vue&type=style&index=0&id=5d1fb9f9&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  \"5d1fb9f9\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"max-width\":\"400px\",\"persistent\":\"\",\"no-click-animation\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.closeDialog.apply(null, arguments)}},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{attrs:{\"color\":_vm.themeName === 'dark' ? '#25262C' : '#ffffff'}},[_c('div',{class:(\"edit-status-title \" + _vm.themeName)},[_vm._v(\"Edit Status\")]),_c('div',{class:(\"edit-status-log-info-container \" + _vm.themeName)},[_c('div',[_vm._v(_vm._s(_vm.timestampText))]),_c('div',{staticStyle:{\"font-weight\":\"400\"}},[_vm._v(_vm._s(_vm.cameraName))])]),_c('div',{staticClass:\"edit-status-toggle-area\"},[_c('div',{staticClass:\"edit-status-slider\"},[_c('div',{class:(\"edit-status-slider-toggle \" + _vm.getAlertedToggleClass),on:{\"click\":function($event){return _vm.onClickToggle('Alerted')}}},[(_vm.status === 'Alerted')?_c('div',{class:(\"edit-status-slider-toggle-inner \" + _vm.themeName)}):_vm._e()]),_c('div',{class:(\"edit-status-slider-line \" + _vm.getFirstSliderLineDisabledClass)}),_c('div',{class:(\"edit-status-slider-toggle \" + _vm.themeName),on:{\"click\":function($event){return _vm.onClickToggle('Validated')}}},[(_vm.status === 'Validated')?_c('div',{class:(\"edit-status-slider-toggle-inner \" + _vm.themeName)}):_vm._e()]),_c('div',{class:(\"edit-status-slider-line \" + _vm.getSecondSliderLineDisabledClass)}),_c('div',{class:(\"edit-status-slider-toggle \" + _vm.getRespondedToggleClass),on:{\"click\":function($event){return _vm.onClickToggle('Responded')}}},[(_vm.status === 'Responded')?_c('div',{class:(\"edit-status-slider-toggle-inner \" + _vm.themeName)}):_vm._e()])]),_c('div',{staticClass:\"edit-status-labels-container\"},[_c('div',{class:(\"edit-status-label \" + (_vm.isAlertedDisabled ? 'label-disabled' : '') + \" \" + _vm.themeName)},[_vm._v(\"Alerted\")]),_c('div',{class:(\"edit-status-label \" + _vm.themeName)},[_vm._v(\"Validated\")]),_c('div',{class:(\"edit-status-label \" + (_vm.isRespondedDisabled ? 'label-disabled' : '') + \" \" + _vm.themeName)},[_vm._v(\"Responded\")])])]),_c('div',{staticClass:\"edit-status-buttons-container\"},[_c('v-btn',{staticClass:\"edit-status-button\",attrs:{\"color\":_vm.themeName === 'dark' ? '#4B4F64' : '#D3D5DD',\"height\":\"60\",\"ripple\":\"\",\"width\":\"160\"},on:{\"click\":function($event){return _vm.onClickBtn(false)}}},[_c('div',{class:(\"edit-status-button-text-dark \" + _vm.themeName)},[_vm._v(\"Cancel\")])]),_c('v-btn',{staticClass:\"edit-status-button\",attrs:{\"color\":\"#3C7EFF\",\"height\":\"60\",\"ripple\":\"\",\"width\":\"240\"},on:{\"click\":function($event){return _vm.onClickBtn(true)}}},[_c('div',{staticClass:\"edit-status-button-text\"},[_vm._v(\"Save\")])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" max-width=\"400px\" @keydown.esc=\"closeDialog\" persistent no-click-animation>\n    <v-card :color=\"themeName === 'dark' ? '#25262C' : '#ffffff'\">\n      <!-- title -->\n      <div :class=\"`edit-status-title ${themeName}`\">Edit Status</div>\n      <!-- log info -->\n      <div :class=\"`edit-status-log-info-container ${themeName}`\">\n        <div>{{ timestampText }}</div>\n        <div style=\"font-weight: 400\">{{ cameraName }}</div>\n      </div>\n      <!-- status slider -->\n      <div class=\"edit-status-toggle-area\">\n        <div class=\"edit-status-slider\">\n          <div :class=\"`edit-status-slider-toggle ${getAlertedToggleClass}`\" @click=\"onClickToggle('Alerted')\">\n            <div v-if=\"status === 'Alerted'\" :class=\"`edit-status-slider-toggle-inner ${themeName}`\"></div>\n          </div>\n          <div :class=\"`edit-status-slider-line ${getFirstSliderLineDisabledClass}`\"></div>\n          <div :class=\"`edit-status-slider-toggle ${themeName}`\" @click=\"onClickToggle('Validated')\">\n            <div v-if=\"status === 'Validated'\" :class=\"`edit-status-slider-toggle-inner ${themeName}`\"></div>\n          </div>\n          <div :class=\"`edit-status-slider-line ${getSecondSliderLineDisabledClass}`\"></div>\n          <div :class=\"`edit-status-slider-toggle ${getRespondedToggleClass}`\" @click=\"onClickToggle('Responded')\">\n            <div v-if=\"status === 'Responded'\" :class=\"`edit-status-slider-toggle-inner ${themeName}`\"></div>\n          </div>\n        </div>\n        <div class=\"edit-status-labels-container\">\n          <div :class=\"`edit-status-label ${isAlertedDisabled ? 'label-disabled' : ''} ${themeName}`\">Alerted</div>\n          <div :class=\"`edit-status-label ${themeName}`\">Validated</div>\n          <div :class=\"`edit-status-label ${isRespondedDisabled ? 'label-disabled' : ''} ${themeName}`\">Responded</div>\n        </div>\n      </div>\n      <!-- cancel/save buttons -->\n      <div class=\"edit-status-buttons-container\">\n        <v-btn\n          class=\"edit-status-button\"\n          :color=\"themeName === 'dark' ? '#4B4F64' : '#D3D5DD'\"\n          height=\"60\"\n          ripple\n          width=\"160\"\n          @click=\"onClickBtn(false)\"\n        >\n          <div :class=\"`edit-status-button-text-dark ${themeName}`\">Cancel</div>\n        </v-btn>\n        <v-btn class=\"edit-status-button\" color=\"#3C7EFF\" height=\"60\" ripple width=\"240\" @click=\"onClickBtn(true)\">\n          <div class=\"edit-status-button-text\">Save</div>\n        </v-btn>\n      </div>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport Theme from '@/mixin/theme.mixin'\nimport moment from 'moment'\nimport Util from '@/util'\n\nexport default {\n  mixins: [Theme],\n  props: {\n    value: Boolean,\n    selectedLogInfo: Object,\n    responseStatus: String,\n  },\n  watch: {\n    value(newVal, old) {\n      if (newVal) {\n        this.status = this.responseStatus\n      }\n    },\n  },\n  data() {\n    return {\n      status: 'Alerted',\n    }\n  },\n  computed: {\n    timestampText() {\n      if (!this.selectedLogInfo) {\n        return ''\n      }\n      return '[' + Util.getOffsetDate(this.selectedLogInfo.created_at, this.selectedLogInfo.offset) + ']'\n    },\n    cameraName() {\n      if (!this.selectedLogInfo) {\n        return ''\n      }\n      return this.selectedLogInfo.camera_name\n    },\n    getAlertedToggleClass() {\n      let result = 'toggle'\n      if (this.responseStatus === 'Responded') {\n        result += '-disabled'\n      }\n      if (this.themeName === 'dark') {\n        result += '-dark'\n      }\n      return result\n    },\n    getRespondedToggleClass() {\n      let result = 'toggle'\n      if (this.responseStatus === 'Alerted') {\n        result += '-disabled'\n      }\n      if (this.themeName === 'dark') {\n        result += '-dark'\n      }\n      return result\n    },\n    getFirstSliderLineDisabledClass() {\n      let result = 'line'\n      if (this.responseStatus === 'Responded') {\n        result += '-disabled'\n      }\n      if (this.themeName === 'dark') {\n        result += '-dark'\n      }\n      return result\n    },\n    getSecondSliderLineDisabledClass() {\n      let result = 'line'\n      if (this.responseStatus === 'Alerted') {\n        result += '-disabled'\n      }\n      if (this.themeName === 'dark') {\n        result += '-dark'\n      }\n      return result\n    },\n    isAlertedDisabled() {\n      return this.responseStatus === 'Responded'\n    },\n    isRespondedDisabled() {\n      return this.responseStatus === 'Alerted'\n    },\n  },\n  methods: {\n    onClickToggle(newStatus) {\n      const DISABLED_CASE_ALERTED = this.responseStatus === 'Responded' && newStatus === 'Alerted'\n      const DISABLED_CASE_RESPONDED = this.responseStatus === 'Alerted' && newStatus === 'Responded'\n      if (!DISABLED_CASE_ALERTED && !DISABLED_CASE_RESPONDED) {\n        this.status = newStatus\n      }\n    },\n    onClickBtn(isSave) {\n      if (isSave) {\n        // TODO: implement update API for status of log\n        let response_status = 1\n        if (this.status !== 'Alerted') {\n          response_status = this.status === 'Validated' ? 2 : 3\n        }\n        this.$store.dispatch('setLogResponseStatusAction', {\n          log_id: this.selectedLogInfo.log_id,\n          response_status,\n        })\n      }\n      this.closeDialog(isSave)\n    },\n    closeDialog(isSave) {\n      this.$emit('close-status-edit', isSave)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.edit-status-title {\n  padding-top: 50px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 25px;\n  color: #363636;\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.edit-status-log-info-container {\n  height: 66px;\n  padding-top: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 22px;\n  color: #363636;\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.edit-status-toggle-area {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 30px 0 60px 0;\n  .edit-status-slider {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 14px;\n    .edit-status-slider-toggle {\n      height: 16px;\n      width: 16px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      border: 2px solid #363636;\n      cursor: pointer;\n\n      &.dark {\n        border: 2px solid #ffffffde;\n      }\n\n      &.toggle-dark {\n        border: 2px solid #ffffffde;\n        cursor: pointer;\n      }\n      &.toggle-disabled {\n        border: 2px solid #0000001f;\n        cursor: default;\n      }\n\n      &.toggle-disabled-dark {\n        border: 2px solid #ffffff61;\n        cursor: default;\n      }\n\n      .edit-status-slider-toggle-inner {\n        height: 8px;\n        width: 8px;\n        border-radius: 50%;\n        background-color: #363636;\n        &.dark {\n          background-color: #ffffffde;\n        }\n      }\n    }\n\n    .edit-status-slider-line {\n      height: 2px;\n      width: 82px;\n      background-color: #363636;\n      opacity: 1;\n\n      &.line-dark {\n        background-color: #ffffffde;\n      }\n      &.line-disabled {\n        background-color: #0000001f;\n      }\n      &.line-disabled-dark {\n        background-color: #ffffff61;\n      }\n    }\n  }\n\n  .edit-status-labels-container {\n    width: 280px;\n    display: flex;\n    justify-content: space-between;\n    .edit-status-label {\n      text-align: center;\n      width: 80px;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 19px;\n      color: #363636;\n      opacity: 1;\n\n      &.label-disabled {\n        opacity: 0.38;\n      }\n\n      &.dark {\n        color: #ffffffde;\n      }\n    }\n  }\n}\n\n.edit-status-buttons-container {\n  display: flex;\n  padding: 0;\n\n  .edit-status-button {\n    border-radius: 0px;\n    .edit-status-button-text {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 22px;\n      letter-spacing: 0;\n      color: #ffffffde;\n    }\n    .edit-status-button-text-dark {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 22px;\n      letter-spacing: 0;\n      color: #363636;\n      &.dark {\n        color: #ffffffde;\n      }\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!./EditStatusDialog.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!./EditStatusDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditStatusDialog.vue?vue&type=template&id=185cbd68&scoped=true&\"\nimport script from \"./EditStatusDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./EditStatusDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditStatusDialog.vue?vue&type=style&index=0&id=185cbd68&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  \"185cbd68\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VBtn,VCard,VDialog})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"max-width\":\"400px\",\"persistent\":\"\",\"no-click-animation\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.closeDialog.apply(null, arguments)}},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{attrs:{\"color\":_vm.themeName === 'dark' ? '#25262C' : '#ffffff',\"data-testid\":\"EditEventType_Modal\"}},[_c('div',{class:(\"edit-detection-type-title \" + _vm.themeName)},[_vm._v(\"Edit Detection\")]),_c('div',{staticClass:\"edit-detection-type-toggle-area\"},[_c('div',{staticClass:\"options-all\"},[_c('div',{staticClass:\"option-container\",staticStyle:{\"width\":\"174px\",\"margin-bottom\":\"10px\"},on:{\"click\":function($event){return _vm.onClickOption(0)}}},[_c('input',{class:(\"radio-btn \" + _vm.themeName),attrs:{\"type\":\"radio\",\"name\":\"option\"},domProps:{\"checked\":!_vm.selectedOptionIndex}}),_c('label',{class:(\"option-text \" + _vm.themeName)},[_vm._v(\"Mark as First Detection\")])]),_c('div',{staticClass:\"option-container\",on:{\"click\":function($event){return _vm.onClickOption(1)}}},[_c('input',{class:(\"radio-btn \" + _vm.themeName),attrs:{\"type\":\"radio\",\"name\":\"option\"},domProps:{\"checked\":_vm.selectedOptionIndex}}),_c('label',{class:(\"option-text \" + _vm.themeName)},[_vm._v(\"Mark as Repetitive Detection\")])])])]),_c('div',{staticClass:\"edit-detection-type-buttons-container\"},[_c('v-btn',{staticClass:\"edit-detection-type-button\",attrs:{\"color\":_vm.themeName === 'dark' ? '#4B4F64' : '#D3D5DD',\"height\":\"60\",\"ripple\":\"\",\"width\":\"160\"},on:{\"click\":function($event){return _vm.onClickBtn(false)}}},[_c('div',{class:(\"edit-detection-type-button-text-dark \" + _vm.themeName)},[_vm._v(\"Cancel\")])]),_c('v-btn',{staticClass:\"edit-detection-type-button\",attrs:{\"color\":\"#3C7EFF\",\"height\":\"60\",\"ripple\":\"\",\"width\":\"240\"},on:{\"click\":function($event){return _vm.onClickBtn(true)}}},[(!_vm.loadingForRepetitiveModal)?_c('div',{class:(\"edit-detection-type-button-text \" + _vm.themeName)},[_vm._v(\"Save\")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#FFFFFF\"}})],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" max-width=\"400px\" @keydown.esc=\"closeDialog\" persistent no-click-animation>\n    <v-card :color=\"themeName === 'dark' ? '#25262C' : '#ffffff'\" data-testid=\"EditEventType_Modal\">\n      <!-- title -->\n      <div :class=\"`edit-detection-type-title ${themeName}`\">Edit Detection</div>\n      <!-- status slider -->\n      <div class=\"edit-detection-type-toggle-area\">\n        <div class=\"options-all\">\n          <div class=\"option-container\" style=\"width: 174px; margin-bottom: 10px\" @click=\"onClickOption(0)\">\n            <input type=\"radio\" :class=\"`radio-btn ${themeName}`\" name=\"option\" :checked=\"!selectedOptionIndex\" />\n            <label :class=\"`option-text ${themeName}`\">Mark as First Detection</label>\n          </div>\n          <div class=\"option-container\" @click=\"onClickOption(1)\">\n            <input type=\"radio\" :class=\"`radio-btn ${themeName}`\" name=\"option\" :checked=\"selectedOptionIndex\" />\n            <label :class=\"`option-text ${themeName}`\">Mark as Repetitive Detection</label>\n          </div>\n        </div>\n      </div>\n      <!-- cancel/save buttons -->\n      <div class=\"edit-detection-type-buttons-container\">\n        <v-btn\n          class=\"edit-detection-type-button\"\n          :color=\"themeName === 'dark' ? '#4B4F64' : '#D3D5DD'\"\n          height=\"60\"\n          ripple\n          width=\"160\"\n          @click=\"onClickBtn(false)\"\n        >\n          <div :class=\"`edit-detection-type-button-text-dark ${themeName}`\">Cancel</div>\n        </v-btn>\n        <v-btn class=\"edit-detection-type-button\" color=\"#3C7EFF\" height=\"60\" ripple width=\"240\" @click=\"onClickBtn(true)\">\n          <div v-if=\"!loadingForRepetitiveModal\" :class=\"`edit-detection-type-button-text ${themeName}`\">Save</div>\n          <v-progress-circular v-else indeterminate color=\"#FFFFFF\"></v-progress-circular>\n        </v-btn>\n      </div>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport Theme from '@/mixin/theme.mixin'\nimport Util from '@/util'\n\nexport default {\n  mixins: [Theme],\n  props: {\n    value: Boolean,\n    selectedLogInfo: Object,\n    loadingForRepetitiveModal: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  watch: {\n    value(val) {\n      if (val && this.selectedLogInfo) {\n        this.selectedOptionIndex = Util.isDuplicateLog(this.selectedLogInfo) ? 1 : 0\n      }\n    },\n  },\n  data() {\n    return {\n      selectedOptionIndex: 0,\n    }\n  },\n  methods: {\n    onClickOption(index) {\n      this.selectedOptionIndex = index\n    },\n    onClickBtn(isSave) {\n      const defaultSelection = Util.isDuplicateLog(this.selectedLogInfo) ? 1 : 0\n      if (!isSave || (isSave && this.selectedOptionIndex !== defaultSelection)) {\n        this.closeDialog(isSave)\n      }\n    },\n    closeDialog(isSave) {\n      this.$emit('close-detection-type-edit', isSave)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.edit-detection-type-title {\n  padding-top: 50px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 25px;\n  color: #363636;\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.edit-detection-type-toggle-area {\n  height: 111px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 20px 0 50px 0;\n\n  .options-all {\n    display: flex;\n    flex-direction: column;\n    .option-container {\n      display: flex;\n      align-items: center;\n      .radio-btn {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        margin-right: 10px;\n        &.dark {\n          background-image: url('~@/assets/Radio_Button_Empty_White.svg');\n        }\n        &.light {\n          background-image: url('~@/assets/Radio_Button_Empty_Black.svg');\n        }\n      }\n      .radio-btn:checked {\n        &.dark {\n          background-image: url('~@/assets/Radio_Button_Filled_White.svg');\n        }\n        &.light {\n          background-image: url('~@/assets/Radio_Button_Filled_Black.svg');\n        }\n      }\n\n      .option-text {\n        font-weight: 400;\n        font-size: 14px;\n        cursor: pointer;\n        color: #363636;\n        &.dark {\n          color: #ffffffde;\n        }\n      }\n    }\n  }\n}\n\n.edit-detection-type-buttons-container {\n  display: flex;\n  padding: 0;\n\n  .edit-detection-type-button {\n    border-radius: 0px;\n    .edit-detection-type-button-text {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 22px;\n      letter-spacing: 0;\n      color: #ffffff;\n\n      &.dark {\n        color: #ffffffde;\n      }\n    }\n    .edit-detection-type-button-text-dark {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 22px;\n      letter-spacing: 0;\n      color: #363636;\n      &.dark {\n        color: #ffffff;\n      }\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!./EditDetectionTypeDialog.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!./EditDetectionTypeDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditDetectionTypeDialog.vue?vue&type=template&id=560c56e8&scoped=true&\"\nimport script from \"./EditDetectionTypeDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./EditDetectionTypeDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditDetectionTypeDialog.vue?vue&type=style&index=0&id=560c56e8&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  \"560c56e8\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VBtn,VCard,VDialog,VProgressCircular})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"max-width\":\"400px\",\"persistent\":\"\",\"no-click-animation\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.closeDialog.apply(null, arguments)}},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{attrs:{\"color\":_vm.themeName === 'dark' ? '#25262C' : '#ffffff'}},[_c('div',{class:(\"edit-detection-type-unavailable-title \" + _vm.themeName)},[_vm._v(\"Edit Unavailable\")]),_c('div',{staticClass:\"edit-detection-type-unavailable-area\"},[_c('div',{class:(\"edit-detection-type-unavailable-content \" + _vm.themeName),domProps:{\"innerHTML\":_vm._s(_vm.contentText)}})]),_c('div',{staticClass:\"edit-detection-type-buttons-container\"},[_c('v-btn',{staticClass:\"edit-detection-type-button\",attrs:{\"color\":\"#3C7EFF\",\"height\":\"60\",\"ripple\":\"\",\"width\":\"400\"},on:{\"click\":function($event){return _vm.closeDialog()}}},[_c('div',{class:(\"edit-detection-type-button-text \" + _vm.themeName)},[_vm._v(\"Okay\")])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" max-width=\"400px\" @keydown.esc=\"closeDialog\" persistent no-click-animation>\n    <v-card :color=\"themeName === 'dark' ? '#25262C' : '#ffffff'\">\n      <!-- title -->\n      <div :class=\"`edit-detection-type-unavailable-title ${themeName}`\">Edit Unavailable</div>\n      <!-- status slider -->\n      <div class=\"edit-detection-type-unavailable-area\">\n        <div :class=\"`edit-detection-type-unavailable-content ${themeName}`\" v-html=\"contentText\"></div>\n      </div>\n      <!-- okay button -->\n      <div class=\"edit-detection-type-buttons-container\">\n        <v-btn class=\"edit-detection-type-button\" color=\"#3C7EFF\" height=\"60\" ripple width=\"400\" @click=\"closeDialog()\">\n          <div :class=\"`edit-detection-type-button-text ${themeName}`\">Okay</div>\n        </v-btn>\n      </div>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  props: {\n    value: Boolean,\n  },\n  data() {\n    return {\n      contentText:\n        '<div>This event cannot be edited as a</div><div>Repetitive Detection.</div><div>There is no First Detection from the</div><div>same camera within 24 hours.</div>',\n    }\n  },\n  methods: {\n    closeDialog() {\n      this.$emit('close-detection-type-edit-unavailable')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.edit-detection-type-unavailable-title {\n  padding-top: 50px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 18px;\n  color: #363636;\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.edit-detection-type-unavailable-area {\n  height: 142px;\n  width: 400px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 20px 0 40px 0;\n\n  .edit-detection-type-unavailable-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 18px;\n    color: #363636;\n\n    &.dark {\n      color: #ffffffde;\n    }\n  }\n}\n\n.edit-detection-type-buttons-container {\n  display: flex;\n  padding: 0;\n\n  .edit-detection-type-button {\n    border-radius: 0px;\n    .edit-detection-type-button-text {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 22px;\n      letter-spacing: 0;\n      color: #ffffff;\n\n      &.dark {\n        color: #ffffffde;\n      }\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!./EditDetectionTypeUnavailableDialog.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!./EditDetectionTypeUnavailableDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditDetectionTypeUnavailableDialog.vue?vue&type=template&id=4a13d60d&scoped=true&\"\nimport script from \"./EditDetectionTypeUnavailableDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./EditDetectionTypeUnavailableDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditDetectionTypeUnavailableDialog.vue?vue&type=style&index=0&id=4a13d60d&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  \"4a13d60d\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VBtn,VCard,VDialog})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"persistent\":\"\",\"no-click-animation\":\"\",\"width\":\"600px\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{class:(\"filter-dialog-card \" + _vm.themeName)},[_c('div',{class:(\"filter-dialog-title \" + _vm.themeName)},[_vm._v(\"Filter\")]),_c('div',{staticClass:\"filter-dialog-close\",on:{\"click\":function($event){return _vm.hide(false)}}},[(_vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Exit_Icon.svg\"),\"width\":\"15px\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/Exit_Icon_Black.svg\"),\"width\":\"15px\"}})]),_c('div',{class:(\"filter-dialog-content-container \" + _vm.themeName)},[_c('div',{class:(\"filter-dialog-content-top-text \" + _vm.themeName)},[_vm._v(\"Show:\")]),_c('div',{class:(\"filter-dialog-content-section-title \" + _vm.themeName)},[_vm._v(\"Detection\")]),_c('div',{class:(\"filter-dialog-content-section-options \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"30px\"}},_vm._l((_vm.detectionTypeOptionList),function(detectionTypeOption,cIndex){return _c('div',{key:detectionTypeOption,staticClass:\"filter-dialog-option-container\",on:{\"click\":function($event){return _vm.onClickDetectionTypeOption(cIndex)}}},[_c('div',{staticClass:\"filter-dialog-option-container-img-container\"},[(_vm.themeName === 'dark' && detectionTypeOption.isSelected)?_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_White.svg\"),\"height\":\"16\",\"width\":\"16\"}}):(detectionTypeOption.isSelected)?_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_Black.svg\"),\"height\":\"16\",\"width\":\"16\"}}):(_vm.themeName === 'dark' && !detectionTypeOption.isSelected)?_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Radio_Button_Empty_White.svg\"),\"height\":\"16\",\"width\":\"16\"}}):_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Radio_Button_Empty_Black.svg\"),\"height\":\"16\",\"width\":\"16\"}})]),_c('div',{class:(\"filter-dialog-content-option-text \" + _vm.themeName),staticStyle:{\"line-height\":\"21px\"}},[_vm._v(_vm._s(detectionTypeOption.text))])])}),0),_c('div',{class:(\"filter-dialog-content-section-title \" + _vm.themeName)},[_vm._v(\"Camera\")]),_c('div',{class:(\"filter-dialog-content-section-options \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"30px\"}},_vm._l((_vm.cameraFilterOptionList),function(cameraFilterOption,cIndex){return _c('div',{key:cameraFilterOption,staticClass:\"filter-dialog-option-container\",on:{\"click\":function($event){return _vm.onClickCameraOption(cIndex)}}},[_c('div',{staticClass:\"filter-dialog-option-container-img-container\"},[(_vm.themeName === 'dark' && cameraFilterOption.isSelected)?_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_White.svg\"),\"height\":\"16\",\"width\":\"16\"}}):(cameraFilterOption.isSelected)?_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_Black.svg\"),\"height\":\"16\",\"width\":\"16\"}}):(_vm.themeName === 'dark' && !cameraFilterOption.isSelected)?_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Radio_Button_Empty_White.svg\"),\"height\":\"16\",\"width\":\"16\"}}):_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/Radio_Button_Empty_Black.svg\"),\"height\":\"16\",\"width\":\"16\"}})]),_c('div',{class:(\"filter-dialog-content-option-text \" + _vm.themeName),staticStyle:{\"line-height\":\"21px\"}},[_vm._v(_vm._s(cameraFilterOption.text))])])}),0),_c('div',{class:(\"filter-dialog-content-section-title \" + _vm.themeName)},[_vm._v(\"Detection within\")]),_c('div',{class:(\"filter-dialog-content-section-options \" + _vm.themeName),staticStyle:{\"flex-wrap\":\"wrap\",\"height\":\"70px\",\"margin-bottom\":\"30px\"}},[_vm._l((_vm.detectionWithinFilterOptionList),function(detectionWithinFilterOption,dIndex){return _c('div',{key:detectionWithinFilterOption,staticClass:\"filter-dialog-option-container\",staticStyle:{\"margin-right\":\"0\",\"width\":\"30%\",\"position\":\"relative\"}},[(detectionWithinFilterOption.isSelected && dIndex === 4 && !_vm.isCustomDateSelected)?_c('img',{staticClass:\"filter-dialog-content-toggle-image\",attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_Red.svg\"),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){return _vm.onClickDetectionWithinOption(dIndex)}}}):(_vm.themeName === 'dark' && detectionWithinFilterOption.isSelected)?_c('img',{staticClass:\"filter-dialog-content-toggle-image\",attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_White.svg\"),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){return _vm.onClickDetectionWithinOption(dIndex)}}}):(detectionWithinFilterOption.isSelected)?_c('img',{staticClass:\"filter-dialog-content-toggle-image\",attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_Black.svg\"),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){return _vm.onClickDetectionWithinOption(dIndex)}}}):(_vm.themeName === 'dark' && !detectionWithinFilterOption.isSelected)?_c('img',{staticClass:\"filter-dialog-content-toggle-image\",attrs:{\"src\":require(\"@/assets/Radio_Button_Empty_White.svg\"),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){return _vm.onClickDetectionWithinOption(dIndex)}}}):_c('img',{staticClass:\"filter-dialog-content-toggle-image\",attrs:{\"src\":require(\"@/assets/Radio_Button_Empty_Black.svg\"),\"height\":\"16\",\"width\":\"16\"},on:{\"click\":function($event){return _vm.onClickDetectionWithinOption(dIndex)}}}),_c('div',{class:(\"filter-dialog-content-option-text \" + _vm.themeName + \" \" + (dIndex === 4 && detectionWithinFilterOption.isSelected && !_vm.customDate && !_vm.isCustomDateSelected ? 'err' : '')),on:{\"click\":function($event){return _vm.onClickDetectionWithinOption(dIndex)}}},[_vm._v(\" \"+_vm._s(detectionWithinFilterOption.text)+\" \"),(detectionWithinFilterOption.isSelected && dIndex === 4)?_c('img',{attrs:{\"src\":require(\"@/assets/Calendar_Xsmall_Button-active.svg\")},on:{\"click\":_vm.showCalendar}}):(!detectionWithinFilterOption.isSelected && dIndex === 4 && _vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Calendar_Xsmall_Button-inactive-dark.svg\")}}):(!detectionWithinFilterOption.isSelected && dIndex === 4 && !_vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Calendar_Xsmall_Button-inactive.svg\")}}):_vm._e(),(dIndex === 4 && detectionWithinFilterOption.isSelected && _vm.customDate !== null)?_c('div',{class:(\"date-text \" + _vm.themeName)},[_vm._v(\" \"+_vm._s(_vm.currentCustomDate)+\" \")]):(dIndex === 4 && detectionWithinFilterOption.isSelected && !_vm.customDate && !_vm.isCustomDateSelected)?_c('div',{class:\"date-text err\"},[_vm._v(\" Please select the date range. \")]):_vm._e()])])}),_c('v-dialog',{attrs:{\"hide-overlay\":\"\",\"content-class\":'calendar',\"persistent\":\"\",\"no-click-animation\":\"\"},model:{value:(_vm.calendarToggle),callback:function ($$v) {_vm.calendarToggle=$$v},expression:\"calendarToggle\"}},[_c('div',{staticClass:\"background-dialog\"}),(_vm.calendarToggle)?_c('Calendar',{staticStyle:{\"transform\":\"translate(5%, -50%)\"},attrs:{\"minDate\":_vm.calendarMinDate},on:{\"updateCustomDate\":_vm.updateCustomDate,\"closeCalendar\":_vm.closeCalendar}}):_vm._e()],1)],2),_c('div',{class:(\"filter-dialog-content-section-title \" + _vm.themeName)},[_vm._v(\"Response status\")]),_c('div',{class:(\"filter-dialog-content-section-options \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"30px\"}},_vm._l((_vm.responseStatusFilterOptionList),function(responseStatusFilterOption,rIndex){return _c('div',{key:responseStatusFilterOption,staticClass:\"filter-dialog-option-container\",staticStyle:{\"margin-right\":\"0\",\"width\":\"30%\"}},[(_vm.$vuetify.theme.dark && responseStatusFilterOption.isSelected)?_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-On_16px_Icon_dark.svg\"),\"width\":\"16px\"},on:{\"click\":function($event){return _vm.onClickResponseStatusOption(rIndex)}}}):(_vm.$vuetify.theme.dark && !responseStatusFilterOption.isSelected)?_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-Off_16px_2_Icon.svg\"),\"width\":\"16px\"},on:{\"click\":function($event){return _vm.onClickResponseStatusOption(rIndex)}}}):(responseStatusFilterOption.isSelected)?_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-On_16px_Icon_light.svg\"),\"width\":\"16px\"},on:{\"click\":function($event){return _vm.onClickResponseStatusOption(rIndex)}}}):_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-Off_16px_Icon_light.svg\"),\"width\":\"16px\"},on:{\"click\":function($event){return _vm.onClickResponseStatusOption(rIndex)}}}),_c('div',{class:(\"filter-dialog-content-option-text \" + _vm.themeName),staticStyle:{\"margin-left\":\"7px\"},on:{\"click\":function($event){return _vm.onClickResponseStatusOption(rIndex)}}},[_vm._v(\" \"+_vm._s(responseStatusFilterOption.text)+\" \")])])}),0),_c('div',{class:(\"filter-dialog-content-section-title \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"10px\"}},[_vm._v(\"Event Type\")]),_c('div',{class:(\"filter-dialog-content-section-options \" + _vm.themeName),staticStyle:{\"flex-wrap\":\"wrap\",\"height\":\"70px\",\"margin-bottom\":\"28px\"}},_vm._l((_vm.eventTypeFilterOptionList),function(eventTypeFilterOption,eIndex){return _c('div',{key:eventTypeFilterOption,staticClass:\"filter-dialog-option-container\",staticStyle:{\"margin-right\":\"0\",\"width\":\"30%\"}},[(_vm.$vuetify.theme.dark && eventTypeFilterOption.isSelected)?_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-On_16px_Icon_dark.svg\"),\"width\":\"16px\"},on:{\"click\":function($event){return _vm.onClickEventTypeOption(eIndex)}}}):(_vm.$vuetify.theme.dark && !eventTypeFilterOption.isSelected)?_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-Off_16px_2_Icon.svg\"),\"width\":\"16px\"},on:{\"click\":function($event){return _vm.onClickEventTypeOption(eIndex)}}}):(eventTypeFilterOption.isSelected)?_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-On_16px_Icon_light.svg\"),\"width\":\"16px\"},on:{\"click\":function($event){return _vm.onClickEventTypeOption(eIndex)}}}):_c('img',{attrs:{\"src\":require(\"@/assets/Checkbox-Off_16px_Icon_light.svg\"),\"width\":\"16px\"},on:{\"click\":function($event){return _vm.onClickEventTypeOption(eIndex)}}}),_c('div',{class:(\"filter-dialog-content-option-text \" + _vm.themeName),staticStyle:{\"margin-left\":\"7px\"},on:{\"click\":function($event){return _vm.onClickEventTypeOption(eIndex)}}},[_vm._v(\" \"+_vm._s(eventTypeFilterOption.text)+\" \")])])}),0),_c('div',{class:(\"filter-dialog-content-section-title \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"10px\"}},[_vm._v(\"PFIRS Data (Prescribed Burns)\")]),_c('div',{class:(\"filter-dialog-content-section-options \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"30px\"}},_vm._l((_vm.pfirsFilterOptionList),function(pfirsFilterOption,pIndex){return _c('div',{key:pfirsFilterOption,staticClass:\"filter-dialog-option-container\",on:{\"click\":function($event){return _vm.onClickPfirsOption(pIndex)}}},[(_vm.themeName === 'dark' && pfirsFilterOption.isSelected)?_c('img',{staticClass:\"filter-dialog-content-toggle-image\",attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_White.svg\"),\"height\":\"16\",\"width\":\"16\"}}):(pfirsFilterOption.isSelected)?_c('img',{staticClass:\"filter-dialog-content-toggle-image\",attrs:{\"src\":require(\"@/assets/Radio_Button_Filled_Black.svg\"),\"height\":\"16\",\"width\":\"16\"}}):_c('div',{class:(\"filter-dialog-content-toggle \" + _vm.themeName)}),_c('div',{class:(\"filter-dialog-content-option-text \" + _vm.themeName)},[_vm._v(_vm._s(pfirsFilterOption.text))])])}),0)]),_c('div',{class:(\"filter-dialog-bottom \" + _vm.themeName)},[_c('div',{class:(\"filter-dialog-btn-clear-all \" + _vm.themeName),on:{\"click\":function($event){return _vm.onClickClearAll()}}},[_vm._v(\"Reset\")]),_c('v-btn',{staticClass:\"filter-dialog-btn-apply\",attrs:{\"color\":\"#FF5B54\",\"height\":\"44\",\"ripple\":\"\",\"width\":\"108\"},on:{\"click\":function($event){return _vm.onClickApplyBtn()}}},[_c('div',{staticClass:\"filter-dialog-btn-apply-text\"},[_vm._v(\"Apply\")])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" persistent no-click-animation width=\"600px\">\n    <v-card :class=\"`filter-dialog-card ${themeName}`\">\n      <div :class=\"`filter-dialog-title ${themeName}`\">Filter</div>\n      <div class=\"filter-dialog-close\" @click=\"hide(false)\">\n        <img v-if=\"$vuetify.theme.dark\" src=\"@/assets/Exit_Icon.svg\" width=\"15px\" />\n        <img v-else src=\"@/assets/Exit_Icon_Black.svg\" width=\"15px\" />\n      </div>\n      <div :class=\"`filter-dialog-content-container ${themeName}`\">\n        <div :class=\"`filter-dialog-content-top-text ${themeName}`\">Show:</div>\n        <!-- Detection filter -->\n        <div :class=\"`filter-dialog-content-section-title ${themeName}`\">Detection</div>\n        <div :class=\"`filter-dialog-content-section-options ${themeName}`\" style=\"margin-bottom: 30px\">\n          <div\n            v-for=\"(detectionTypeOption, cIndex) in detectionTypeOptionList\"\n            :key=\"detectionTypeOption\"\n            class=\"filter-dialog-option-container\"\n            @click=\"onClickDetectionTypeOption(cIndex)\"\n          >\n            <div class=\"filter-dialog-option-container-img-container\">\n              <img\n                v-if=\"themeName === 'dark' && detectionTypeOption.isSelected\"\n                src=\"@/assets/Radio_Button_Filled_White.svg\"\n                height=\"16\"\n                width=\"16\"\n                style=\"cursor: pointer\"\n              />\n              <img\n                v-else-if=\"detectionTypeOption.isSelected\"\n                src=\"@/assets/Radio_Button_Filled_Black.svg\"\n                height=\"16\"\n                width=\"16\"\n                style=\"cursor: pointer\"\n              />\n              <img\n                v-else-if=\"themeName === 'dark' && !detectionTypeOption.isSelected\"\n                src=\"@/assets/Radio_Button_Empty_White.svg\"\n                height=\"16\"\n                width=\"16\"\n                style=\"cursor: pointer\"\n              />\n              <img v-else src=\"@/assets/Radio_Button_Empty_Black.svg\" height=\"16\" width=\"16\" style=\"cursor: pointer\" />\n            </div>\n            <div :class=\"`filter-dialog-content-option-text ${themeName}`\" style=\"line-height: 21px\">{{ detectionTypeOption.text }}</div>\n          </div>\n        </div>\n        <!-- Camera filter -->\n        <div :class=\"`filter-dialog-content-section-title ${themeName}`\">Camera</div>\n        <div :class=\"`filter-dialog-content-section-options ${themeName}`\" style=\"margin-bottom: 30px\">\n          <div\n            v-for=\"(cameraFilterOption, cIndex) in cameraFilterOptionList\"\n            :key=\"cameraFilterOption\"\n            class=\"filter-dialog-option-container\"\n            @click=\"onClickCameraOption(cIndex)\"\n          >\n            <div class=\"filter-dialog-option-container-img-container\">\n              <img\n                v-if=\"themeName === 'dark' && cameraFilterOption.isSelected\"\n                src=\"@/assets/Radio_Button_Filled_White.svg\"\n                height=\"16\"\n                width=\"16\"\n                style=\"cursor: pointer\"\n              />\n              <img\n                v-else-if=\"cameraFilterOption.isSelected\"\n                src=\"@/assets/Radio_Button_Filled_Black.svg\"\n                height=\"16\"\n                width=\"16\"\n                style=\"cursor: pointer\"\n              />\n              <img\n                v-else-if=\"themeName === 'dark' && !cameraFilterOption.isSelected\"\n                src=\"@/assets/Radio_Button_Empty_White.svg\"\n                height=\"16\"\n                width=\"16\"\n                style=\"cursor: pointer\"\n              />\n              <img v-else src=\"@/assets/Radio_Button_Empty_Black.svg\" height=\"16\" width=\"16\" style=\"cursor: pointer\" />\n            </div>\n            <div :class=\"`filter-dialog-content-option-text ${themeName}`\" style=\"line-height: 21px\">{{ cameraFilterOption.text }}</div>\n          </div>\n        </div>\n        <!-- Detection within -->\n        <div :class=\"`filter-dialog-content-section-title ${themeName}`\">Detection within</div>\n        <div :class=\"`filter-dialog-content-section-options ${themeName}`\" style=\"flex-wrap: wrap; height: 70px; margin-bottom: 30px\">\n          <div\n            v-for=\"(detectionWithinFilterOption, dIndex) in detectionWithinFilterOptionList\"\n            :key=\"detectionWithinFilterOption\"\n            class=\"filter-dialog-option-container\"\n            style=\"margin-right: 0; width: 30%; position: relative\"\n          >\n            <img\n              v-if=\"detectionWithinFilterOption.isSelected && dIndex === 4 && !isCustomDateSelected\"\n              src=\"@/assets/Radio_Button_Filled_Red.svg\"\n              height=\"16\"\n              width=\"16\"\n              class=\"filter-dialog-content-toggle-image\"\n              @click=\"onClickDetectionWithinOption(dIndex)\"\n            />\n            <img\n              v-else-if=\"themeName === 'dark' && detectionWithinFilterOption.isSelected\"\n              src=\"@/assets/Radio_Button_Filled_White.svg\"\n              height=\"16\"\n              width=\"16\"\n              class=\"filter-dialog-content-toggle-image\"\n              @click=\"onClickDetectionWithinOption(dIndex)\"\n            />\n            <img\n              v-else-if=\"detectionWithinFilterOption.isSelected\"\n              src=\"@/assets/Radio_Button_Filled_Black.svg\"\n              height=\"16\"\n              width=\"16\"\n              class=\"filter-dialog-content-toggle-image\"\n              @click=\"onClickDetectionWithinOption(dIndex)\"\n            />\n            <img\n              v-else-if=\"themeName === 'dark' && !detectionWithinFilterOption.isSelected\"\n              src=\"@/assets/Radio_Button_Empty_White.svg\"\n              height=\"16\"\n              width=\"16\"\n              class=\"filter-dialog-content-toggle-image\"\n              @click=\"onClickDetectionWithinOption(dIndex)\"\n            />\n            <img\n              v-else\n              src=\"@/assets/Radio_Button_Empty_Black.svg\"\n              height=\"16\"\n              width=\"16\"\n              class=\"filter-dialog-content-toggle-image\"\n              @click=\"onClickDetectionWithinOption(dIndex)\"\n            />\n            <div\n              :class=\"`filter-dialog-content-option-text ${themeName} ${\n                dIndex === 4 && detectionWithinFilterOption.isSelected && !customDate && !isCustomDateSelected ? 'err' : ''\n              }`\"\n              @click=\"onClickDetectionWithinOption(dIndex)\"\n            >\n              {{ detectionWithinFilterOption.text }}\n              <img\n                v-if=\"detectionWithinFilterOption.isSelected && dIndex === 4\"\n                @click=\"showCalendar\"\n                src=\"@/assets/Calendar_Xsmall_Button-active.svg\"\n              />\n              <img\n                v-else-if=\"!detectionWithinFilterOption.isSelected && dIndex === 4 && $vuetify.theme.dark\"\n                src=\"@/assets/Calendar_Xsmall_Button-inactive-dark.svg\"\n              />\n              <img\n                v-else-if=\"!detectionWithinFilterOption.isSelected && dIndex === 4 && !$vuetify.theme.dark\"\n                src=\"@/assets/Calendar_Xsmall_Button-inactive.svg\"\n              />\n              <div v-if=\"dIndex === 4 && detectionWithinFilterOption.isSelected && customDate !== null\" :class=\"`date-text ${themeName}`\">\n                {{ currentCustomDate }}\n              </div>\n              <div\n                v-else-if=\"dIndex === 4 && detectionWithinFilterOption.isSelected && !customDate && !isCustomDateSelected\"\n                :class=\"`date-text err`\"\n              >\n                Please select the date range.\n              </div>\n            </div>\n          </div>\n          <v-dialog v-model=\"calendarToggle\" hide-overlay :content-class=\"'calendar'\" persistent no-click-animation>\n            <div class=\"background-dialog\"></div>\n            <Calendar\n              v-if=\"calendarToggle\"\n              @updateCustomDate=\"updateCustomDate\"\n              style=\"transform: translate(5%, -50%)\"\n              @closeCalendar=\"closeCalendar\"\n              :minDate=\"calendarMinDate\"\n            />\n          </v-dialog>\n        </div>\n\n        <!-- Response status -->\n        <div :class=\"`filter-dialog-content-section-title ${themeName}`\">Response status</div>\n        <div :class=\"`filter-dialog-content-section-options ${themeName}`\" style=\"margin-bottom: 30px\">\n          <div\n            v-for=\"(responseStatusFilterOption, rIndex) in responseStatusFilterOptionList\"\n            :key=\"responseStatusFilterOption\"\n            class=\"filter-dialog-option-container\"\n            style=\"margin-right: 0; width: 30%\"\n          >\n            <img\n              v-if=\"$vuetify.theme.dark && responseStatusFilterOption.isSelected\"\n              src=\"@/assets/Checkbox-On_16px_Icon_dark.svg\"\n              width=\"16px\"\n              @click=\"onClickResponseStatusOption(rIndex)\"\n            />\n            <img\n              v-else-if=\"$vuetify.theme.dark && !responseStatusFilterOption.isSelected\"\n              src=\"@/assets/Checkbox-Off_16px_2_Icon.svg\"\n              width=\"16px\"\n              @click=\"onClickResponseStatusOption(rIndex)\"\n            />\n            <img\n              v-else-if=\"responseStatusFilterOption.isSelected\"\n              src=\"@/assets/Checkbox-On_16px_Icon_light.svg\"\n              width=\"16px\"\n              @click=\"onClickResponseStatusOption(rIndex)\"\n            />\n            <img v-else src=\"@/assets/Checkbox-Off_16px_Icon_light.svg\" width=\"16px\" @click=\"onClickResponseStatusOption(rIndex)\" />\n            <div :class=\"`filter-dialog-content-option-text ${themeName}`\" style=\"margin-left: 7px\" @click=\"onClickResponseStatusOption(rIndex)\">\n              {{ responseStatusFilterOption.text }}\n            </div>\n          </div>\n        </div>\n        <!-- Event Type -->\n        <div :class=\"`filter-dialog-content-section-title ${themeName}`\" style=\"margin-bottom: 10px\">Event Type</div>\n        <div :class=\"`filter-dialog-content-section-options ${themeName}`\" style=\"flex-wrap: wrap; height: 70px; margin-bottom: 28px\">\n          <div\n            v-for=\"(eventTypeFilterOption, eIndex) in eventTypeFilterOptionList\"\n            :key=\"eventTypeFilterOption\"\n            class=\"filter-dialog-option-container\"\n            style=\"margin-right: 0; width: 30%\"\n          >\n            <img\n              v-if=\"$vuetify.theme.dark && eventTypeFilterOption.isSelected\"\n              src=\"@/assets/Checkbox-On_16px_Icon_dark.svg\"\n              width=\"16px\"\n              @click=\"onClickEventTypeOption(eIndex)\"\n            />\n            <img\n              v-else-if=\"$vuetify.theme.dark && !eventTypeFilterOption.isSelected\"\n              src=\"@/assets/Checkbox-Off_16px_2_Icon.svg\"\n              width=\"16px\"\n              @click=\"onClickEventTypeOption(eIndex)\"\n            />\n            <img\n              v-else-if=\"eventTypeFilterOption.isSelected\"\n              src=\"@/assets/Checkbox-On_16px_Icon_light.svg\"\n              width=\"16px\"\n              @click=\"onClickEventTypeOption(eIndex)\"\n            />\n            <img v-else src=\"@/assets/Checkbox-Off_16px_Icon_light.svg\" width=\"16px\" @click=\"onClickEventTypeOption(eIndex)\" />\n            <div :class=\"`filter-dialog-content-option-text ${themeName}`\" style=\"margin-left: 7px\" @click=\"onClickEventTypeOption(eIndex)\">\n              {{ eventTypeFilterOption.text }}\n            </div>\n          </div>\n        </div>\n        <!-- PFIRS Data (Prescribed Burns) -->\n        <div :class=\"`filter-dialog-content-section-title ${themeName}`\" style=\"margin-bottom: 10px\">PFIRS Data (Prescribed Burns)</div>\n        <div :class=\"`filter-dialog-content-section-options ${themeName}`\" style=\"margin-bottom: 30px\">\n          <div\n            v-for=\"(pfirsFilterOption, pIndex) in pfirsFilterOptionList\"\n            :key=\"pfirsFilterOption\"\n            class=\"filter-dialog-option-container\"\n            @click=\"onClickPfirsOption(pIndex)\"\n          >\n            <img\n              v-if=\"themeName === 'dark' && pfirsFilterOption.isSelected\"\n              src=\"@/assets/Radio_Button_Filled_White.svg\"\n              height=\"16\"\n              width=\"16\"\n              class=\"filter-dialog-content-toggle-image\"\n            />\n            <img\n              v-else-if=\"pfirsFilterOption.isSelected\"\n              src=\"@/assets/Radio_Button_Filled_Black.svg\"\n              height=\"16\"\n              width=\"16\"\n              class=\"filter-dialog-content-toggle-image\"\n            />\n            <div v-else :class=\"`filter-dialog-content-toggle ${themeName}`\">\n              <!-- <div :class=\"`filter-dialog-content-toggle-inner ${themeName}`\" v-if=\"pfirsFilterOption.isSelected\"></div> -->\n            </div>\n            <div :class=\"`filter-dialog-content-option-text ${themeName}`\">{{ pfirsFilterOption.text }}</div>\n          </div>\n        </div>\n      </div>\n      <div :class=\"`filter-dialog-bottom ${themeName}`\">\n        <div :class=\"`filter-dialog-btn-clear-all ${themeName}`\" @click=\"onClickClearAll()\">Reset</div>\n        <v-btn class=\"filter-dialog-btn-apply\" color=\"#FF5B54\" height=\"44\" ripple width=\"108\" @click=\"onClickApplyBtn()\">\n          <div class=\"filter-dialog-btn-apply-text\">Apply</div>\n        </v-btn>\n      </div>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport Constants from '@/constants'\nimport Theme from '@/mixin/theme.mixin'\n// TODO: Change Common Component\nimport Calendar from '@item/calendar/DefaultCalendar'\nimport moment from 'moment'\n\nexport default {\n  mixins: [Theme],\n  components: { Calendar },\n  props: {\n    value: Boolean,\n    selectedLogInfo: Object,\n  },\n  watch: {\n    value(val) {\n      if (val) {\n        this.detectionTypeOptionList = [\n          {\n            isSelected: this.detectionTypeStateValue.allDetection,\n            text: 'All Detections',\n          },\n          {\n            isSelected: this.detectionTypeStateValue.firstDetection,\n            text: 'First Detections',\n          },\n        ]\n        this.cameraFilterOptionList = [\n          {\n            isSelected: this.cameraFilterStateValue.allCamera,\n            text: 'All cameras',\n          },\n          {\n            isSelected: this.cameraFilterStateValue.alertCamera,\n            text: 'Cameras that issued alert',\n          },\n          {\n            isSelected: this.cameraFilterStateValue.noCamera,\n            text: 'No cameras',\n          },\n        ]\n        this.detectionWithinFilterOptionList = [\n          {\n            isSelected: !this.detectionWithinFilterStateValue.isCustom && this.detectionWithinFilterStateValue.selectedHoursFilter === 3,\n            text: '3 Hours',\n          },\n          {\n            isSelected: !this.detectionWithinFilterStateValue.isCustom && this.detectionWithinFilterStateValue.selectedHoursFilter === 6,\n            text: '6 Hours',\n          },\n          {\n            isSelected: !this.detectionWithinFilterStateValue.isCustom && this.detectionWithinFilterStateValue.selectedHoursFilter === 24,\n            text: '24 Hours',\n          },\n          {\n            isSelected: !this.detectionWithinFilterStateValue.isCustom && this.detectionWithinFilterStateValue.selectedHoursFilter === 72,\n            text: '72 Hours',\n          },\n          {\n            isSelected: this.detectionWithinFilterStateValue.isCustom,\n            text: 'Custom',\n          },\n        ]\n        this.responseStatusFilterOptionList = [\n          {\n            isSelected: this.responseStatusFilterStateValue.alerted,\n            text: 'Alerted',\n          },\n          {\n            isSelected: this.responseStatusFilterStateValue.validated,\n            text: 'Validated',\n          },\n          {\n            isSelected: this.responseStatusFilterStateValue.responded,\n            text: 'Responded',\n          },\n        ]\n        this.eventTypeFilterOptionList = [\n          {\n            isSelected: this.eventTypeFilterStateValue.fire,\n            text: 'Fire',\n          },\n          {\n            isSelected: this.eventTypeFilterStateValue.nonFire,\n            text: 'Non-Fire',\n          },\n          {\n            isSelected: this.eventTypeFilterStateValue.unknown,\n            text: 'Unknown',\n          },\n          {\n            isSelected: this.eventTypeFilterStateValue.plannedBurn,\n            text: 'Planned Burn',\n          },\n          {\n            isSelected: this.eventTypeFilterStateValue.unselected,\n            text: 'Unselected',\n          },\n        ]\n        this.pfirsFilterOptionList = [\n          {\n            isSelected: this.pfirsDataFilterStateValue.allBurns,\n            text: 'All Burns',\n          },\n          {\n            isSelected: this.pfirsDataFilterStateValue.noBurns,\n            text: 'No Burns',\n          },\n        ]\n      }\n    },\n  },\n  data() {\n    return {\n      isCustomDateSelected: true,\n      customDate: null,\n      calendarToggle: false,\n      detectionTypeOptionList: [\n        {\n          isSelected: true,\n          text: 'All Detections',\n        },\n        {\n          isSelected: false,\n          text: 'First Detections',\n        },\n      ],\n      cameraFilterOptionList: [\n        {\n          isSelected: true,\n          text: 'All cameras',\n        },\n        {\n          isSelected: false,\n          text: 'Cameras that issued alert',\n        },\n        {\n          isSelected: false,\n          text: 'No cameras',\n        },\n      ],\n      detectionWithinFilterOptionList: [\n        {\n          isSelected: false,\n          text: '3 Hours',\n        },\n        {\n          isSelected: false,\n          text: '6 Hours',\n        },\n        {\n          isSelected: false,\n          text: '24 Hours',\n        },\n        {\n          isSelected: true,\n          text: '72 Hours',\n        },\n        {\n          isSelected: false,\n          text: 'Custom',\n        },\n      ],\n      responseStatusFilterOptionList: [\n        {\n          isSelected: true,\n          text: 'Alerted',\n        },\n        {\n          isSelected: true,\n          text: 'Validated',\n        },\n        {\n          isSelected: true,\n          text: 'Responded',\n        },\n      ],\n      eventTypeFilterOptionList: [\n        {\n          isSelected: true,\n          text: 'Fire',\n        },\n        {\n          isSelected: true,\n          text: 'Non-Fire',\n        },\n        {\n          isSelected: true,\n          text: 'Unknown',\n        },\n        {\n          isSelected: true,\n          text: 'Planned Burn',\n        },\n        {\n          isSelected: true,\n          text: 'Unselected',\n        },\n      ],\n      pfirsFilterOptionList: [\n        {\n          isSelected: true,\n          text: 'All Burns',\n        },\n        {\n          isSelected: false,\n          text: 'No Burns',\n        },\n      ],\n    }\n  },\n  destroyed() {\n    this.$store.dispatch('setMapViewFilterAction', Constants.MAP_VIEW_FILTER)\n  },\n  computed: {\n    ...mapState(['camMap', 'mapViewFilter', 'user', 'ArcGISMapInstance']),\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    detectionTypeStateValue() {\n      return this.mapViewFilter.detectionType\n    },\n    cameraFilterStateValue() {\n      return this.mapViewFilter.camera\n    },\n    detectionWithinFilterStateValue() {\n      return this.mapViewFilter.detectionWithin\n    },\n    responseStatusFilterStateValue() {\n      return this.mapViewFilter.responseStatus\n    },\n    eventTypeFilterStateValue() {\n      return this.mapViewFilter.eventType\n    },\n    pfirsDataFilterStateValue() {\n      return this.mapViewFilter.pfirsData\n    },\n    currentCustomDate() {\n      if (!this.customDate) return ''\n      else {\n        if (this.customDate.startDate.isSame(this.customDate.endDate, 'day')) return this.customDate.endDate.format('YYYY-MM-DD')\n        return `${this.customDate.startDate.format('YYYY-MM-DD')} ~ ${this.customDate.endDate.format('YYYY-MM-DD')}`\n      }\n    },\n  },\n  methods: {\n    updateCustomDate(date) {\n      this.customDate = date\n      this.closeCalendar()\n    },\n    showCalendar() {\n      this.calendarToggle = true\n    },\n    closeCalendar() {\n      this.calendarToggle = false\n      if (!this.customDate) this.isCustomDateSelected = false\n    },\n    hide(isApplyClicked) {\n      this.$emit('close-filter-dialog', isApplyClicked)\n    },\n    onClickDetectionTypeOption(selectedIndex) {\n      for (let i = 0; i < this.detectionTypeOptionList.length; i += 1) {\n        this.detectionTypeOptionList[i].isSelected = i === selectedIndex\n      }\n    },\n    onClickCameraOption(selectedIndex) {\n      for (let i = 0; i < this.cameraFilterOptionList.length; i += 1) {\n        this.cameraFilterOptionList[i].isSelected = i === selectedIndex\n      }\n    },\n    onClickDetectionWithinOption(selectedIndex) {\n      for (let i = 0; i < this.detectionWithinFilterOptionList.length; i += 1) {\n        this.detectionWithinFilterOptionList[i].isSelected = i === selectedIndex\n      }\n      if (selectedIndex !== 4) {\n        this.customDate = null\n        this.isCustomDateSelected = true\n      }\n    },\n    onClickResponseStatusOption(selectedIndex) {\n      this.responseStatusFilterOptionList[selectedIndex].isSelected = !this.responseStatusFilterOptionList[selectedIndex].isSelected\n    },\n    onClickEventTypeOption(selectedIndex) {\n      this.eventTypeFilterOptionList[selectedIndex].isSelected = !this.eventTypeFilterOptionList[selectedIndex].isSelected\n    },\n    onClickPfirsOption(selectedIndex) {\n      for (let i = 0; i < this.pfirsFilterOptionList.length; i += 1) {\n        this.pfirsFilterOptionList[i].isSelected = i === selectedIndex\n      }\n    },\n    onClickClearAll() {\n      this.customDate = null\n      this.isCustomDateSelected = true\n      this.detectionTypeOptionList = [\n        {\n          isSelected: false,\n          text: 'All Detections',\n        },\n        {\n          isSelected: true,\n          text: 'First Detections',\n        },\n      ]\n      this.cameraFilterOptionList = [\n        {\n          isSelected: true,\n          text: 'All cameras',\n        },\n        {\n          isSelected: false,\n          text: 'Cameras that issued alert',\n        },\n        {\n          isSelected: false,\n          text: 'No cameras',\n        },\n      ]\n      this.detectionWithinFilterOptionList = [\n        {\n          isSelected: false,\n          text: '3 Hours',\n        },\n        {\n          isSelected: false,\n          text: '6 Hours',\n        },\n        {\n          isSelected: false,\n          text: '24 Hours',\n        },\n        {\n          isSelected: true,\n          text: '72 Hours',\n        },\n        {\n          isSelected: false,\n          text: 'Custom',\n        },\n      ]\n      this.responseStatusFilterOptionList = [\n        {\n          isSelected: true,\n          text: 'Alerted',\n        },\n        {\n          isSelected: true,\n          text: 'Validated',\n        },\n        {\n          isSelected: true,\n          text: 'Responded',\n        },\n      ]\n      this.eventTypeFilterOptionList = [\n        {\n          isSelected: true,\n          text: 'Fire',\n        },\n        {\n          isSelected: true,\n          text: 'Non-Fire',\n        },\n        {\n          isSelected: true,\n          text: 'Unknown',\n        },\n        {\n          isSelected: true,\n          text: 'Planned Burn',\n        },\n        {\n          isSelected: true,\n          text: 'Unselected',\n        },\n      ]\n      this.pfirsFilterOptionList = [\n        {\n          isSelected: true,\n          text: 'All Burns',\n        },\n        {\n          isSelected: false,\n          text: 'No Burns',\n        },\n      ]\n    },\n    async onClickApplyBtn() {\n      const selectedDetectionOption = this.detectionWithinFilterOptionList.filter((option) => option.isSelected)[0].text\n      if (selectedDetectionOption === 'Custom' && !this.customDate) {\n        this.isCustomDateSelected = false\n        return\n      }\n      const { camera, isCameraDefault } = this.checkCameraType()\n      const { detectionWithin, isDetectionWithinDefault } = this.checkDetectionWithin()\n      const { responseStatus, isResponseStatusDefault } = this.checkResponseStatus()\n      const { eventType, isEventTypeDefault } = this.checkEventType()\n      const { pfirsData, isPfirsDataDefault } = this.checkPfirsData()\n      const { detectionType, isDetectionTypeDefault } = this.checkDetectionType()\n\n      await this.$store.dispatch('setIsLogListLoadedAction', false)\n      if (\n        isCameraDefault &&\n        isDetectionWithinDefault &&\n        isResponseStatusDefault &&\n        isEventTypeDefault &&\n        isPfirsDataDefault &&\n        isDetectionTypeDefault\n      ) {\n        this.$emit('onFilterCheck', false)\n      } else {\n        this.$emit('onFilterCheck', true)\n      }\n      this.hide(true)\n      if (selectedDetectionOption === 'Custom' && this.customDate) {\n        const startDate = this.customDate.startDate.clone().startOf('day').format()\n        const endDate = this.customDate.endDate.clone().endOf('day').format()\n        this.$store.dispatch('getLogListByPeriodInMapview', {\n          inChild: true,\n          inNoti: true,\n          inRepOrg: true,\n          inRespStat: true,\n          tabIndex: 1,\n          startDate,\n          endDate,\n        })\n      } else {\n        this.customDate = null\n      }\n      this.$store.dispatch('setMapViewFilterAction', { detectionType, camera, detectionWithin, responseStatus, eventType, pfirsData })\n      this.updatePfirsLayerParams()\n    },\n    async updatePfirsLayerParams() {\n      const startDate = this.detectionWithinFilterStateValue?.dateObj?.startDate\n        ? this.detectionWithinFilterStateValue?.dateObj?.startDate.startOf('day').format()\n        : this.detectionWithinFilterStateValue?.dateObj?.format()\n      const endDate = this.detectionWithinFilterStateValue?.dateObj?.endDate\n        ? this.detectionWithinFilterStateValue?.dateObj?.endDate.endOf('day').format()\n        : moment().format()\n      const pfirsGeoJsonLayer = this.ArcGISMapInstance.findLayerById('alchera-mapview-map-pfirs-geojsonlayer')\n      pfirsGeoJsonLayer.customParameters.start_date = startDate\n      pfirsGeoJsonLayer.customParameters.end_date = endDate\n      pfirsGeoJsonLayer.refresh()\n    },\n    checkDetectionType() {\n      const allDetection = this.detectionTypeOptionList[0].isSelected\n      const firstDetection = this.detectionTypeOptionList[1].isSelected\n      return { detectionType: { allDetection, firstDetection }, isDetectionTypeDefault: firstDetection }\n    },\n    checkCameraType() {\n      let isCameraDefault = false\n      const allCamera = this.cameraFilterOptionList[0].isSelected\n      const alertCamera = this.cameraFilterOptionList[1].isSelected\n      const noCamera = this.cameraFilterOptionList[2].isSelected\n      if (allCamera && !alertCamera && !noCamera) isCameraDefault = true\n      return { camera: { allCamera, alertCamera, noCamera }, isCameraDefault }\n    },\n    checkDetectionWithin() {\n      const selectedDetectionOption = this.detectionWithinFilterOptionList.filter((option) => option.isSelected)[0]\n      let currentTime = moment()\n      let isCustom = false\n      let isDetectionWithinDefault = false\n      let selectedHoursFilter = 72\n      switch (selectedDetectionOption.text) {\n        case '3 Hours':\n          currentTime.subtract(3, 'hours')\n          selectedHoursFilter = 3\n          break\n        case '6 Hours':\n          currentTime.subtract(6, 'hours')\n          selectedHoursFilter = 6\n          break\n        case '24 Hours':\n          currentTime.subtract(24, 'hours')\n          selectedHoursFilter = 24\n          break\n        case '72 Hours':\n          currentTime.subtract(72, 'hours')\n          isDetectionWithinDefault = true\n          break\n        case 'Custom':\n          currentTime = { startDate: this.customDate.startDate.clone(), endDate: this.customDate.endDate.clone() }\n          isCustom = true\n          break\n      }\n      return { detectionWithin: { dateObj: currentTime, isCustom, selectedHoursFilter }, isDetectionWithinDefault }\n    },\n    checkResponseStatus() {\n      const alerted = this.responseStatusFilterOptionList[0].isSelected\n      const validated = this.responseStatusFilterOptionList[1].isSelected\n      const responded = this.responseStatusFilterOptionList[2].isSelected\n      let isResponseStatusDefault = false\n      if (alerted && validated && responded) isResponseStatusDefault = true\n      return { responseStatus: { alerted, validated, responded }, isResponseStatusDefault }\n    },\n    checkEventType() {\n      const fire = this.eventTypeFilterOptionList[0].isSelected\n      const nonFire = this.eventTypeFilterOptionList[1].isSelected\n      const unknown = this.eventTypeFilterOptionList[2].isSelected\n      const plannedBurn = this.eventTypeFilterOptionList[3].isSelected\n      const unselected = this.eventTypeFilterOptionList[4].isSelected\n      let isEventTypeDefault = false\n      if (fire && nonFire && unknown && plannedBurn && unselected) isEventTypeDefault = true\n      return { eventType: { fire, nonFire, unknown, plannedBurn, unselected }, isEventTypeDefault }\n    },\n    checkPfirsData() {\n      let isPfirsDataDefault = false\n      const allBurns = this.pfirsFilterOptionList[0].isSelected\n      const noBurns = this.pfirsFilterOptionList[1].isSelected\n      if (allBurns && !noBurns) isPfirsDataDefault = true\n      return { pfirsData: { allBurns, noBurns }, isPfirsDataDefault }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.filter-dialog-card {\n  border-radius: 16px;\n  width: 600px;\n  height: 610px;\n  .filter-dialog-title {\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 25px;\n    height: 65px;\n    width: 600px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: #ffffff;\n    color: #363636;\n    &.dark {\n      background-color: #25262c;\n      color: #ffffffde;\n    }\n  }\n  .filter-dialog-close {\n    position: absolute;\n    top: 25px;\n    right: 30px;\n    cursor: pointer;\n  }\n  .filter-dialog-content-container {\n    height: 474px;\n    overflow-y: scroll;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    background-color: #ffffff;\n    border-top: 1px solid #f9f9f9;\n    border-bottom: 1px solid #f9f9f9;\n\n    &.dark::-webkit-scrollbar-thumb {\n      background-color: rgba(255, 255, 255, 0.87);\n    }\n    &::-webkit-scrollbar-thumb {\n      background-color: #00000042;\n      border-radius: 3px;\n    }\n    &::-webkit-scrollbar {\n      background-color: rgba(255, 255, 255, 0.87);\n      width: 6px;\n    }\n    &.dark::-webkit-scrollbar {\n      background-color: var(--f-bg-middle);\n    }\n\n    &.dark {\n      background-color: #25262c;\n      border-top: 1px solid #323340;\n      border-bottom: 1px solid #323340;\n    }\n\n    .filter-dialog-content-top-text {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 22px;\n      margin: 10px 0;\n      color: #363636;\n      &.dark {\n        color: #ffffffde;\n      }\n    }\n\n    .filter-dialog-content-section-title {\n      font-weight: 600;\n      font-size: 14px;\n      line-height: 19px;\n      padding-left: 10px;\n      margin-bottom: 15px;\n      color: #363636;\n      &.dark {\n        color: #ffffffde;\n      }\n    }\n\n    .filter-dialog-content-section-options {\n      width: 100%;\n      padding-left: 20px;\n      display: flex;\n\n      .filter-dialog-option-container {\n        display: flex;\n        align-items: center;\n        margin-right: 30px;\n\n        .filter-dialog-option-container-img-container {\n          height: 19px;\n          width: 19px;\n          margin-right: 7px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n        }\n\n        .filter-dialog-content-toggle {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-right: 7px;\n          padding: 0;\n          height: 16px;\n          width: 16px;\n          line-height: 16px;\n          border-radius: 50%;\n          border: 2px solid #363636;\n          cursor: pointer;\n          &.dark {\n            border: 2px solid #ffffffde;\n          }\n          &.err {\n            border: 2px solid var(--f-primary-90);\n          }\n\n          .filter-dialog-content-toggle-inner {\n            height: 8px;\n            width: 8px;\n            line-height: 8px;\n            margin: 0;\n            border-radius: 50%;\n            background-color: #363636;\n            &.dark {\n              background-color: #ffffffde;\n            }\n            &.err {\n              background-color: var(--f-primary-90);\n            }\n          }\n        }\n\n        img {\n          cursor: pointer;\n        }\n\n        .filter-dialog-content-option-text {\n          font-weight: 400;\n          font-size: 14px;\n          color: #363636;\n          display: flex;\n          align-items: center;\n          cursor: pointer;\n\n          &.dark {\n            color: #ffffffde;\n          }\n          &.err {\n            color: var(--f-primary-90);\n          }\n          img {\n            margin-left: 8px;\n          }\n        }\n      }\n    }\n  }\n\n  .filter-dialog-bottom {\n    height: 70px;\n    width: 600px;\n    background-color: #ffffff;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    &.dark {\n      background-color: #25262c;\n    }\n    .filter-dialog-btn-clear-all {\n      cursor: pointer;\n      font-weight: 600;\n      font-size: 14px;\n      line-height: 19px;\n      text-decoration-line: underline;\n      color: #363636;\n      &.dark {\n        color: #ffffffde;\n      }\n    }\n\n    .filter-dialog-btn-apply {\n      border-radius: 8px;\n      .filter-dialog-btn-apply-text {\n        letter-spacing: 0;\n        font-weight: 600;\n        font-size: 16px;\n        line-height: 22px;\n        color: #ffffffde;\n      }\n    }\n  }\n}\n\n.calendar-wrapper {\n  position: absolute;\n  transform: translate(280px, -150px);\n  z-index: 1;\n}\n\n.date-text {\n  font-weight: 500;\n  font-size: 12px;\n  height: 18px;\n  color: #00000042;\n  position: absolute;\n  width: 200%;\n  bottom: -20px;\n  &.err {\n    color: var(--f-primary-90);\n  }\n  &.dark {\n    color: #ffffff99;\n  }\n}\n\n.background-dialog {\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n\n.filter-dialog-content-toggle-image {\n  margin-right: 7px;\n  cursor: pointer;\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!./FilterDialog.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!./FilterDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FilterDialog.vue?vue&type=template&id=6f577948&scoped=true&\"\nimport script from \"./FilterDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./FilterDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FilterDialog.vue?vue&type=style&index=0&id=6f577948&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  \"6f577948\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VBtn,VCard,VDialog})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"width\":\"1002px\",\"persistent\":true,\"no-click-animation\":\"\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('section',{class:(\"repetitive-select-modal \" + _vm.themeName)},[_c('div',{class:(\"close-btn \" + _vm.themeName)},[(_vm.themeName === 'dark')?_c('img',{attrs:{\"src\":require(\"@/assets/Close_Line_12px_1_Icon_dark.svg\"),\"alt\":\"close\",\"width\":\"12px\"},on:{\"click\":function($event){return _vm.closeModal(false)}}}):_c('img',{attrs:{\"src\":require(\"@/assets/Close_Line_12px_1_Icon.svg\"),\"alt\":\"close\",\"width\":\"10px\"},on:{\"click\":function($event){return _vm.closeModal(false)}}})]),_c('h2',{class:(\"modal-title \" + _vm.themeName)},[_vm._v(\"With which detection is it Repetitive?\")]),_c('div',{staticClass:\"content-continer\"},[_c('div',{staticClass:\"content-wrapper\"},[_c('span',{class:(\"content-title \" + _vm.themeName + \" current\")},[_vm._v(\"Current Event\")]),_c('div',{staticClass:\"content\"},[_c('DetectImage',{attrs:{\"logInfo\":_vm.mapViewSelectedLog}}),_c('div',{class:(\"content-text \" + _vm.themeName)},[_vm._v(_vm._s(_vm.getCamNameAndCreateTime(_vm.mapViewSelectedLog)))])],1)]),_c('div',{class:\"content-wrapper\"},[_c('span',{class:(\"content-title \" + _vm.themeName + \" comparitive\")},[_vm._v(\"Comparative Events\")]),(!_vm.imageViewMode)?_c('div',{class:(\"content repetitive \" + _vm.themeName)},[_c('div',{class:(\"content-description \" + _vm.themeName)},[_vm._v(\"First Detections within 24 hours\")]),_c('div',{staticStyle:{\"height\":\"128px\",\"overflow-y\":\"auto\"}},_vm._l((_vm.firstDetectionsWithIn24Hours),function(info,idx){return _c('div',{key:idx,staticClass:\"repetitive-info\",on:{\"click\":function($event){return _vm.onClickRepetitiveinfo(info)}}},[_c('input',{class:(\"radio-btn \" + _vm.themeName),attrs:{\"type\":\"radio\",\"name\":\"repetitive\",\"id\":info.log_id}}),_c('label',{class:(\"repetitive-text \" + _vm.themeName),attrs:{\"for\":info.log_id}},[_vm._v(_vm._s(_vm.getCamNameAndCreateTime(info)))])])}),0),_c('SmallButton',{staticClass:\"view-btn\",attrs:{\"bgColor\":'#FF5B54',\"disable\":!_vm.selectedInfo,\"width\":101,\"height\":30},on:{\"onClick\":_vm.changeToViewMode}},[_vm._v(\"View\")])],1):_c('div',{class:(\"content \" + (_vm.imageViewMode ? 'view' : '') + \" \" + _vm.themeName)},[_c('div',{class:(\"return-btn \" + _vm.themeName),on:{\"click\":_vm.changeToListMode}},[_c('img',{attrs:{\"src\":require(\"@/assets/Return_Icon_Button_Red.svg\"),\"alt\":\"return\"}}),_vm._v(\" Return \")]),_c('DetectImage',{attrs:{\"logInfo\":_vm.selectedInfo}}),_c('div',{class:(\"content-text \" + _vm.themeName)},[_vm._v(_vm._s(_vm.getCamNameAndCreateTime(_vm.selectedInfo)))])],1)])]),_c('SmallButton',{staticClass:\"save-btn\",attrs:{\"bgColor\":'#FF5B54',\"disable\":!_vm.selectedInfo},on:{\"onClick\":_vm.onClickSaveButton}},[_vm._v(\"Save\")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" width=\"1002px\" :persistent=\"true\" no-click-animation>\n    <section :class=\"`repetitive-select-modal ${themeName}`\">\n      <div :class=\"`close-btn ${themeName}`\">\n        <img v-if=\"themeName === 'dark'\" src=\"@/assets/Close_Line_12px_1_Icon_dark.svg\" alt=\"close\" width=\"12px\" @click=\"closeModal(false)\" />\n        <img v-else src=\"@/assets/Close_Line_12px_1_Icon.svg\" alt=\"close\" width=\"10px\" @click=\"closeModal(false)\" />\n      </div>\n      <h2 :class=\"`modal-title ${themeName}`\">With which detection is it Repetitive?</h2>\n      <div class=\"content-continer\">\n        <div class=\"content-wrapper\">\n          <span :class=\"`content-title ${themeName} current`\">Current Event</span>\n          <div class=\"content\">\n            <DetectImage :logInfo=\"mapViewSelectedLog\" />\n            <div :class=\"`content-text ${themeName}`\">{{ getCamNameAndCreateTime(mapViewSelectedLog) }}</div>\n          </div>\n        </div>\n        <div :class=\"`content-wrapper`\">\n          <span :class=\"`content-title ${themeName} comparitive`\">Comparative Events</span>\n          <div :class=\"`content repetitive ${themeName}`\" v-if=\"!imageViewMode\">\n            <div :class=\"`content-description ${themeName}`\">First Detections within 24 hours</div>\n            <div style=\"height: 128px; overflow-y: auto\">\n              <div v-for=\"(info, idx) in firstDetectionsWithIn24Hours\" :key=\"idx\" class=\"repetitive-info\" @click=\"onClickRepetitiveinfo(info)\">\n                <input type=\"radio\" :class=\"`radio-btn ${themeName}`\" name=\"repetitive\" :id=\"info.log_id\" />\n                <label :for=\"info.log_id\" :class=\"`repetitive-text ${themeName}`\">{{ getCamNameAndCreateTime(info) }}</label>\n              </div>\n            </div>\n            <SmallButton @onClick=\"changeToViewMode\" :bgColor=\"'#FF5B54'\" :disable=\"!selectedInfo\" :width=\"101\" :height=\"30\" class=\"view-btn\"\n              >View</SmallButton\n            >\n          </div>\n          <div v-else :class=\"`content ${imageViewMode ? 'view' : ''} ${themeName}`\">\n            <div :class=\"`return-btn ${themeName}`\" @click=\"changeToListMode\">\n              <img src=\"@/assets/Return_Icon_Button_Red.svg\" alt=\"return\" /> Return\n            </div>\n            <DetectImage :logInfo=\"selectedInfo\" />\n            <div :class=\"`content-text ${themeName}`\">{{ getCamNameAndCreateTime(selectedInfo) }}</div>\n          </div>\n        </div>\n      </div>\n      <SmallButton @onClick=\"onClickSaveButton\" :bgColor=\"'#FF5B54'\" :disable=\"!selectedInfo\" class=\"save-btn\">Save</SmallButton>\n    </section>\n  </v-dialog>\n</template>\n\n<script>\nimport moment from 'moment'\nimport DetectImage from '@common/ImagePlayer/DetectImage'\nimport SmallButton from '@item/button/SmallButton'\nimport Util from '@/util'\n\nexport default {\n  components: { DetectImage, SmallButton },\n  data() {\n    return {\n      imageViewMode: false,\n      selectedInfo: null,\n      mapViewSelectedLog: null,\n    }\n  },\n  props: {\n    value: Boolean,\n    selectedFirstDetectionLog: {\n      type: Object,\n      default: null,\n    },\n    firstDetectionsWithIn24Hours: {\n      type: Object,\n      default: [],\n    },\n  },\n  created() {\n    this.mapViewSelectedLog = this.selectedFirstDetectionLog\n  },\n  computed: {\n    themeName() {\n      return this.$vuetify.theme.dark ? 'dark' : 'light'\n    },\n  },\n  methods: {\n    getCamNameAndCreateTime(info) {\n      if (info) {\n        const date = Util.getOffsetDate(info.created_at, info.offset)\n        return `[${moment(date).format('YYYY-MM-DD HH:mm:ss')}] ${info.camera_name}`\n      } else return '-'\n    },\n    changeToViewMode() {\n      if (this.selectedInfo !== null) this.imageViewMode = true\n    },\n    changeToListMode() {\n      this.imageViewMode = false\n      this.$nextTick(() => {\n        const repetitiveInfo = document.getElementById(`${this.selectedInfo.log_id}`)\n        repetitiveInfo.click()\n      })\n    },\n    onClickRepetitiveinfo(info) {\n      this.selectedInfo = info\n    },\n    async onClickSaveButton() {\n      if (this.selectedInfo) {\n        await this.$store.dispatch('setLogDetectionTypeAction', {\n          log_id: this.mapViewSelectedLog.log_id,\n          duplicated_log_id: this.selectedInfo.log_id,\n          is_duplicate: true,\n        })\n        this.closeModal(true)\n      }\n    },\n    closeModal(saveSuccess) {\n      this.$emit('close', saveSuccess)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.repetitive-select-modal {\n  padding: 20px 40px 50px 40px;\n  &.light {\n    background-color: #ffffff;\n  }\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n}\n\n.content-continer {\n  display: flex;\n  margin-top: 40px;\n  justify-content: space-between;\n}\n\n.content-wrapper {\n  width: calc(50% - 15px);\n  display: flex;\n  flex-direction: column;\n}\n\n.modal-title {\n  text-align: center;\n  font-weight: 700;\n  font-size: 18px;\n  color: var(--f-text-black);\n  line-height: 22px;\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.content-title {\n  padding: 8px 24px;\n  font-weight: 700;\n  font-size: 14px;\n  border-radius: 16px;\n  text-align: center;\n  display: inline-block;\n  margin: 0 auto;\n  line-height: 17px;\n  &.current {\n    width: 137px;\n  }\n  &.comparitive {\n    width: 178px;\n  }\n\n  &.dark {\n    background-color: var(--f-bg-high);\n    color: #ffffffde;\n  }\n  &.light {\n    background-color: var(--f-text-black-low);\n    color: var(--f-text-black);\n  }\n}\n\n.content {\n  border-radius: 16px;\n  margin-top: 45px;\n  &.repetitive {\n    padding: 20px 0;\n    display: flex;\n    flex-direction: column;\n    &.dark {\n      background-color: var(--f-bg-high);\n    }\n    &.light {\n      background-color: var(--f-light-gray-1);\n    }\n  }\n  &.view {\n    margin-top: 5px;\n    color: #000000de;\n    &.dark {\n      color: #ffffff;\n    }\n  }\n}\n\n.content-text {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 17px;\n  text-align: center;\n  margin-top: 10px;\n  color: var(--f-text-black);\n  &.dark {\n    color: #ffffffde;\n  }\n}\n.repetitive-text {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 17px;\n  color: var(--f-text-black);\n  flex-grow: 1;\n  padding-left: 10px;\n  &.dark {\n    color: #ffffffde;\n  }\n}\n.content-description {\n  text-align: center;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 17px;\n  padding-bottom: 5px;\n  color: var(--f-text-black);\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.repetitive-info {\n  display: flex;\n  align-items: center;\n  margin: 15px 0 0 39px;\n}\n\n.radio-btn {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 16px;\n  height: 16px;\n  &.dark {\n    background-image: url('~@/assets/Radio_Button_Empty_White.svg');\n  }\n  &.light {\n    background-image: url('~@/assets/Radio_Button_Empty_Black.svg');\n  }\n}\n.radio-btn:checked {\n  &.dark {\n    background-image: url('~@/assets/Radio_Button_Filled_White.svg');\n  }\n  &.light {\n    background-image: url('~@/assets/Radio_Button_Filled_Black.svg');\n  }\n}\n\n.return-btn {\n  display: flex;\n  align-items: center;\n  margin-bottom: 10px;\n  font-size: 14px;\n  cursor: pointer;\n  width: 82px;\n  img {\n    margin-right: 10px;\n  }\n  color: var(--f-text-black);\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.view-btn {\n  align-self: center;\n  margin-top: 31px;\n  font-size: 14px !important;\n  &.light {\n    color: #ffffff;\n  }\n}\n\n.close-btn {\n  text-align: end;\n  margin-bottom: 18px;\n  margin-right: -20px;\n  height: 12px;\n  img {\n    cursor: pointer;\n  }\n}\n\n.save-btn {\n  margin: 0 auto;\n  margin-top: 40px;\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!./RepetitiveSelectModal.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!./RepetitiveSelectModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RepetitiveSelectModal.vue?vue&type=template&id=33b68364&scoped=true&\"\nimport script from \"./RepetitiveSelectModal.vue?vue&type=script&lang=js&\"\nexport * from \"./RepetitiveSelectModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RepetitiveSelectModal.vue?vue&type=style&index=0&id=33b68364&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  \"33b68364\",\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 { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VDialog})\n","<template>\n  <div class=\"map-main-interface\" @mousewheel=\"onMousewheel\" @keydown=\"onKeydown\" @keyup=\"onKeyup\">\n    <div :class=\"{ 'map-view-scroll-guide': true, visible: isInvalidScroll, hidden: !isInvalidScroll }\">Use Ctrl + scroll to zoom the map</div>\n    <!-- Map -->\n    <Map :currentLog=\"mapViewSelectedLog\"></Map>\n    <!-- Filter button -->\n    <v-btn :class=\"{ 'btn-filter': true, filtered: isFiltered }\" height=\"40\" ripple rounded width=\"110\" @click=\"onClickFilterBtn()\">\n      <img v-if=\"!isFiltered\" src=\"@/assets/Filter_Line_16px_Icon.svg\" width=\"16px\" />\n      <img v-else src=\"@/assets/Filter_Line_16px_Icon-red.svg\" width=\"16px\" />\n      <div :class=\"{ 'btn-filter-text': true, filtered: isFiltered }\">Filter</div>\n    </v-btn>\n    <!-- legend -->\n    <div :class=\"`legend-map-view ${themeName}`\">\n      <MapDetailLegend />\n    </div>\n    <!-- Response Status popover-->\n    <DetectionTypeResponseStatusPopover\n      v-if=\"showMapViewResponseStatusPopover\"\n      @click-detection-type-edit-btn=\"onEmitClickDetectionTypeEditBtn\"\n      @click-edit-status-btn=\"onEmitClickEditStatusBtn\"\n    />\n    <!-- <DetectionTypeResponseStatusPopover\n      v-if=\"showMapViewResponseStatusPopover\"\n      @click-detection-type-edit-btn=\"showEditDetectionTypeUnavailableDialog = true\"\n      @click-edit-status-btn=\"onEmitClickEditStatusBtn\"\n    /> -->\n    <EditDetectionTypeDialog\n      :value=\"showEditDetectionTypeDialog\"\n      :selectedLogInfo=\"mapViewSelectedLog\"\n      :loadingForRepetitiveModal=\"loadingForRepetitiveModal\"\n      @close-detection-type-edit=\"onCloseDetectionTypeEditDialog\"\n    />\n    <EditDetectionTypeUnavailableDialog\n      :value=\"showEditDetectionTypeUnavailableDialog\"\n      @close-detection-type-edit-unavailable=\"onCloseDetectionTypeEditUnavailableDialog\"\n    />\n    <EditStatusDialog\n      :value=\"showEditStatusDialog\"\n      :selectedLogInfo=\"mapViewSelectedLog\"\n      :responseStatus=\"responseStatus\"\n      @close-status-edit=\"onCloseEditStatusDialog\"\n    ></EditStatusDialog>\n    <FilterDialog :value=\"showFilterDialog\" @close-filter-dialog=\"onCloseFilterDialog\" @onFilterCheck=\"onFilterCheck\"></FilterDialog>\n    <SnackBar :value=\"snackBarOpen\" :color=\"'secondary'\" :message=\"'Detection Type Edited.'\" @input=\"snackBarOpen = false\" />\n    <RepetitiveSelectModal\n      v-if=\"showRepetitiveSelectModal\"\n      :value=\"showRepetitiveSelectModal\"\n      :selectedFirstDetectionLog=\"mapViewSelectedLog\"\n      :firstDetectionsWithIn24Hours=\"firstDetectionsWithIn24Hours\"\n      @close=\"onCloseRepetitiveSelectModal\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport moment from 'moment'\nimport Theme from '@/mixin/theme.mixin'\nimport Util from '@/util'\n\nimport { alert } from '@/api'\nimport DetectionTypeResponseStatusPopover from '@desktop/adminOrViewer/mapView/DetectionResponseStatusPopover.vue'\nimport Map from '@common/ArcGIS/MapViewMap'\nimport EditStatusDialog from '@desktop/dialog/EditStatusDialog.vue'\nimport EditDetectionTypeDialog from '@desktop/dialog/EditDetectionTypeDialog.vue'\nimport EditDetectionTypeUnavailableDialog from '@desktop/dialog/EditDetectionTypeUnavailableDialog.vue'\nimport FilterDialog from '@desktop/dialog/FilterDialog.vue'\nimport MapDetailLegend from '@common/MapDetailLegend.vue'\nimport SnackBar from '@common/SnackBar'\nimport RepetitiveSelectModal from './RepetitiveSelectModal'\n\nexport default {\n  mixins: [Theme],\n  watch: {\n    mapViewSelectedLog(next, prev) {\n      if (next && prev && next.log_id !== prev.log_id) {\n        this.showFilterDialog = false\n        this.showEditStatusDialog = false\n        this.$store.dispatch('setShowMapViewResponseStatusPopoverAction', false)\n        this.showEditDetectionTypeDialog = false\n        this.showEditDetectionTypeUnavailableDialog = false\n      }\n    },\n  },\n  components: {\n    DetectionTypeResponseStatusPopover,\n    EditDetectionTypeDialog,\n    EditDetectionTypeUnavailableDialog,\n    Map,\n    EditStatusDialog,\n    FilterDialog,\n    MapDetailLegend,\n    SnackBar,\n    RepetitiveSelectModal,\n  },\n  computed: {\n    ...mapState(['showMapViewResponseStatusPopover', 'mapViewSelectedLog', 'recentLogList', 'mapviewExpandedAccordionLogId']),\n    responseStatus() {\n      if (!this.mapViewSelectedLog) return ''\n      if (Util.isDuplicateLog(this.mapViewSelectedLog)) {\n        return 'Repetitive'\n      }\n      let result = 'Alerted'\n      if (this.mapViewSelectedLog.response_status?.is_validated) {\n        result = 'Validated'\n      }\n      if (this.mapViewSelectedLog.response_status?.is_responded) {\n        result = 'Responded'\n      }\n      return result\n    },\n  },\n  data() {\n    return {\n      legendKeys: [\n        {\n          borderColor: '#F9423A73',\n          color: '#F9423A',\n          text: '3 Hours',\n        },\n        {\n          borderColor: '#FFB80073',\n          color: '#FFB800',\n          text: '6 Hours',\n        },\n        {\n          borderColor: '#384CFF73',\n          color: '#384CFF',\n          text: '24 Hours',\n        },\n        {\n          borderColor: '#6D6D6D73',\n          color: '#6D6D6D',\n          text: 'Extra',\n        },\n      ],\n      showEditDetectionTypeDialog: false,\n      showEditDetectionTypeUnavailableDialog: false,\n      showRepetitiveSelectModal: false,\n      showEditStatusDialog: false,\n      showFilterDialog: false,\n      isFiltered: false,\n      snackBarOpen: false,\n      // zoom control restriction(s)\n      isPressingControlKey: false,\n      isInvalidScroll: false,\n      invalidScrollTimeout: null,\n      loadingForRepetitiveModal: false,\n      firstDetectionsWithIn24Hours: [],\n    }\n  },\n  methods: {\n    ...mapActions([\n      'getRecentLogListInMapview',\n      'getLogChildrenAction',\n      'setMapViewSelectedLogChildAction',\n      'setMapViewSelectedLogAction',\n      'getLogInfo',\n    ]),\n    onEmitClickDetectionTypeEditBtn() {\n      this.showEditDetectionTypeDialog = true\n    },\n    onEmitClickEditStatusBtn() {\n      this.showEditStatusDialog = true\n    },\n    onCloseFilterDialog(evt) {\n      this.showFilterDialog = false\n      if (evt) {\n        this.$store.dispatch('setShowMapViewResponseStatusPopoverAction', false)\n        this.$store.dispatch('setMapViewSelectedLogAction', null)\n      }\n    },\n    onClickFilterBtn() {\n      this.showFilterDialog = true\n    },\n    async onCloseDetectionTypeEditDialog(isSave) {\n      this.loadingForRepetitiveModal = true\n\n      const {\n        data: { logs },\n      } = await alert.getFirstDetectionsWithin24Hours(this.mapViewSelectedLog.log_id)\n      this.firstDetectionsWithIn24Hours = logs.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime())\n      // check if there are any first detection logs within 24 hours from current time of same camera\n      const CHANGE_TO_FIRST_DETECTION = isSave && Util.isDuplicateLog(this.mapViewSelectedLog)\n      // const recentLogsFromSameCamera = this.recentLogList.filter((log) => log.camera_id === this.mapViewSelectedLog.camera_id)\n      // const ONE_DAY_AGO = moment().subtract(24, 'hours').format()\n\n      const VALID_FIRST_DETECTIONS_EXIST = this.firstDetectionsWithIn24Hours.length\n\n      this.loadingForRepetitiveModal = false\n\n      this.showEditDetectionTypeDialog = false\n\n      if (isSave && !CHANGE_TO_FIRST_DETECTION && VALID_FIRST_DETECTIONS_EXIST) {\n        // this.$log.debug('Valid change to Repetitive Detection # MapMainInterface.vue')\n        this.showRepetitiveSelectModal = true\n      } else if (isSave && !CHANGE_TO_FIRST_DETECTION && !VALID_FIRST_DETECTIONS_EXIST) {\n        // this.$log.debug('Invalid change to Repetitive Detection # MapMainInterface.vue')\n        this.showEditDetectionTypeUnavailableDialog = true\n      } else if (isSave && CHANGE_TO_FIRST_DETECTION) {\n        // this.$log.debug('Change to First Detection # MapMainInterface.vue')\n        await this.$store.dispatch('setLogDetectionTypeAction', {\n          log_id: this.mapViewSelectedLog.log_id,\n          duplicated_log_id: null,\n          is_duplicate: false,\n        })\n        this.onChangeDetectionType()\n        this.updateDrawer('first')\n      }\n    },\n    async updateDrawer(toChangeType) {\n      this.$store.dispatch('setShowMapViewResponseStatusPopoverAction', false)\n\n      // update selected log info\n      const updatedLogInfo = await this.getLogInfo(this.mapViewSelectedLog.log_id)\n      if (!!updatedLogInfo) {\n        this.setMapViewSelectedLogAction(updatedLogInfo)\n      }\n      if (toChangeType === 'repetitive') {\n        // if accordion is expanded, update duplicate logs list\n        if (this.mapviewExpandedAccordionLogId !== -1) {\n          await this.getLogChildrenAction(this.mapviewExpandedAccordionLogId)\n        }\n      }\n    },\n\n    onCloseDetectionTypeEditUnavailableDialog() {\n      this.showEditDetectionTypeUnavailableDialog = false\n    },\n    onCloseEditStatusDialog(isSave) {\n      this.showEditStatusDialog = false\n      if (isSave) {\n        this.$store.dispatch('setShowMapViewResponseStatusPopoverAction', false)\n        this.getRecentLogListInMapview({\n          includeChildLogs: true,\n          includeNotificationInformation: true,\n          includeDuplicatesByOrganization: true,\n          includeResponseStatusInformation: true,\n          tabIndex: 1,\n          themeName: this.themeName,\n        }).then((logs) => {\n          if (logs && logs.length && logs.filter((log) => log.log_id === this.mapViewSelectedLog.log_id).length) {\n            const updatedLogObject = logs.filter((log) => log.log_id === this.mapViewSelectedLog.log_id)[0]\n            this.setMapViewSelectedLogAction(updatedLogObject)\n          }\n        })\n      }\n    },\n    onCloseRepetitiveSelectModal(saveSuccess) {\n      this.firstDetectionsWithIn24Hours = []\n      this.showRepetitiveSelectModal = false\n      if (saveSuccess) {\n        this.onChangeDetectionType()\n        this.updateDrawer('repetitive')\n      }\n    },\n    onFilterCheck(filter) {\n      this.isFiltered = filter\n    },\n    // Methods to be utilized when the Detection Type is modified successfully\n    onChangeDetectionType() {\n      this.snackBarOpen = true\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.map-main-interface {\n  flex-grow: 1;\n  height: 100%;\n  position: relative;\n\n  .map-view-scroll-guide {\n    height: 100%;\n    width: 100%;\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  .btn-filter {\n    position: absolute;\n    top: 17px;\n    right: 15px;\n    background-color: var(--f-primary-90);\n    &.filtered {\n      border: 1px solid var(--f-primary-90);\n      background-color: var(--f-supplementary-highlight);\n    }\n\n    .btn-filter-text {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 22px;\n      color: var(--f-text-white);\n      margin-left: 8px;\n\n      &.filtered {\n        color: var(--f-primary-90);\n      }\n    }\n  }\n\n  .legend-map-view {\n    position: absolute;\n    bottom: 25px;\n    left: 15px;\n    z-index: 1;\n  }\n  .notice-map-view {\n    position: absolute;\n    bottom: 66px;\n    left: 15px;\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!./MapMainInterface.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!./MapMainInterface.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapMainInterface.vue?vue&type=template&id=33935746&scoped=true&\"\nimport script from \"./MapMainInterface.vue?vue&type=script&lang=js&\"\nexport * from \"./MapMainInterface.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapMainInterface.vue?vue&type=style&index=0&id=33935746&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  \"33935746\",\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';\ninstallComponents(component, {VBtn})\n","<template>\n  <div class=\"map-view\">\n    <audio ref=\"audio\" src=\"@/assets/alert.wav\" preload loop>Your browser does not support the audio element.</audio>\n    <section :class=\"themeName\">\n      <SelectDrawer @stopAlert=\"stopAlert\" :mapviewAlertOn=\"mapviewAlertOn\" />\n      <MainInterface />\n    </section>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport moment from 'moment'\nimport RotuerMixin from '@/mixin/router.mixin'\nimport SelfInfoMixin from '@/mixin/selfinfo.mixin'\nimport Theme from '@/mixin/theme.mixin'\nimport Util from '@/util'\nimport Vue from 'vue'\nimport { POSITION } from 'vue-toastification'\n\nimport SelectDrawer from '@desktop/adminOrViewer/mapView/MapSelectDrawer'\nimport MainInterface from '@desktop/adminOrViewer/mapView/MapMainInterface'\n\nimport Constants from '@/constants'\n\nexport default {\n  name: 'MapView',\n  mixins: [RotuerMixin, SelfInfoMixin, Theme],\n  components: {\n    SelectDrawer,\n    MainInterface,\n  },\n  data() {\n    return {\n      refreshInterval: null,\n      alertAudioTimer: null,\n      alertBorderTimer: null,\n      stopAlertWhileBrowsing: false,\n      mapviewAlertOn: false,\n      // recentLogListInMapview query parameters\n      includeChildLogs: true,\n      includeNotificationInformation: true,\n      includeDuplicatesByOrganization: true,\n      includeResponseStatusInformation: true,\n      // alarm-related variables\n      initialized: false,\n    }\n  },\n  computed: {\n    ...mapState([\n      'camMap',\n      'camList',\n      'recentLogList',\n      'recentLogListv2',\n      'eventTypeList',\n      'user',\n      'currentLog',\n      'currentCam',\n      'isMapviewAlertOff',\n      'mapViewSelectedLog',\n      'mapViewFilter',\n    ]),\n    recentLogs() {\n      let logs = this.recentLogList.slice(0, 6).filter((log) => Util.checkRecent72(log.created_at, log.offset))\n      if (logs.length) {\n        return logs\n      } else if (this.recentLogList.length) {\n        return [this.recentLogList[0]]\n      } else {\n        return []\n      }\n    },\n    isAlertOff() {\n      return this.isMapviewAlertOff\n    },\n  },\n  watch: {\n    mapViewFilter(newFilter, oldFilter) {\n      // if custom date range selected\n      if (!oldFilter.detectionWithin.isCustom && newFilter.detectionWithin.isCustom) {\n        // disable alert if on\n        if (this.mapviewAlertOn) this.stopAlert()\n        // stop polling\n        clearTimeout(this.refreshInterval)\n      } else if (oldFilter.detectionWithin.isCustom && !newFilter.detectionWithin.isCustom) {\n        // start polling\n        this.startRecentLogListPolling()\n      }\n    },\n    recentLogList(newList, oldList) {\n      if (this.initialized && !this.mapViewFilter.detectionWithin.isCustom) {\n        // create log ID map of oldList\n        let idMap = {}\n        oldList.forEach((log) => {\n          idMap[log.log_id] = log\n        })\n        // iterate through each of the logs in newList, check against log ID map\n        for (let i = 0; i < newList.length; i += 1) {\n          // check if true new log comes in\n          if (!idMap[newList[i].log_id] && !Util.isDuplicateLog(newList[i]) && !this.isAlertOff) {\n            this.$store.dispatch('setMapViewSelectedLogAction', newList[i])\n            this.startAlert()\n            break\n          }\n        }\n      }\n    },\n  },\n  async created() {\n    await this.getCamList({ justCamList: true })\n    await this.getRecentLogListv2({\n      tabIndex: 1,\n      inNoti: this.includeNotificationInformation,\n      inRepOrg: this.includeDuplicatesByOrganization,\n      inRespStat: this.includeResponseStatusInformation,\n      inChild: this.includeChildLogs,\n    })\n    await this.initialize()\n  },\n  destroyed() {\n    clearTimeout(this.refreshInterval)\n    clearTimeout(this.alertAudioTimer)\n    clearTimeout(this.alertBorderTimer)\n    this.$store.dispatch('setShowMapViewResponseStatusPopoverAction', false)\n    this.$toast.clear()\n  },\n  methods: {\n    ...mapActions(['setCurrentLog', 'getCamList', 'getRecentLogListInMapview', 'getRecentLogListv2', 'getLogList']),\n    initialize() {\n      const updateToastDefaultOptions = {\n        hideProgressBar: true,\n        icon: false,\n        position: POSITION.TOP_RIGHT,\n        timeout: 10000,\n      }\n      Vue.$toast.updateDefaults(updateToastDefaultOptions)\n      this.startRecentLogListPolling()\n    },\n    startRecentLogListPolling() {\n      clearTimeout(this.refreshInterval)\n      this.refreshInterval = setTimeout(async () => {\n        // const firstLog = this.recentLogListv2 && this.recentLogListv2.length && this.recentLogListv2[0]\n        await this.getRecentLogListInMapview({\n          includeChildLogs: this.includeChildLogs,\n          includeNotificationInformation: this.includeNotificationInformation,\n          includeDuplicatesByOrganization: this.includeDuplicatesByOrganization,\n          includeResponseStatusInformation: this.includeResponseStatusInformation,\n          tabIndex: 1,\n          themeName: this.themeName,\n        })\n        if (!this.initialized) this.initialized = true\n        // const updatedFirstLog = this.recentLogListv2 && this.recentLogListv2.length && this.recentLogListv2[0]\n        // // refresh mapview selected log\n\n        // if (this.mapViewSelectedLog && this.mapViewSelectedLog?.log_id) {\n        //   const updatedLog = this.recentLogs.filter((log) => log.log_id === this.mapViewSelectedLog.log_id)\n        //   if (updatedLog.length) {\n        //     this.$store.dispatch('setMapViewSelectedLogAction', updatedLog[0])\n        //   }\n        // }\n        // if (\n        //   firstLog.camera_id &&\n        //   updatedFirstLog.camera_id &&\n        //   firstLog.camera_id !== updatedFirstLog.camera_id &&\n        //   !this.isAlertOff &&\n        //   !updatedFirstLog.is_checked_organization\n        // ) {\n        //   // select most recent log and trigger alarm\n        //   this.$store.dispatch('setMapViewSelectedLogAction', updatedFirstLog)\n\n        //   const updatedLogPauseEndTime = this.camMap[updatedFirstLog.camera_id].noti_pause_end\n\n        //   if (!updatedLogPauseEndTime || moment().isAfter(updatedLogPauseEndTime)) this.startAlert(updatedFirstLog)\n        // }\n        this.startRecentLogListPolling()\n      }, Constants.INTERVAL_SITE_LOG)\n      // refresh rate: 5 seconds\n    },\n\n    startAlert() {\n      this.mapviewAlertOn = true\n      this.$refs.audio.play()\n\n      if (this.alertAudioTimer !== null) clearTimeout(this.alertAudioTimer)\n      this.alertAudioTimer = setTimeout(() => {\n        this.$refs.audio.pause()\n      }, 12000)\n\n      if (this.alertBorderTimer !== null) clearTimeout(this.alertBorderTimer)\n      this.alertBorderTimer = setTimeout(() => {\n        this.mapviewAlertOn = false\n      }, 60000)\n    },\n    stopAlert() {\n      this.$refs.audio.pause()\n      this.mapviewAlertOn = false\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.map-view {\n  display: flex;\n  height: calc(100% - 80px);\n}\n\nsection {\n  flex-grow: 1;\n  display: flex;\n  height: 0;\n  min-height: 100%;\n  overflow: auto;\n  background-color: var(--f-text-white);\n\n  &.dark {\n    background-color: var(--f-bg-low);\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!./MapView.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!./MapView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapView.vue?vue&type=template&id=c7d121e2&scoped=true&\"\nimport script from \"./MapView.vue?vue&type=script&lang=js&\"\nexport * from \"./MapView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapView.vue?vue&type=style&index=0&id=c7d121e2&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  \"c7d121e2\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Checkbox-On_16px_Icon_dark.c22b63b7.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!./EditDetectionTypeUnavailableDialog.vue?vue&type=style&index=0&id=4a13d60d&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!./MapView.vue?vue&type=style&index=0&id=c7d121e2&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Detection_Line_2_20px_Icon_black.7cc9935f.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!./DetectionResponseStatusPopover.vue?vue&type=style&index=0&id=4b7f5484&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Calendar_Xsmall_Button-active.aa7f16dd.svg\";","module.exports = __webpack_public_path__ + \"img/Chevron-Down_16px_Icon-Light.b4514a66.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!./FilterDialog.vue?vue&type=style&index=0&id=6f577948&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Chevron-Up_16px_Icon-Dark.766adf7f.svg\";","module.exports = __webpack_public_path__ + \"img/Link_Line_2_20px_Icon_black.3e9d6387.svg\";","module.exports = __webpack_public_path__ + \"img/Message-1s-200px-light.046b21f7.svg\";"],"sourceRoot":""}