{"version":3,"sources":["webpack:///./node_modules/core-js/internals/same-value.js","webpack:///./src/views/desktop/adminOrViewer/Detection.vue?9716","webpack:///./src/assets/Chevron-Down_24px_2_Icon-disabled-dark.svg","webpack:///./src/components/desktop/adminOrViewer/detection/RecentLogList.vue?546e","webpack:///./node_modules/core-js/modules/es.string.search.js","webpack:///./src/components/desktop/dialog/SaveLabelDialogAdmin.vue?a89b","webpack:///./src/views/desktop/adminOrViewer/Detection.vue?e5ba","webpack:///./src/components/common/ArcGIS/DetectionMap.vue?6815","webpack:///src/components/common/ArcGIS/DetectionMap.vue","webpack:///./src/components/common/ArcGIS/DetectionMap.vue?da4f","webpack:///./src/components/common/ArcGIS/DetectionMap.vue","webpack:///./src/components/desktop/adminOrViewer/detection/RecentCameraList.vue?d68d","webpack:///src/components/desktop/adminOrViewer/detection/RecentCameraList.vue","webpack:///./src/components/desktop/adminOrViewer/detection/RecentCameraList.vue?4a73","webpack:///./src/components/desktop/adminOrViewer/detection/RecentCameraList.vue","webpack:///./src/components/desktop/adminOrViewer/detection/RecentLogList.vue?0dfa","webpack:///./src/components/desktop/dialog/SaveLabelDialogAdmin.vue?6aca","webpack:///src/components/desktop/dialog/SaveLabelDialogAdmin.vue","webpack:///./src/components/desktop/dialog/SaveLabelDialogAdmin.vue?d134","webpack:///./src/components/desktop/dialog/SaveLabelDialogAdmin.vue","webpack:///src/components/desktop/adminOrViewer/detection/RecentLogList.vue","webpack:///./src/components/desktop/adminOrViewer/detection/RecentLogList.vue?d32a","webpack:///./src/components/desktop/adminOrViewer/detection/RecentLogList.vue","webpack:///src/views/desktop/adminOrViewer/Detection.vue","webpack:///./src/views/desktop/adminOrViewer/Detection.vue?b36f","webpack:///./src/views/desktop/adminOrViewer/Detection.vue","webpack:///./src/components/common/ArcGIS/DetectionMap.vue?8790","webpack:///./src/components/desktop/adminOrViewer/detection/RecentCameraList.vue?b06a","webpack:///./src/assets/Chevron-Down_24px_2_Icon-disabled-light.svg","webpack:///./src/assets/Chevron-Down_24px_2_Icon-black.svg"],"names":["module","exports","Object","is","x","y","call","fixRegExpWellKnownSymbolLogic","anObject","requireObjectCoercible","sameValue","toString","getMethod","regExpExec","SEARCH","nativeSearch","maybeCallNative","regexp","O","this","searcher","undefined","RegExp","string","rx","S","res","done","value","previousLastIndex","lastIndex","result","index","render","_vm","_h","$createElement","_c","_self","staticClass","class","themeName","on","onScroll","_e","onClickRootLog","staticStyle","ref","attrs","currentLog","scopedSlots","_u","key","fn","currentIndex","moveFrame","playerState","imageUrlList","detectedImageIndex","hasAfterImages","play","pause","currentLogId","currentCam","onMousewheel","onKeydown","onKeyup","visible","isInvalidScroll","hidden","style","_v","$event","onClickMapCenterBtn","isSearched","staticRenderFns","_m","mixins","props","data","cameraIcon","cameraIconNonDirection","customGeoJsonDataIcon","selectedLogFireIcon","arcgisMap","GraphicsLayer","sceneview","rotate","graphicsList","clickableGraphicUIDList","camerasDataGeoJsonLayer","pfirsDataFeatureLayer","computed","mapState","orgaizationIds","idArr","join","latitude","coordinate","split","log","longitude","degreeString","util","locaitonToDegree","degree","direction","nonDirection","watch","val","old","camera_id","$log","debug","updateMapGraphics","centerMapToCurrentLog","updatePfirsLayerParams","id","mounted","loadMap","destroyed","$store","commit","methods","loadModules","css","then","auth","token","buildEnvURL","process","fillerBackslashCharacter","urlPrependString","esriConfig","urls","headers","Authorization","map","basemap","ground","currentLogCameraCoordinates","currentCameraCoordinates","view","container","camera","position","z","zoom","constraints","altitude","max","navigation","mouseWheelZoomEnabled","basemapToggle","nextBaseMap","pfirsGeoJsonDataRenderer","type","symbol","url","width","height","pfirsGeoJsonDataLabels","color","haloColor","haloSize","font","size","family","weight","pfirsFirePopupTemplate","title","outFields","content","creator","item","fieldInfos","fieldName","label","overwriteActions","returnGeometry","start_date","moment","end_date","pfirsGeoJsonDataLayer","renderer","labelingInfo","popupTemplate","customParameters","camerasGeoJsonDataRenderer","camerasGeoJsonDataLabels","goToAction","className","camerasPopupTemplate","actions","elevationInfo","mode","self","document","evt","cameraDataView","orgaizationIdsList","where","changeMouseCursor","window","MINUTES_SINCE_FIRE_DETECTED","MAIN_COLOR","BORDER_COLOR","LATITUDE","LONGITUDE","PAN_DIRECTION","outline","matchedCameraName","geometry","center","geodesic","numberOfPoints","radius","radiusUnit","paths","lat","lng","directionText","logID","startDate","endDate","pfirsGeoJsonLayer","goTo","speedFactor","easing","catch","centerMap","computePosition","latLng","distance","heading","google","maps","spherical","computeOffset","component","_l","log_id","openId","isViewer","event_type_id","onClickLog","_s","detectionTime","cameraName","rotate180","onClickCaret","loading","childLogs","length","childLog","onClickChildLog","camera_name","components","EventItem","EventCircle","RepetitiveInfoTooltip","recentCameraList","recentLogListv2","filter","name","user","mapActions","getOffsetDate","created_at","offset","getChildLogOfClicked","inRepOrg","childLogsData","pageDom","Util","VProgressCircular","dark","$vuetify","theme","open","openedId","select","selectedLogId","viewer","displayDetectionTime","has_repetitive","openSaveLabelDialog","onContextMenu","displayChildLog","onClickSaveLabel","model","callback","$$v","showSaveLabelDialog","expression","tmpLog","showEditLabelDialog","directives","rawName","contextmenu","openEditLabelDialog","indexOf","_k","keyCode","hide","apply","arguments","ok","$emit","VCard","VCardText","VDialog","SaveLabelDialog","EditLabelDialog","ContextMenu","recentLogList","isRepetitive","tmpEventId","display","mouseoverDisabled","startDisableMouseoverLogTimer","setTimeout","cam","getChildLogOfClickedLog","selectLog","scroll","scrollToTop","$router","push","eventTypeId","closeContextMenu","alert","inNoti","inRespStat","inChild","tabIndex","e","button","secondaryButton","VSpacer","ClickOutside","CameraInfo","LogInfo","WeatherInfo","Loading","Map","Footer","RecentLogList","RecentCameraList","MapDetailLegend","FramePlayerBar","NewImagePlayer","LiveViewPlayer","intervalSiteLog","isDestroyed","LIVE_VIEW_SHOW_HOURS_THRESHOLD","showMapIsLoading","legendKeys","borderColor","text","isPressingControlKey","invalidScrollTimeout","styleMap","created","clearTimeout","initialize","logId","requestInterval","CONSTANT","updateDataByUrlQuery","preveiosLogId","$refs","detectionMap","rootLog","DetectionImagePlayerContainer","VBtn"],"mappings":"mGAGAA,EAAOC,QAAUC,OAAOC,IAAM,SAAYC,EAAGC,GAE3C,OAAOD,IAAMC,EAAU,IAAND,GAAW,EAAIA,IAAM,EAAIC,EAAID,GAAKA,GAAKC,GAAKA,I,6DCL/D,W,qBCAAL,EAAOC,QAAU,IAA0B,2D,oFCA3C,W,oCCCA,IAAIK,EAAO,EAAQ,QACfC,EAAgC,EAAQ,QACxCC,EAAW,EAAQ,QACnBC,EAAyB,EAAQ,QACjCC,EAAY,EAAQ,QACpBC,EAAW,EAAQ,QACnBC,EAAY,EAAQ,QACpBC,EAAa,EAAQ,QAGzBN,EAA8B,UAAU,SAAUO,EAAQC,EAAcC,GACtE,MAAO,CAGL,SAAgBC,GACd,IAAIC,EAAIT,EAAuBU,MAC3BC,OAAqBC,GAAVJ,OAAsBI,EAAYT,EAAUK,EAAQH,GACnE,OAAOM,EAAWd,EAAKc,EAAUH,EAAQC,GAAK,IAAII,OAAOL,GAAQH,GAAQH,EAASO,KAIpF,SAAUK,GACR,IAAIC,EAAKhB,EAASW,MACdM,EAAId,EAASY,GACbG,EAAMV,EAAgBD,EAAcS,EAAIC,GAE5C,GAAIC,EAAIC,KAAM,OAAOD,EAAIE,MAEzB,IAAIC,EAAoBL,EAAGM,UACtBpB,EAAUmB,EAAmB,KAAIL,EAAGM,UAAY,GACrD,IAAIC,EAASlB,EAAWW,EAAIC,GAE5B,OADKf,EAAUc,EAAGM,UAAWD,KAAoBL,EAAGM,UAAYD,GAC9C,OAAXE,GAAmB,EAAIA,EAAOC,Y,oCCjC3C,W,2FCAA,IAAIC,EAAS,WAAa,IAAIC,EAAIf,KAASgB,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,UAAU,CAACG,MAAO,aAAeN,EAAIO,UAAWC,GAAG,CAAC,OAASR,EAAIS,WAAW,CAAET,EAAc,WAAEG,EAAG,cAAcH,EAAIU,KAAMV,EAAc,WAAEG,EAAG,UAAU,CAACK,GAAG,CAAC,eAAiBR,EAAIW,kBAAkBX,EAAIU,KAAMV,EAAc,WAAEG,EAAG,cAAc,CAACS,YAAY,CAAC,OAAS,iBAAiBZ,EAAIU,KAAKP,EAAG,MAAM,CAACE,YAAY,UAAU,CAAEL,EAAc,WAAEG,EAAG,iBAAiB,CAACU,IAAI,gCAAgCC,MAAM,CAAC,WAAad,EAAIe,YAAYC,YAAYhB,EAAIiB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASN,GAC/lB,IAAIO,EAAeP,EAAIO,aACnBC,EAAYR,EAAIQ,UAChBC,EAAcT,EAAIS,YAClBC,EAAeV,EAAIU,aACnBC,EAAqBX,EAAIW,mBACzBC,EAAiBZ,EAAIY,eACrBC,EAAOb,EAAIa,KACXC,EAAQd,EAAIc,MACZC,EAAef,EAAIe,aACvB,MAAO,CAACzB,EAAG,iBAAiB,CAACW,MAAM,CAAC,aAAec,EAAa,aAAeR,EAAa,YAAcE,EAAY,aAAeC,EAAa,mBAAqBC,EAAmB,eAAiBC,GAAgBjB,GAAG,CAAC,UAAYa,EAAU,KAAOK,EAAK,MAAQC,SAAa,MAAK,EAAM,aAAc3B,EAAc,WAAEG,EAAG,iBAAiB,CAACW,MAAM,CAAC,WAAad,EAAI6B,cAAc7B,EAAIU,MAAM,GAAIV,EAAoB,iBAAEG,EAAG,UAAU,CAACS,YAAY,CAAC,OAAS,SAAS,aAAa,QAAQ,SAAW,WAAW,MAAQ,oBAAoB,UAAU,gBAAgBE,MAAM,CAAC,SAAU,KAAQX,EAAG,MAAM,CAACE,YAAY,gBAAgBO,YAAY,GAAGJ,GAAG,CAAC,WAAaR,EAAI8B,aAAa,QAAU9B,EAAI+B,UAAU,MAAQ/B,EAAIgC,UAAU,CAAC7B,EAAG,MAAM,CAACG,MAAM,CAAE,yBAAyB,EAAM2B,QAASjC,EAAIkC,gBAAiBC,QAASnC,EAAIkC,iBAAkBE,MAAOpC,EAAY,UAAG,CAACA,EAAIqC,GAAG,yCAAyClC,EAAG,MAAM,CAACU,IAAI,eAAeuB,MAAOpC,EAAY,SAAEc,MAAM,CAAC,WAAad,EAAI6B,WAAW,WAAa7B,EAAIe,cAAcZ,EAAG,QAAQ,CAACE,YAAY,iBAAiBS,MAAM,CAAC,OAAS,GAAG,MAAQ,QAAQ,KAAO,GAAG,IAAM,GAAG,OAAS,KAAK,MAAQ,KAAK,KAAO,IAAIN,GAAG,CAAC,MAAQ,SAAS8B,GAAQ,OAAOtC,EAAIuC,yBAAyB,CAACpC,EAAG,MAAM,CAACW,MAAM,CAAC,IAAM,EAAQ,aAA+CX,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,oBAAoB,IAAI,GAAKH,EAAI6B,YAAe7B,EAAIwC,WAAuDxC,EAAc,WAAEG,EAAG,oBAAoBH,EAAIU,KAAtFP,EAAG,gBAAgB,CAACU,IAAI,kBAAmEV,EAAG,WAAW,MACl9CsC,EAAkB,G,uJCXlB,EAAS,WAAa,IAAIzC,EAAIf,KAASgB,EAAGD,EAAIE,eAAsBF,EAAII,MAAMD,GAAO,OAAOH,EAAI0C,GAAG,IACnG,EAAkB,CAAC,WAAa,IAAI1C,EAAIf,KAASgB,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,aAAaS,MAAM,CAAC,GAAK,iB,mMCiBpJ,GACb6B,OAAQA,CAACA,QACTC,MAAOA,CAKLf,WAAYA,OACZd,WAAYA,QAEd8B,KAVF,WAWI,MAAO,CAELC,WAAYA,uCAEZC,uBAAwBA,sCACxBC,sBAAuBA,yBACvBC,oBAAqBA,6BACrBC,UAAWA,KACXC,cAAeA,KACfC,UAAWA,KACXC,OAAQA,EAERC,aAAcA,GAEdC,wBAAyBA,GAEzBC,wBAAyBA,KAEzBC,sBAAuBA,OAG3BC,SAAUA,iCACZC,mGADA,IAEIC,eAFJ,WAIM,IADA,IAAN,KACA,2FACQC,EAAMA,KAAKA,GAEb,OAAOA,EAAMC,KAAK,MAEpBC,SATJ,WAUM,OAAI9E,KAAK4C,WACA5C,KAAK4C,WAAWmC,WAAWC,MAAM,KAAK,GAEtChF,KAAKiF,MAApB,sIADA,OAIIC,UAhBJ,WAiBM,OAAIlF,KAAK4C,WACA5C,KAAK4C,WAAWmC,WAAWC,MAAM,KAAK,GAEtChF,KAAKiF,MAApB,sIADA,OAIIE,aAvBJ,WAwBM,OAAOC,EAAA,KAAKC,iBAAiBrF,KAAKsF,SAEpCA,OA1BJ,WA2BM,OAAItF,KAAK4C,YACC,EAED5C,KAAKiF,KAAOjF,KAAKiF,IAAIM,WAGhCC,aAjCJ,WAkCM,OAAwB,IAAjBxF,KAAKsF,QAEdL,IApCJ,WAoCA,WACA,OASM,OARIjF,KAAK8B,aACPmD,EAAMA,KAAKA,cAAcA,MAAKA,SAAtCA,GAAA,yCACaA,EAEb,oCACUA,EAAMA,KAAKA,YAFXA,EAAMA,KAAKA,UAAUA,MAAKA,SAApCA,GAAA,0CAKaA,KAGXQ,MAAOA,CACL3D,WADJ,SACA4D,EAAAC,GACUA,GAAOD,GAAOA,EAAIE,WAAaD,EAAIC,WAAaF,EAAIE,YAAcD,EAAIC,WAAa5F,KAAKmE,WAC1FnE,KAAK6F,KAAKC,MAAM,sDAChB9F,KAAK+F,qBACb,iCACQ/F,KAAK6F,KAAKC,MAAM,sDAChB9F,KAAK+F,oBACL/F,KAAKgG,yBAEPhG,KAAKiG,0BAEPrD,WAZJ,SAYA8C,EAAAC,GACUA,GAAOD,GAAOA,EAAIQ,IAAMP,EAAIO,IAAMR,EAAIQ,KAAOP,EAAIO,IAAMlG,KAAKmE,WAC9DnE,KAAK6F,KAAKC,MAAM,sDAChB9F,KAAK+F,qBACb,0BACQ/F,KAAK6F,KAAKC,MAAM,sDAChB9F,KAAK+F,oBACL/F,KAAKgG,yBAEPhG,KAAKiG,2BAGTE,QAzGF,WA2GInG,KAAKoG,UACLpG,KAAK6F,KAAKC,MAAM,2CAChB9F,KAAK+F,oBACL/F,KAAKgG,yBAEPK,UAhHF,WAiHIrG,KAAKsG,OAAOC,OAAO,uBAAwB,OAE7CC,QAASA,CACPJ,QADJ,WACA,WACMK,yBACN,sIACA,CACQC,KAARA,IAEAC,KALA,yDAKA,mPACAC,kBADA,OACAC,EADA,OAGAC,EAAAC,mCACAC,EAAAF,2BACAG,EAAAH,IAGAI,+BAGAA,6BACAC,gBACAC,SACAC,qCAKAC,EAAA,OACAC,6BACAC,2BAGA,0CAGAvI,GAAA,WACAC,EAAA,UACA,aACA,wGACAD,yBACAC,0BAEAuI,EAAA,4CACAxI,0BACAC,2BAEA,eACAwI,EAAA,wBACAzI,0BACAC,2BAIAyI,EAAA,OACAC,gBACAN,MACAO,QACAC,UAEA7I,IACAC,IACA6I,QAIAC,QACAC,aACAC,UACAC,UAGAC,YACAC,4BAIA,cAGA,uCAOAV,iCANAW,EAAA,OACAX,OACAY,kCAEAZ,4BAOAa,EAAA,CACAC,cACAC,QACAD,sBACAE,4BACAC,aACAC,gBAKAC,EAAA,CACAJ,QACAD,YACAM,gBACAC,oBACAC,eACAC,MACAC,YACAC,mBACAjG,eACAkG,mBAKAC,EAAA,CACAC,2BACAC,gBACAC,SACA,CACAhB,cACAiB,oBACA,MACA,+CACAC,wCACAA,wCACA,EACA,8CACAA,uCACAA,uCACA,2QAKA7E,EALA,wNASAI,EATA,4FAeA,CACAuD,cACAmB,YACA,CACAC,qBACAC,mBAEA,CACAD,qBACAC,mBAEA,CACAD,kBACAC,eAEA,CACAD,2BACAC,yBAEA,CACAD,wBACAC,yBAKAC,oBACAC,mBAGAC,EAAA,kDACAC,kFACAA,oCACAC,EAAA,8HAGAC,EAAA,OACAlE,8CACAyC,iCACA0B,WACAC,iBACAC,gBACAC,kBACAP,aACAE,cAGA,0BACA7C,SAIAmD,EAAA,CACAhC,cACAC,QACAD,sBACAE,6BACAC,aACAC,gBAKA6B,EAAA,CACAhC,QACAD,YACAM,gBACAC,oBACAC,eACAC,MACAC,YACAC,mBACAjG,eACAkG,mBAMAsB,EAAA,CACApB,cACArD,kBACA0E,qCAEAC,EAAA,CACAtB,eACAC,uBACAC,SACA,CACAhB,cACAiB,oBACA,MACA,+CACAC,wCACAA,wCACA,EACA,8CACAA,uCACAA,uCACA,2QAKA7E,EALA,wNASAI,EATA,4FAeA,CACAuD,cACAmB,YACA,CACAC,qBACAC,qBAKAgB,YACAf,oBACAC,mBAGAzF,EAAA,OACAoE,4BACA0B,WACAb,gBACAc,iBACAC,kBAEA,4BACAjD,SAGA,uBACAyD,eACAC,wBAIAC,EAAA,EAEA,mDACAA,sBACAA,6BAIA3D,uBAEA,cAEAK,mBAgCA,cACA,+EACA,WACAuD,qCAEAA,qCApCAvD,6BACA,oBACAsD,oDAGAtD,mCAAA,wJACAwD,+BADA,gCAEAF,qDAFA,OAEAG,EAFA,OAGAC,EAAAJ,iBACAG,UAAAE,+BAJA,8FAAA3D,IAQAA,2BACA,oBACAsD,oDAKAtD,iCACA,OACA1I,MACAC,OAEAyI,+BACA4D,WAcA5D,mDACA,mDACA,+DACA6D,gCArVA,4CALA,wDAgWIzF,kB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","file":"js/chunk-d05867a4.c23c4eea.js","sourcesContent":["// `SameValue` abstract operation\n// https://tc39.es/ecma262/#sec-samevalue\n// eslint-disable-next-line es/no-object-is -- safe\nmodule.exports = Object.is || function is(x, y) {\n  // eslint-disable-next-line no-self-compare -- NaN check\n  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;\n};\n","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!./Detection.vue?vue&type=style&index=0&id=1c6e01ee&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Chevron-Down_24px_2_Icon-disabled-dark.5c7bca1a.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!./RecentLogList.vue?vue&type=style&index=0&id=da9a4bd8&lang=scss&scoped=true&\"","'use strict';\nvar call = require('../internals/function-call');\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar sameValue = require('../internals/same-value');\nvar toString = require('../internals/to-string');\nvar getMethod = require('../internals/get-method');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@search logic\nfixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {\n  return [\n    // `String.prototype.search` method\n    // https://tc39.es/ecma262/#sec-string.prototype.search\n    function search(regexp) {\n      var O = requireObjectCoercible(this);\n      var searcher = regexp == undefined ? undefined : getMethod(regexp, SEARCH);\n      return searcher ? call(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString(O));\n    },\n    // `RegExp.prototype[@@search]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search\n    function (string) {\n      var rx = anObject(this);\n      var S = toString(string);\n      var res = maybeCallNative(nativeSearch, rx, S);\n\n      if (res.done) return res.value;\n\n      var previousLastIndex = rx.lastIndex;\n      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n      var result = regExpExec(rx, S);\n      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n      return result === null ? -1 : result.index;\n    }\n  ];\n});\n","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!./SaveLabelDialogAdmin.vue?vue&type=style&index=0&id=1aa03c50&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert\"},[_c('section',{class:(\"detection \" + _vm.themeName),on:{\"scroll\":_vm.onScroll}},[(_vm.currentCam)?_c('CameraInfo'):_vm._e(),(_vm.currentLog)?_c('LogInfo',{on:{\"onClickRootLog\":_vm.onClickRootLog}}):_vm._e(),(_vm.currentLog)?_c('WeatherInfo',{staticStyle:{\"margin\":\"0 30px 20px\"}}):_vm._e(),_c('div',{staticClass:\"player\"},[(_vm.currentLog)?_c('NewImagePlayer',{ref:\"DetectionImagePlayerContainer\",attrs:{\"currentLog\":_vm.currentLog},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar currentIndex = ref.currentIndex;\nvar moveFrame = ref.moveFrame;\nvar playerState = ref.playerState;\nvar imageUrlList = ref.imageUrlList;\nvar detectedImageIndex = ref.detectedImageIndex;\nvar hasAfterImages = ref.hasAfterImages;\nvar play = ref.play;\nvar pause = ref.pause;\nvar currentLogId = ref.currentLogId;\nreturn [_c('FramePlayerBar',{attrs:{\"currentLogId\":currentLogId,\"currentIndex\":currentIndex,\"playerState\":playerState,\"imageUrlList\":imageUrlList,\"detectedImageIndex\":detectedImageIndex,\"hasAfterImages\":hasAfterImages},on:{\"moveFrame\":moveFrame,\"play\":play,\"pause\":pause}})]}}],null,false,705789397)}):(_vm.currentCam)?_c('LiveViewPlayer',{attrs:{\"currentCam\":_vm.currentCam}}):_vm._e()],1),(_vm.showMapIsLoading)?_c('Loading',{staticStyle:{\"margin\":\"0 30px\",\"min-height\":\"420px\",\"position\":\"relative\",\"width\":\"calc(100% - 60px)\",\"z-index\":\"3 !important\"},attrs:{\"loading\":true}}):_c('div',{staticClass:\"map-container\",staticStyle:{},on:{\"mousewheel\":_vm.onMousewheel,\"keydown\":_vm.onKeydown,\"keyup\":_vm.onKeyup}},[_c('div',{class:{ 'map-view-scroll-guide': true, visible: _vm.isInvalidScroll, hidden: !_vm.isInvalidScroll },style:(_vm.styleMap)},[_vm._v(\" Use Ctrl + scroll to zoom the map \")]),_c('Map',{ref:\"detectionMap\",style:(_vm.styleMap),attrs:{\"currentCam\":_vm.currentCam,\"currentLog\":_vm.currentLog}}),_c('v-btn',{staticClass:\"map-center-btn\",attrs:{\"bottom\":\"\",\"color\":\"white\",\"dark\":\"\",\"fab\":\"\",\"height\":\"38\",\"width\":\"38\",\"left\":\"\"},on:{\"click\":function($event){return _vm.onClickMapCenterBtn()}}},[_c('img',{attrs:{\"src\":require(\"@/assets/Arrow_Out_Circle_Icon_Red.svg\")}})]),_c('div',{staticClass:\"legend\"},[_c('MapDetailLegend')],1)],1),(!_vm.currentCam && !_vm.isSearched)?_c('RecentLogList',{ref:\"recentLogList\"}):(_vm.currentCam)?_c('RecentCameraList'):_vm._e(),_c('Footer')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"balt-theme\",attrs:{\"id\":\"viewDiv\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div id=\"viewDiv\" class=\"balt-theme\"></div>\n    <!-- <div id=\"elevationDiv\" class=\"esri-widget\">\n      <label>Elevation: <input id=\"elevationInput\" type=\"checkbox\" checked=\"yes\" /> </label>\n    </div> -->\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport util from '@/util'\nimport { loadModules } from 'esri-loader'\nimport RotuerMixin from '@/mixin/router.mixin'\nimport moment from 'moment'\nimport Constants from '@/constants'\nimport { auth } from '@/api'\n\nexport default {\n  mixins: [RotuerMixin],\n  props: {\n    /**\n     * emit events\n     * cardinal-direction\n     */\n    currentCam: Object,\n    currentLog: Object,\n  },\n  data() {\n    return {\n      // cameraIcon: 'CameraPointer_Icon.svg',\n      cameraIcon: 'CurrentLocation_Filled_40px_Icon.svg',\n      // cameraIconNonDirection: 'Target_SolidBlack_Icon.svg',\n      cameraIconNonDirection: 'CameraLocation_Filled_24px_Icon.svg',\n      customGeoJsonDataIcon: 'PlannedBurn_Button.svg',\n      selectedLogFireIcon: 'Exclamation_Mark_White.svg',\n      arcgisMap: null,\n      GraphicsLayer: null,\n      sceneview: null,\n      rotate: 0,\n      // graphics\n      graphicsList: [],\n      // graphics UIDs\n      clickableGraphicUIDList: [],\n      // camera graphics geojson layer\n      camerasDataGeoJsonLayer: null,\n      // pfirs data feature layer\n      pfirsDataFeatureLayer: null,\n    }\n  },\n  computed: {\n    ...mapState(['camList', 'camMap', 'recentLogList', 'logListv2', 'GeoJSONUrl', 'ArcGISMapInstance']),\n    orgaizationIds() {\n      let idArr = []\n      for (let [key, value] of Object.entries(this.camMap)) {\n        idArr.push(key)\n      }\n      return idArr.join(',')\n    },\n    latitude() {\n      if (this.currentCam) {\n        return this.currentCam.coordinate.split(' ')[0]\n      } else {\n        return this.log && this.camMap[this.log.camera_id]?.coordinate && this.camMap[this.log.camera_id].coordinate.split(' ')[0]\n      }\n    },\n    longitude() {\n      if (this.currentCam) {\n        return this.currentCam.coordinate.split(' ')[1]\n      } else {\n        return this.log && this.camMap[this.log.camera_id]?.coordinate && this.camMap[this.log.camera_id].coordinate.split(' ')[1]\n      }\n    },\n    degreeString() {\n      return util.locaitonToDegree(this.degree)\n    },\n    degree() {\n      if (this.currentCam) {\n        return -1\n      } else {\n        return this.log && this.log.direction\n      }\n    },\n    nonDirection() {\n      return this.degree === -1\n    },\n    log() {\n      let log = null\n      if (this.currentLog) {\n        log = this.recentLogList.find((log) => log.log_id === this.currentLog.log_id)\n        if (!log) {\n          log = this.logListv2.find((log) => log.log_id === this.currentLog.log_id)\n        } else if (this.currentLog.log_id === log.log_id) {\n          log = this.currentLog\n        }\n      }\n      return log\n    },\n  },\n  watch: {\n    currentLog(val, old) {\n      if (old && val && val.camera_id && old.camera_id && val.camera_id === old.camera_id && this.sceneview) {\n        this.$log.debug('Monitor DEBUG watch currentLog updateMapGraphics 1')\n        this.updateMapGraphics()\n      } else if (val && val.camera_id && this.sceneview) {\n        this.$log.debug('Monitor DEBUG watch currentLog updateMapGraphics 2')\n        this.updateMapGraphics()\n        this.centerMapToCurrentLog()\n      }\n      this.updatePfirsLayerParams()\n    },\n    currentCam(val, old) {\n      if (old && val && val.id && old.id && val.id === old.id && this.sceneview) {\n        this.$log.debug('Monitor DEBUG watch currentCam updateMapGraphics 1')\n        this.updateMapGraphics()\n      } else if (val && val.id && this.sceneview) {\n        this.$log.debug('Monitor DEBUG watch currentCam updateMapGraphics 2')\n        this.updateMapGraphics()\n        this.centerMapToCurrentLog()\n      }\n      this.updatePfirsLayerParams()\n    },\n  },\n  mounted() {\n    // this.$log.debug('Map#mounted currentLog', this.currentLog)\n    this.loadMap()\n    this.$log.debug('Monitor DEBUG mounted updateMapGraphics')\n    this.updateMapGraphics()\n    this.centerMapToCurrentLog()\n  },\n  destroyed() {\n    this.$store.commit('setArcGISMapInstance', null)\n  },\n  methods: {\n    loadMap() {\n      loadModules(\n        ['esri/config', 'esri/Map', 'esri/views/SceneView', 'esri/widgets/BasemapToggle', 'esri/layers/GraphicsLayer', 'esri/layers/GeoJSONLayer'],\n        {\n          css: true,\n        }\n      ).then(async ([esriConfig, Map, SceneView, BasemapToggle, GraphicsLayer, GeoJSONLayer]) => {\n        const token = await auth.getToken()\n\n        const buildEnvURL = process.env.VUE_APP_API_URL\n        const fillerBackslashCharacter = buildEnvURL[buildEnvURL.length - 1] === '/' ? '' : '/'\n        const urlPrependString = buildEnvURL + fillerBackslashCharacter\n\n        // set API key\n        esriConfig.apiKey = Constants.ARCGIS_API_KEY\n\n        // set auth token in header\n        esriConfig.request.interceptors.push({\n          urls: urlPrependString + 'camera',\n          headers: {\n            Authorization: `Bearer ${token}`,\n          },\n        })\n\n        // create map with the given options\n        const map = new Map({\n          basemap: 'arcgis-topographic',\n          ground: 'world-elevation',\n        })\n\n        this.$store.commit('setArcGISMapInstance', map)\n\n        // Sunnyvale, CA coordinates\n        let x = -122.036346\n        let y = 37.368832\n        if (this.currentLog) {\n          if (!!this.currentLog.longitude && this.currentLog.longitude !== -1 && !!this.currentLog.latitude && this.currentLog.latitude !== -1) {\n            x = this.currentLog.longitude\n            y = this.currentLog.latitude\n          } else {\n            const currentLogCameraCoordinates = this.camMap[this.currentLog.camera_id].coordinate\n            x = Number(currentLogCameraCoordinates.split(' ')[1])\n            y = Number(currentLogCameraCoordinates.split(' ')[0])\n          }\n        } else if (this.currentCam) {\n          const currentCameraCoordinates = this.currentCam.coordinate\n          x = Number(currentCameraCoordinates.split(' ')[1])\n          y = Number(currentCameraCoordinates.split(' ')[0])\n        }\n\n        // assign map to this view\n        const view = new SceneView({\n          container: this.$el,\n          map,\n          camera: {\n            position: {\n              // center map on first load on Sunnyvale: [37.368832, -122.036346]\n              x, // Longitude\n              y, // Latitude\n              z: 40000,\n            },\n            // tilt: 75\n          },\n          zoom: 12,\n          constraints: {\n            altitude: {\n              max: 2000000,\n            },\n          },\n          navigation: {\n            mouseWheelZoomEnabled: false,\n          },\n        })\n\n        this.sceneview = view\n\n        // add basemap toggle\n        if (!this.isMobile && this.$route.path !== '/monitor') {\n          const basemapToggle = new BasemapToggle({\n            view,\n            nextBaseMap: 'arcgis-navigation',\n          })\n          view.ui.add(basemapToggle, 'bottom-right')\n        } else {\n          view.ui.components = ['attribution']\n        }\n\n        // PFIRS fire locations data\n        // custom geoJSON data renderer\n        const pfirsGeoJsonDataRenderer = {\n          type: 'simple',\n          symbol: {\n            type: 'picture-marker',\n            url: this.customGeoJsonDataIcon,\n            width: '32px',\n            height: '32px',\n          },\n        }\n\n        // custom geoJSON data labels\n        const pfirsGeoJsonDataLabels = {\n          symbol: {\n            type: 'text',\n            color: '#FFFFFF',\n            haloColor: '#5E8D74',\n            haloSize: '2px',\n            font: {\n              size: '12px',\n              family: 'Noto Sans',\n              style: 'italic',\n              weight: 'normal',\n            },\n          },\n        }\n\n        const pfirsFirePopupTemplate = {\n          title: '{BurnName} (PFIRS)',\n          outFields: ['*'],\n          content: [\n            {\n              type: 'custom',\n              creator: (item) => {\n                const longitude =\n                  typeof item.graphic.geometry.longitude === 'number'\n                    ? item.graphic.geometry.longitude.toFixed(6)\n                    : item.graphic.geometry.longitude.toString()\n                const latitude =\n                  typeof item.graphic.geometry.latitude === 'number'\n                    ? item.graphic.geometry.latitude.toFixed(6)\n                    : item.graphic.geometry.latitude.toString()\n                return `\n                <table class=\"esri-widget__table\">\n                  <tbody>\n                    <tr>\n                      <th class=\"esri-feature-fields__field-header\">Lat</th>\n                      <td class=\"esri-feature-fields__field-data\">${latitude}</td>\n                    </tr>\n                    <tr>\n                      <th class=\"esri-feature-fields__field-header\">Long</th>\n                      <td class=\"esri-feature-fields__field-data\">${longitude}</td>\n                    </tr>\n                  </tbody>\n                </table>`\n              },\n            },\n            {\n              type: 'fields',\n              fieldInfos: [\n                {\n                  fieldName: 'BurnDate',\n                  label: 'Burn Date',\n                },\n                {\n                  fieldName: 'BurnType',\n                  label: 'Burn Type',\n                },\n                {\n                  fieldName: 'Acres',\n                  label: 'Acres',\n                },\n                {\n                  fieldName: 'ManagingAgency',\n                  label: 'Managing Agency',\n                },\n                {\n                  fieldName: 'LastUpdated',\n                  label: 'Last Updated',\n                },\n              ],\n            },\n          ],\n          overwriteActions: true,\n          returnGeometry: true,\n        }\n\n        const start_date = this.currentLog?.created_at\n          ? moment(this.currentLog.created_at, 'YYYY-MM-DDTHH:mm:ssZ').subtract(72, 'hours').format()\n          : moment().subtract(72, 'hours').format()\n        const end_date = this.currentLog?.created_at ? moment(this.currentLog.created_at, 'YYYY-MM-DDTHH:mm:ssZ').format() : moment().format()\n\n        // add geoJSON layer (geoJSON data from ArcGIS Developer Dashboard)\n        const pfirsGeoJsonDataLayer = new GeoJSONLayer({\n          id: 'alchera-detection-map-pfirs-geojsonlayer',\n          url: urlPrependString + 'external/prescribed-burn',\n          renderer: pfirsGeoJsonDataRenderer,\n          labelingInfo: [pfirsGeoJsonDataLabels],\n          popupTemplate: pfirsFirePopupTemplate,\n          customParameters: {\n            start_date,\n            end_date,\n          },\n        })\n        this.pfirsDataFeatureLayer = pfirsGeoJsonDataLayer\n        map.add(pfirsGeoJsonDataLayer)\n\n        // camera locations feature layer\n        // custom geoJSON data renderer\n        const camerasGeoJsonDataRenderer = {\n          type: 'simple',\n          symbol: {\n            type: 'picture-marker',\n            url: this.cameraIconNonDirection,\n            width: '24px',\n            height: '24px',\n          },\n        }\n\n        // custom geoJSON data labels\n        const camerasGeoJsonDataLabels = {\n          symbol: {\n            type: 'text',\n            color: '#FFFFFF',\n            haloColor: '#5E8D74',\n            haloSize: '2px',\n            font: {\n              size: '12px',\n              family: 'Noto Sans',\n              style: 'italic',\n              weight: 'normal',\n            },\n          },\n        }\n\n        // define \"go to\" action\n        const goToAction = {\n          title: 'Go To',\n          id: 'go-to-action',\n          className: 'esri-icon-link-external',\n        }\n        const camerasPopupTemplate = {\n          title: '{name}',\n          outFields: ['altitude'],\n          content: [\n            {\n              type: 'custom',\n              creator: (item) => {\n                const longitude =\n                  typeof item.graphic.geometry.longitude === 'number'\n                    ? item.graphic.geometry.longitude.toFixed(6)\n                    : item.graphic.geometry.longitude.toString()\n                const latitude =\n                  typeof item.graphic.geometry.latitude === 'number'\n                    ? item.graphic.geometry.latitude.toFixed(6)\n                    : item.graphic.geometry.latitude.toString()\n                return `\n                <table class=\"esri-widget__table\">\n                  <tbody>\n                    <tr>\n                      <th class=\"esri-feature-fields__field-header\">Lat</th>\n                      <td class=\"esri-feature-fields__field-data\">${latitude}</td>\n                    </tr>\n                    <tr>\n                      <th class=\"esri-feature-fields__field-header\">Long</th>\n                      <td class=\"esri-feature-fields__field-data\">${longitude}</td>\n                    </tr>\n                  </tbody>\n                </table>`\n              },\n            },\n            {\n              type: 'fields',\n              fieldInfos: [\n                {\n                  fieldName: 'altitude',\n                  label: 'Altitude',\n                },\n              ],\n            },\n          ],\n          actions: [goToAction],\n          overwriteActions: true,\n          returnGeometry: true,\n        }\n\n        const camerasDataGeoJsonLayer = new GeoJSONLayer({\n          url: urlPrependString + 'camera?mode=geojson',\n          renderer: camerasGeoJsonDataRenderer,\n          outFields: ['*'],\n          labelingInfo: [camerasGeoJsonDataLabels],\n          popupTemplate: camerasPopupTemplate,\n        })\n        this.camerasDataGeoJsonLayer = camerasDataGeoJsonLayer\n        map.add(camerasDataGeoJsonLayer)\n\n        // define graphics layer\n        this.GraphicsLayer = new GraphicsLayer({\n          elevationInfo: {\n            mode: 'on-the-ground',\n          },\n        })\n\n        const self = this\n\n        this.GraphicsLayer.on('layerview-create', function (evt) {\n          self.updateMapGraphics()\n          self.centerMapToCurrentLog()\n        })\n\n        // apply graphics layer to map\n        map.add(this.GraphicsLayer)\n\n        this.arcgisMap = view\n\n        view.when(() => {\n          view.on('key-down', function (evt) {\n            if (evt.key === 'Control') {\n              self.sceneview.navigation.mouseWheelZoomEnabled = true\n            }\n          })\n          view.on('layerview-create', async function (evt) {\n            if (evt.layerView.type == 'feature-3d') {\n              const cameraDataView = await self.sceneview.whenLayerView(self.camerasDataGeoJsonLayer)\n              const orgaizationIdsList = self.orgaizationIds\n              cameraDataView.filter = { where: `ID in (${orgaizationIdsList})` }\n            }\n          })\n\n          view.on('key-up', function (evt) {\n            if (evt.key === 'Control') {\n              self.sceneview.navigation.mouseWheelZoomEnabled = false\n            }\n          })\n\n          // watch the position of the cursor\n          view.on('pointer-move', function (evt) {\n            const screenPoint = {\n              x: evt.x,\n              y: evt.y,\n            }\n            view.hitTest(screenPoint).then((response) => {\n              changeMouseCursor(response)\n            })\n          })\n\n          // change cursor to \"pointer\" when hovering over an icon\n          function changeMouseCursor(res) {\n            const hitPointGraphicsList = res.results.filter((item) => item.graphic.geometry.type === 'point')\n            if (hitPointGraphicsList.length > 0) {\n              document.body.style.cursor = 'pointer'\n            } else {\n              document.body.style.cursor = 'default'\n            }\n          }\n\n          view.popup.viewModel.on('trigger-action', (event) => {\n            const attributes = view.popup.viewModel.selectedFeature.attributes\n            if (event.action.id === 'go-to-action' && attributes.public_url && attributes.public_url !== '') {\n              window.open(attributes.public_url)\n            }\n          })\n        })\n      })\n    },\n    updateMapGraphics() {\n      loadModules(['esri/Graphic', 'esri/geometry/Circle'], {\n        css: true,\n      }).then(([Graphic, Circle]) => {\n        // go through recent log list and check for fire location(s)\n        // 1: if (fire coordinates found) draw Circle and Polyline connecting fire to camera\n        // 2: if (fire coordinates not found but fire exists) draw camera direction Polyline for that log\n        this.$log.debug('Monitor DEBUG update Map Graphics')\n        this.graphicsList = []\n        // this.clickableGraphicUIDList = []\n        const NOW_MOMENT = moment()\n\n        if (!!this.currentLog) {\n          const LATITUDE = this.currentLog.latitude\n          const LONGITUDE = this.currentLog.longitude\n          const PAN_DIRECTION = this.currentLog.pan_direction\n\n          // define \"detection within\" type (\"3 Hours\", \"6 Hours\", \"24 Hours\", \"Extra\")\n          const CREATED_AT = moment(this.currentLog.created_at).format()\n          const MINUTES_SINCE_FIRE_DETECTED = NOW_MOMENT.diff(CREATED_AT, 'minutes')\n\n          let MAIN_COLOR = '#F9423A'\n          let BORDER_COLOR = [249, 66, 58, 0.5]\n          if (MINUTES_SINCE_FIRE_DETECTED > 24 * 60) {\n            MAIN_COLOR = '#6D6D6D'\n            BORDER_COLOR = [109, 109, 109, 0.5]\n          } else if (MINUTES_SINCE_FIRE_DETECTED > 6 * 60) {\n            MAIN_COLOR = '#384CFF'\n            BORDER_COLOR = [56, 76, 255, 0.5]\n          } else if (MINUTES_SINCE_FIRE_DETECTED > 3 * 60) {\n            MAIN_COLOR = '#FFB800'\n            BORDER_COLOR = [255, 184, 0, 0.5]\n          }\n\n          const matchedCameraName = this.currentLog.camera_name\n          const matchedCameraCoordinates = this.camMap[this.currentLog.camera_id].coordinate\n          const CAMERA_LATITUDE = Number(matchedCameraCoordinates.split(' ')[0])\n          const CAMERA_LONGITUDE = Number(matchedCameraCoordinates.split(' ')[1])\n\n          // fire coordinates found\n          if (!!LATITUDE && !!LONGITUDE && LATITUDE !== -1 && LONGITUDE !== -1 && PAN_DIRECTION !== -1) {\n            // DRAW: fire location point graphic with popup\n            const currentFirePoint = {\n              type: 'point',\n              x: LONGITUDE,\n              y: LATITUDE,\n            }\n            const currentFirePointSymbol = {\n              type: 'simple-marker',\n              color: MAIN_COLOR,\n              outline: {\n                color: MAIN_COLOR,\n                width: 10,\n              },\n            }\n            const direction = util.locaitonToDegree(this.currentLog.pan_direction)\n            const currentFirePointPopup = {\n              content: [\n                {\n                  type: 'custom',\n                  creator: (item) => {\n                    const longitude =\n                      typeof item.graphic.geometry.longitude === 'number'\n                        ? item.graphic.geometry.longitude.toFixed(6)\n                        : item.graphic.geometry.longitude.toString()\n                    const latitude =\n                      typeof item.graphic.geometry.latitude === 'number'\n                        ? item.graphic.geometry.latitude.toFixed(6)\n                        : item.graphic.geometry.latitude.toString()\n                    return `\n                    <table class=\"esri-widget__table\">\n                      <tbody>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Detected Camera</th>\n                          <td class=\"esri-feature-fields__field-data\">${matchedCameraName}</td>\n                        </tr>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Lat</th>\n                          <td class=\"esri-feature-fields__field-data\">${latitude}</td>\n                        </tr>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Long</th>\n                          <td class=\"esri-feature-fields__field-data\">${longitude}</td>\n                        </tr>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Direction</th>\n                          <td class=\"esri-feature-fields__field-data\">${direction}</td>\n                        </tr>\n                      </tbody>\n                    </table>`\n                  },\n                },\n              ],\n              overwriteActions: true,\n              returnGeometry: true,\n            }\n            const currentFirePointGraphic = new Graphic({\n              geometry: currentFirePoint,\n              symbol: currentFirePointSymbol,\n              popupTemplate: currentFirePointPopup,\n            })\n            this.graphicsList.push(currentFirePointGraphic)\n            // this.clickableGraphicUIDList.push(currentFirePointGraphic.uid)\n\n            // DRAW: polyline from sea level to altitude of camera\n            // const currentCameraPolyline = {\n            //   type: 'polyline',\n            //   paths: [\n            //     [this.longitude, this.latitude, this.currentLog.altitude],\n            //     [this.longitude, this.latitude, 0],\n            //   ],\n            // }\n            // const currentCameraLineSymbol = {\n            //   type: 'simple-line',\n            //   color: [226, 119, 40],\n            //   width: 2,\n            // }\n            // const currentCameraPolylineGraphic = new Graphic({\n            //   geometry: currentCameraPolyline,\n            //   symbol: currentCameraLineSymbol,\n            // })\n            // this.graphicsList.push(currentCameraPolylineGraphic)\n\n            // DRAW: Fire location area graphic\n            const circleGeometry = new Circle({\n              center: [currentFirePoint.x, currentFirePoint.y],\n              geodesic: true,\n              numberOfPoints: 100,\n              radius: 1.2,\n              radiusUnit: 'miles',\n            })\n            const fillSymbol = {\n              type: 'simple-fill',\n              color: BORDER_COLOR,\n              outline: {\n                width: 1,\n                color: BORDER_COLOR,\n              },\n            }\n            const currentFireAreaGraphic = new Graphic({\n              geometry: circleGeometry,\n              symbol: fillSymbol,\n            })\n            this.graphicsList.push(currentFireAreaGraphic)\n            // this.clickableGraphicUIDList.push(currentFireAreaGraphic.uid)\n\n            // DRAW: line graphic from camera to fire location\n            const cameraToFirePolyline = {\n              type: 'polyline',\n              paths: [\n                [CAMERA_LONGITUDE, CAMERA_LATITUDE],\n                [currentFirePoint.x, currentFirePoint.y],\n              ],\n            }\n            const cameraToFireLineSymbol = {\n              type: 'simple-line',\n              color: MAIN_COLOR,\n              width: 2,\n            }\n            const cameraToFirePolylineGraphic = new Graphic({\n              geometry: cameraToFirePolyline,\n              symbol: cameraToFireLineSymbol,\n            })\n            this.graphicsList.push(cameraToFirePolylineGraphic)\n            // this.clickableGraphicUIDList.push(cameraToFirePolylineGraphic.uid)\n          } else if (!!LATITUDE && !!LONGITUDE && LATITUDE === -1 && LONGITUDE === -1 && PAN_DIRECTION !== -1) {\n            this.$log.debug('Monitor DEBUG coordinates not found', LATITUDE, LONGITUDE, PAN_DIRECTION)\n            // fire coordinates not found\n            const endCoordinates = this.computePosition({ lat: 0, lng: 0 }, 10000, PAN_DIRECTION)\n            const endLatitude = endCoordinates.lat()\n            const endLongitude = endCoordinates.lng()\n            const directionText = util.locaitonToDegree(PAN_DIRECTION)\n\n            const cameraDirectionPolyline = {\n              type: 'polyline',\n              paths: [\n                [CAMERA_LONGITUDE, CAMERA_LATITUDE],\n                [CAMERA_LONGITUDE + endLongitude, CAMERA_LATITUDE + endLatitude],\n              ],\n            }\n            this.$log.debug('Monitor DEBUG coordinates not found 2', cameraDirectionPolyline)\n            const cameraDirectionLineSymbol = {\n              type: 'simple-line',\n              color: MAIN_COLOR,\n              width: 2,\n            }\n            // const detectionInfoAction = {\n            //   title: 'Detection Info',\n            //   id: 'detection-info-action',\n            //   className: 'esri-icon-description',\n            // }\n            const cameraDirectionLinePopup = {\n              outFields: ['*'],\n              content: [\n                {\n                  type: 'custom',\n                  creator: () => {\n                    return `\n                    <table class=\"esri-widget__table\">\n                      <tbody>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Detected Camera</th>\n                          <td class=\"esri-feature-fields__field-data\">${matchedCameraName}</td>\n                        </tr>\n                        <tr>\n                          <th class=\"esri-feature-fields__field-header\">Fire Direction</th>\n                          <td class=\"esri-feature-fields__field-data\">${directionText}</td>\n                        </tr>\n                      </tbody>\n                    </table>`\n                  },\n                },\n              ],\n              // actions: [detectionInfoAction],\n              overwriteActions: true,\n              returnGeometry: true,\n              // custom key/value\n              logID: this.currentLog.log_id,\n            }\n            const cameraDirectionPolylineGraphic = new Graphic({\n              geometry: cameraDirectionPolyline,\n              symbol: cameraDirectionLineSymbol,\n              popupTemplate: cameraDirectionLinePopup,\n            })\n            this.graphicsList.push(cameraDirectionPolylineGraphic)\n            // this.clickableGraphicUIDList.push(cameraDirectionPolylineGraphic.uid)\n          }\n        }\n        this.$log.debug('Monitor DEBUG sceneview exists', !!this.sceneview)\n        if (this.sceneview) {\n          // this.drawExclamationMarkIcon()\n          this.$log.debug('Monitor DEBUG remove graphics')\n          this.sceneview.graphics.removeAll()\n          this.sceneview.graphics.addMany(this.graphicsList)\n          // this.GraphicsLayer.graphics = graphicsList\n        }\n        this.arcgisMap = this.sceneview\n      })\n    },\n    async updatePfirsLayerParams() {\n      const startDate = this.currentLog?.created_at\n        ? moment(this.currentLog.created_at, 'YYYY-MM-DDTHH:mm:ssZ').subtract(72, 'hours').startOf('day').format()\n        : moment().subtract(72, 'hours').startOf('day').format()\n      const endDate = this.currentLog?.created_at\n        ? moment(this.currentLog.created_at, 'YYYY-MM-DDTHH:mm:ssZ').endOf('day').format()\n        : moment().endOf('day').format()\n      const pfirsGeoJsonLayer = this.ArcGISMapInstance.findLayerById('alchera-detection-map-pfirs-geojsonlayer')\n      pfirsGeoJsonLayer.customParameters.start_date = startDate\n      pfirsGeoJsonLayer.customParameters.end_date = endDate\n      pfirsGeoJsonLayer.refresh()\n    },\n    centerMapToCurrentLog() {\n      if (this.sceneview) {\n        let latitude = 0\n        let longitude = 0\n        if (!!this.currentCam) {\n          const camCoordinates = this.currentCam.coordinate.split(' ')\n          latitude = Number(camCoordinates[0])\n          longitude = Number(camCoordinates[1])\n        } else if (\n          !!this.currentLog &&\n          !!this.currentLog.latitude &&\n          !!this.currentLog.longitude &&\n          this.currentLog.latitude !== -1 &&\n          this.currentLog.longitude !== -1\n        ) {\n          // lat/lng exist, not -1\n          latitude = this.currentLog.latitude\n          longitude = this.currentLog.longitude\n        } else {\n          const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n          latitude = Number(camCoordinates[0])\n          longitude = Number(camCoordinates[1])\n        }\n        // calculate coordinates of midpoint of line graphic\n        if (\n          !!this.currentLog &&\n          !!this.currentLog.longitude &&\n          this.currentLog.longitude === -1 &&\n          !!this.currentLog.latitude &&\n          this.currentLog.latitude === -1 &&\n          this.currentLog.pan_direction !== -1\n        ) {\n          const midpointCoordinates = this.computePosition({ lat: 0, lng: 0 }, 5000, this.currentLog.pan_direction)\n          const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n          longitude = Number(camCoordinates[1]) + midpointCoordinates.lng()\n          latitude = Number(camCoordinates[0]) + midpointCoordinates.lat()\n        }\n\n        this.sceneview\n          .goTo(\n            {\n              center: [Number(longitude), Number(latitude)],\n              zoom: 12,\n            },\n            {\n              speedFactor: 1000,\n              easing: 'linear',\n            }\n          )\n          .catch((e) => {\n            this.$log.debug('catch ArcGIS goTo() error')\n          })\n      }\n    },\n    centerMap() {\n      if (this.sceneview) {\n        let latitude = 0\n        let longitude = 0\n\n        if (!!this.currentCam) {\n          const camCoordinates = this.currentCam.coordinate.split(' ')\n          latitude = Number(camCoordinates[0])\n          longitude = Number(camCoordinates[1])\n        } else if (\n          !!this.currentLog &&\n          !!this.currentLog.latitude &&\n          !!this.currentLog.longitude &&\n          this.currentLog.latitude !== -1 &&\n          this.currentLog.longitude !== -1\n        ) {\n          // lat/lng exist, not -1\n          latitude = this.currentLog.latitude\n          longitude = this.currentLog.longitude\n        } else if (\n          // calculate coordinates of midpoint of line graphic\n          !!this.currentLog.longitude &&\n          !!this.currentLog.latitude &&\n          this.currentLog.longitude === -1 &&\n          this.currentLog.latitude === -1 &&\n          this.currentLog.pan_direction !== -1\n        ) {\n          const midpointCoordinates = this.computePosition({ lat: 0, lng: 0 }, 5000, this.currentLog.pan_direction)\n          const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n          longitude = Number(camCoordinates[1]) + midpointCoordinates.lng()\n          latitude = Number(camCoordinates[0]) + midpointCoordinates.lat()\n        } else {\n          const camCoordinates = this.camMap[this.currentLog.camera_id].coordinate.split(' ')\n          latitude = Number(camCoordinates[0])\n          longitude = Number(camCoordinates[1])\n        }\n\n        this.sceneview\n          .goTo(\n            {\n              center: [Number(longitude), Number(latitude)],\n              zoom: 12,\n            },\n            {\n              speedFactor: 1000,\n              easing: 'linear',\n            }\n          )\n          .catch((e) => {\n            this.$log.debug('catch ArcGIS goTo() error')\n          })\n      }\n    },\n    computePosition(latLng, distance, heading) {\n      return google.maps.geometry.spherical.computeOffset(latLng, distance, heading)\n    },\n  },\n}\n</script>\n\n<style>\n#elevationDiv {\n  position: absolute;\n  bottom: 30px;\n  left: 12px;\n  padding: 12px;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: white;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetectionMap.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!./DetectionMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetectionMap.vue?vue&type=template&id=3d7e5aa8&\"\nimport script from \"./DetectionMap.vue?vue&type=script&lang=js&\"\nexport * from \"./DetectionMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetectionMap.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"recent-camera-list\"},[_c('div',{staticClass:\"wrapper\"},_vm._l((_vm.recentCameraList),function(log){return _c('div',{key:log.log_id,class:(\"log-item \" + _vm.themeName + \" \" + (_vm.openId === log.log_id ? 'open' : ''))},[_c('div',{class:\"info-container\"},[(!_vm.isViewer)?_c('EventCircle',{attrs:{\"value\":log.event_type_id}}):_vm._e(),_c('div',{class:(\"selectable-text \" + _vm.themeName),on:{\"click\":function($event){return _vm.onClickLog(log)}}},[_vm._v(\"[\"+_vm._s(_vm.detectionTime(log))+\"] \"+_vm._s(_vm.cameraName))]),(log.is_checked_organization)?_c('RepetitiveInfoTooltip',{attrs:{\"isRepetitive\":false,\"log\":log}}):_vm._e(),(log.has_repetitive)?_c('img',{class:{ 'info-container-caret': true, rotate180: _vm.openId === log.log_id },attrs:{\"src\":require(\"@/assets/Chevron-Down_24px_2_Icon.svg\"),\"width\":\"24px\"},on:{\"click\":function($event){return _vm.onClickCaret(log)}}}):_vm._e()],1),(_vm.openId === log.log_id && _vm.loading)?_c('div',{staticClass:\"progress-circular\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#FF6E68\"}})],1):(_vm.openId === log.log_id && !_vm.loading && _vm.childLogs.length)?_c('div',{staticClass:\"duplicate-container\"},_vm._l((_vm.childLogs),function(childLog,index){return _c('div',{key:index,class:(\"duplicate-log \" + _vm.themeName),on:{\"click\":function($event){return _vm.onClickChildLog(childLog)}}},[_vm._v(\" [\"+_vm._s(_vm.detectionTime(childLog))+\"] \"+_vm._s(childLog.camera_name)+\" \"),(childLog.is_checked_organization)?_c('RepetitiveInfoTooltip',{attrs:{\"isRepetitive\":true}}):_vm._e()],1)}),0):_vm._e()])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"recent-camera-list\">\n    <div class=\"wrapper\">\n      <div v-for=\"log in recentCameraList\" :key=\"log.log_id\" :class=\"`log-item ${themeName} ${openId === log.log_id ? 'open' : ''}`\">\n        <div :class=\"`info-container`\">\n          <EventCircle v-if=\"!isViewer\" :value=\"log.event_type_id\" />\n          <div :class=\"`selectable-text ${themeName}`\" @click=\"onClickLog(log)\">[{{ detectionTime(log) }}] {{ cameraName }}</div>\n          <RepetitiveInfoTooltip v-if=\"log.is_checked_organization\" :isRepetitive=\"false\" :log=\"log\" />\n          <img\n            v-if=\"log.has_repetitive\"\n            src=\"@/assets/Chevron-Down_24px_2_Icon.svg\"\n            width=\"24px\"\n            :class=\"{ 'info-container-caret': true, rotate180: openId === log.log_id }\"\n            @click=\"onClickCaret(log)\"\n          />\n        </div>\n        <div v-if=\"openId === log.log_id && loading\" class=\"progress-circular\">\n          <v-progress-circular indeterminate color=\"#FF6E68\"></v-progress-circular>\n        </div>\n        <div v-else-if=\"openId === log.log_id && !loading && childLogs.length\" class=\"duplicate-container\">\n          <div v-for=\"(childLog, index) in childLogs\" :key=\"index\" :class=\"`duplicate-log ${themeName}`\" @click=\"onClickChildLog(childLog)\">\n            [{{ detectionTime(childLog) }}] {{ childLog.camera_name }}\n            <RepetitiveInfoTooltip v-if=\"childLog.is_checked_organization\" :isRepetitive=\"true\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport EventItem from '@common/EventItem'\nimport Util from '@/util'\nimport Theme from '@/mixin/theme.mixin'\nimport EventCircle from '@common/EventCircle'\nimport RepetitiveInfoTooltip from '@common/RepetitiveInfoTooltip'\n\nexport default {\n  mixins: [Theme],\n  components: { EventItem, EventCircle, RepetitiveInfoTooltip },\n  data() {\n    return {\n      childLogs: [],\n      openId: -1,\n      loading: false,\n    }\n  },\n  computed: {\n    ...mapState(['user', 'recentLogListv2', 'currentCam', 'currentLog']),\n    recentCameraList() {\n      const id = !!this.currentCam ? this.currentCam.id : this.currentLog.camera_id\n      return this.recentLogListv2.filter((log) => log.camera_id === id)\n    },\n    cameraName() {\n      return !!this.currentCam ? this.currentCam.name : this.currentLog.camera_name\n    },\n    isViewer() {\n      return this.user.isViewer\n    },\n  },\n  methods: {\n    ...mapActions(['getLog', 'setCurrentLog', 'getRecentLogListv2', 'getChildLogs', 'setDropdownSearchResult', 'detectionPageAction/getLogAction']),\n    detectionTime(log) {\n      return Util.getOffsetDate(log.created_at, log.offset)\n    },\n    async getChildLogOfClicked(id) {\n      const childLogsData = await this.getChildLogs({ id, inRepOrg: true })\n      this.childLogs = childLogsData.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime())\n    },\n    async onClickCaret(log) {\n      if (this.openId === log.log_id) {\n        this.openId = -1\n        this.childLogs = []\n      } else {\n        this.loading = true\n        this.openId = log.log_id\n        await this.getChildLogOfClicked(log.log_id)\n        this.loading = false\n      }\n    },\n    async onClickChildLog(log) {\n      this.$router.push(`/detection?name=${this.currentCam.name}&id=${log.log_id || log.id}`)\n      this['detectionPageAction/getLogAction'](log.log_id || log.id)\n      const pageDom = document.getElementsByClassName('detection')[0]\n      Util.moveScrollToTop(true, pageDom)\n    },\n    async onClickLog(log) {\n      this.openId = log.log_id\n      this.childLogs = []\n      this.$router.push(`/detection?name=${this.currentCam.name}&id=${log.log_id}`)\n      this['detectionPageAction/getLogAction'](log.log_id)\n      const pageDom = document.getElementsByClassName('detection')[0]\n      Util.moveScrollToTop(true, pageDom)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.recent-camera-list {\n  margin: 30px 30px 0;\n  max-height: 585px;\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: auto;\n  }\n\n  .log-item {\n    width: 100%;\n    padding: 0 10px 0 30px;\n    border-radius: 8px;\n    color: var(--f-text-black);\n    background-color: var(--f-light-gray-1);\n    &.open {\n      background-color: #d8d9da;\n      &.dark {\n        background-color: var(--f-bg-high);\n      }\n      .info-container {\n        min-height: 62px;\n        margin-bottom: 2px;\n      }\n    }\n    &.dark {\n      color: var(--f-text-white-high);\n      background-color: var(--f-bg-middle);\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 15px;\n    }\n  }\n}\n\n.info-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 60px;\n  cursor: pointer;\n}\n\n.selectable-text {\n  cursor: pointer;\n  margin-left: 10px;\n  font-weight: 400;\n  font-size: 14px;\n  color: #1b1c22;\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.duplicate-container {\n  max-height: 200px;\n  overflow-y: auto;\n}\n\n.duplicate-log {\n  font-weight: 400;\n  font-size: 14px;\n  margin-left: 40px;\n  margin-bottom: 20px;\n  height: 20px;\n  cursor: pointer;\n  color: #1b1c22;\n  &.dark {\n    color: #ffffffde;\n  }\n}\n\n.info-container-caret {\n  cursor: pointer;\n  margin-left: auto;\n  &.rotate180 {\n    transform: rotate(-180deg);\n  }\n}\n\n.progress-circular {\n  display: flex;\n  justify-content: center;\n  height: 80px;\n  align-items: center;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecentCameraList.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!./RecentCameraList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecentCameraList.vue?vue&type=template&id=b1245c8a&scoped=true&\"\nimport script from \"./RecentCameraList.vue?vue&type=script&lang=js&\"\nexport * from \"./RecentCameraList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecentCameraList.vue?vue&type=style&index=0&id=b1245c8a&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  \"b1245c8a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VProgressCircular})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{ 'recent-log-list': true, dark: _vm.$vuetify.theme.dark, 'no-flex-grow': !_vm.recentLogListv2.length }},[_c('div',{staticClass:\"recent-log-list-title\"},[_vm._v(\"Recent\")]),_c('div',{class:{ 'recent-log-list-container': true, 'no-flex-grow': !_vm.recentLogListv2.length }},_vm._l((_vm.recentLogListv2),function(log){return _c('div',{key:log.log_id},[_c('div',{class:{\n          item: true,\n          dark: _vm.$vuetify.theme.dark,\n          open: _vm.openedId === log.log_id,\n          select: _vm.selectedLogId === log.log_id && _vm.currentLog.log_id === _vm.selectedLogId,\n          viewer: _vm.isViewer,\n        }},[_c('div',{class:{ 'info-container': true, viewer: _vm.isViewer }},[(!_vm.isViewer)?_c('EventCircle',{attrs:{\"value\":log.event_type_id}}):_vm._e(),_c('div',{staticClass:\"info-container-text\",on:{\"click\":function($event){return _vm.onClickRootLog(log)}}},[_vm._v(\" \"+_vm._s(_vm.displayDetectionTime(log))+\" \"),(log.is_checked_organization)?_c('RepetitiveInfoTooltip',{attrs:{\"isRepetitive\":false}}):_vm._e()],1),_c('v-spacer'),(log.has_repetitive)?_c('img',{class:{ 'info-container-caret': true, rotate180: _vm.openedId === log.log_id },attrs:{\"src\":require(\"@/assets/Chevron-Down_24px_2_Icon.svg\"),\"width\":\"24px\"},on:{\"click\":function($event){return _vm.onClickCaret(log)}}}):(!_vm.isViewer && !log.has_repetitive && _vm.$vuetify.theme.dark)?_c('img',{class:{ 'info-container-caret': true, rotate180: _vm.openedId === log.log_id },attrs:{\"src\":require(\"@/assets/Chevron-Down_24px_2_Icon_white.svg\"),\"width\":\"24px\"},on:{\"click\":function($event){return _vm.onClickCaret(log)}}}):(!_vm.isViewer && !log.has_repetitive && !_vm.$vuetify.theme.dark)?_c('img',{class:{ 'info-container-caret': true, rotate180: _vm.openedId === log.log_id },attrs:{\"src\":require(\"@/assets/Chevron-Down_24px_2_Icon-black.svg\"),\"width\":\"24px\"},on:{\"click\":function($event){return _vm.onClickCaret(log)}}}):(_vm.isViewer && !log.has_repetitive && !_vm.$vuetify.theme.dark)?_c('img',{staticClass:\"info-container-caret\",attrs:{\"src\":require(\"@/assets/Chevron-Down_24px_2_Icon-disabled-light.svg\"),\"width\":\"24px\"}}):(_vm.isViewer && !log.has_repetitive && _vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Chevron-Down_24px_2_Icon-disabled-dark.svg\"),\"width\":\"24px\"}}):_vm._e()],1),(!_vm.isViewer && _vm.openedId === log.log_id)?_c('div',{staticClass:\"event-container\"},[(log.event_type_id === 1 || log.event_type_id === 2)?_c('EventItem',{staticClass:\"event\",attrs:{\"selected\":log.event_type_id === 2,\"eventType\":2,\"hover\":true},on:{\"click\":function($event){return _vm.openSaveLabelDialog(log, 2)},\"contextmenu\":function($event){return _vm.onContextMenu(log, $event)}}}):_vm._e(),(log.event_type_id === 1 || log.event_type_id === 3)?_c('EventItem',{staticClass:\"event\",attrs:{\"selected\":log.event_type_id === 3,\"eventType\":3,\"hover\":true},on:{\"click\":function($event){return _vm.openSaveLabelDialog(log, 3)},\"contextmenu\":function($event){return _vm.onContextMenu(log, $event)}}}):_vm._e(),(log.event_type_id === 1 || log.event_type_id === 4)?_c('EventItem',{staticClass:\"event\",attrs:{\"selected\":log.event_type_id === 4,\"eventType\":4,\"hover\":true},on:{\"click\":function($event){return _vm.openSaveLabelDialog(log, 4)},\"contextmenu\":function($event){return _vm.onContextMenu(log, $event)}}}):_vm._e(),(log.event_type_id === 1 || log.event_type_id === 5)?_c('EventItem',{staticClass:\"event\",attrs:{\"selected\":log.event_type_id === 5,\"eventType\":5,\"hover\":true},on:{\"click\":function($event){return _vm.openSaveLabelDialog(log, 5)},\"contextmenu\":function($event){return _vm.onContextMenu(log, $event)}}}):_vm._e()],1):_vm._e()]),(_vm.openedId === log.log_id && _vm.loading)?_c('div',{staticClass:\"progress-circular\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#D8D9DA\"}})],1):(_vm.openedId === log.log_id && !_vm.loading && _vm.childLogs.length)?_c('div',{staticClass:\"duplicate-container\"},_vm._l((_vm.childLogs),function(childLog){return _c('div',{key:childLog.id,class:(\"duplicate-log \" + _vm.themeName + \" \" + (_vm.selectedLogId === childLog.id && _vm.currentLog.log_id === _vm.selectedLogId ? 'select' : '')),on:{\"click\":function($event){return _vm.onClickChildLog(childLog)}}},[_vm._v(\" \"+_vm._s(_vm.displayChildLog(childLog))+\" \"),(childLog.is_checked_organization)?_c('RepetitiveInfoTooltip',{attrs:{\"isRepetitive\":true}}):_vm._e()],1)}),0):_vm._e(),(_vm.index !== _vm.recentLogListv2.length - 1)?_c('div',{class:(\"split-line \" + _vm.themeName)}):_vm._e()])}),0),(!_vm.recentLogListv2.length)?_c('div',{class:(\"no-data \" + _vm.themeName)},[_vm._v(\"No data available.\")]):_vm._e(),_c('SaveLabelDialog',{on:{\"ok\":_vm.onClickSaveLabel},model:{value:(_vm.showSaveLabelDialog),callback:function ($$v) {_vm.showSaveLabelDialog=$$v},expression:\"showSaveLabelDialog\"}}),_c('EditLabelDialog',{attrs:{\"data\":_vm.tmpLog},on:{\"ok\":_vm.onClickSaveLabel},model:{value:(_vm.showEditLabelDialog),callback:function ($$v) {_vm.showEditLabelDialog=$$v},expression:\"showEditLabelDialog\"}}),_c('ContextMenu',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.closeContextMenu),expression:\"closeContextMenu\"}],attrs:{\"data\":_vm.contextmenu,\"width\":\"120\"},on:{\"mousedown\":_vm.openEditLabelDialog}},[_vm._v(\"Edit\")])],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:{\"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.hide.apply(null, arguments)}},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{class:(\"save-label-dialog \" + _vm.themeName)},[_c('v-card-text',{staticClass:\"pa-0\"},[_c('div',{class:(\"save-label-dialog-title \" + _vm.themeName)},[_vm._v(\"Save Event Type\")]),_c('div',{class:(\"save-label-dialog-content \" + _vm.themeName)},[_c('div',[_vm._v(\"Please click save to confirm\"),_c('br'),_vm._v(\"event type selection.\")])]),_c('div',{staticClass:\"d-flex justify-end\"},[_c('button',{class:(\"save-label-dialog-button cancel \" + _vm.themeName),on:{\"click\":_vm.hide}},[_vm._v(\"Cancel\")]),_c('button',{class:(\"save-label-dialog-button ok \" + _vm.themeName),on:{\"click\":_vm.ok}},[_vm._v(\"Save\")])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" max-width=\"400px\" @keydown.esc=\"hide\" persistent no-click-animation>\n    <v-card :class=\"`save-label-dialog ${themeName}`\">\n      <v-card-text class=\"pa-0\">\n        <div :class=\"`save-label-dialog-title ${themeName}`\">Save Event Type</div>\n        <div :class=\"`save-label-dialog-content ${themeName}`\">\n          <div>Please click save to confirm<br />event type selection.</div>\n        </div>\n        <div class=\"d-flex justify-end\">\n          <button @click=\"hide\" :class=\"`save-label-dialog-button cancel ${themeName}`\">Cancel</button>\n          <button @click=\"ok\" :class=\"`save-label-dialog-button ok ${themeName}`\">Save</button>\n        </div>\n      </v-card-text>\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     * emit events\n     * ok\n     */\n  },\n  methods: {\n    hide() {\n      this.$emit('input', false)\n    },\n    ok() {\n      this.$emit('ok', true)\n      this.hide()\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.save-label-dialog {\n  background-color: var(--f-text-white);\n  width: 400px;\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n}\n\n.save-label-dialog-title {\n  text-align: center;\n  padding: 50px 0 20px;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 25px;\n  color: var(--f-text-black);\n  &.dark {\n    color: var(--f-text-white-high);\n  }\n}\n\n.save-label-dialog-content {\n  text-align: center;\n  font-size: 16px;\n  line-height: 22px;\n  margin-bottom: 61px;\n  color: var(--f-text-black);\n  &.dark {\n    color: var(--f-text-white-high);\n  }\n}\n\n.save-label-dialog-button {\n  font-weight: 600;\n  font-size: 16px;\n  height: 60px;\n  color: var(--f-text-white-high);\n  background-color: var(--f-supplementary-modal-cancel);\n\n  &.cancel {\n    width: 160px;\n    color: var(--f-text-black);\n    background-color: var(--f-cool-gray-1);\n    &.dark {\n      color: #ffffffde;\n      background-color: var(--f-supplementary-modal-cancel);\n    }\n  }\n\n  &.ok {\n    flex-grow: 1;\n    background-color: var(--f-supplementary-modal-blue);\n    color: var(--f-text-white);\n    &.dark {\n      color: var(--f-text-white-high);\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!./SaveLabelDialogAdmin.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!./SaveLabelDialogAdmin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SaveLabelDialogAdmin.vue?vue&type=template&id=1aa03c50&scoped=true&\"\nimport script from \"./SaveLabelDialogAdmin.vue?vue&type=script&lang=js&\"\nexport * from \"./SaveLabelDialogAdmin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SaveLabelDialogAdmin.vue?vue&type=style&index=0&id=1aa03c50&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  \"1aa03c50\",\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 { VCardText } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VCard,VCardText,VDialog})\n","<template>\n  <div :class=\"{ 'recent-log-list': true, dark: $vuetify.theme.dark, 'no-flex-grow': !recentLogListv2.length }\">\n    <div class=\"recent-log-list-title\">Recent</div>\n    <div :class=\"{ 'recent-log-list-container': true, 'no-flex-grow': !recentLogListv2.length }\">\n      <div v-for=\"log in recentLogListv2\" :key=\"log.log_id\">\n        <!-- <div :class=\"{ item: true, dark: $vuetify.theme.dark, open: !isViewer && openId === log.log_id }\"> -->\n        <div\n          :class=\"{\n            item: true,\n            dark: $vuetify.theme.dark,\n            open: openedId === log.log_id,\n            select: selectedLogId === log.log_id && currentLog.log_id === selectedLogId,\n            viewer: isViewer,\n          }\"\n        >\n          <div :class=\"{ 'info-container': true, viewer: isViewer }\">\n            <EventCircle v-if=\"!isViewer\" :value=\"log.event_type_id\" />\n            <div class=\"info-container-text\" @click=\"onClickRootLog(log)\">\n              {{ displayDetectionTime(log) }}\n              <RepetitiveInfoTooltip v-if=\"log.is_checked_organization\" :isRepetitive=\"false\" />\n            </div>\n            <v-spacer></v-spacer>\n            <img\n              v-if=\"log.has_repetitive\"\n              src=\"@/assets/Chevron-Down_24px_2_Icon.svg\"\n              width=\"24px\"\n              :class=\"{ 'info-container-caret': true, rotate180: openedId === log.log_id }\"\n              @click=\"onClickCaret(log)\"\n            />\n            <img\n              v-else-if=\"!isViewer && !log.has_repetitive && $vuetify.theme.dark\"\n              src=\"@/assets/Chevron-Down_24px_2_Icon_white.svg\"\n              width=\"24px\"\n              :class=\"{ 'info-container-caret': true, rotate180: openedId === log.log_id }\"\n              @click=\"onClickCaret(log)\"\n            />\n            <img\n              v-else-if=\"!isViewer && !log.has_repetitive && !$vuetify.theme.dark\"\n              src=\"@/assets/Chevron-Down_24px_2_Icon-black.svg\"\n              width=\"24px\"\n              :class=\"{ 'info-container-caret': true, rotate180: openedId === log.log_id }\"\n              @click=\"onClickCaret(log)\"\n            />\n            <img\n              v-else-if=\"isViewer && !log.has_repetitive && !$vuetify.theme.dark\"\n              src=\"@/assets/Chevron-Down_24px_2_Icon-disabled-light.svg\"\n              width=\"24px\"\n              class=\"info-container-caret\"\n            />\n            <img\n              v-else-if=\"isViewer && !log.has_repetitive && $vuetify.theme.dark\"\n              src=\"@/assets/Chevron-Down_24px_2_Icon-disabled-dark.svg\"\n              width=\"24px\"\n            />\n          </div>\n          <div v-if=\"!isViewer && openedId === log.log_id\" class=\"event-container\">\n            <EventItem\n              v-if=\"log.event_type_id === 1 || log.event_type_id === 2\"\n              @click=\"openSaveLabelDialog(log, 2)\"\n              @contextmenu=\"onContextMenu(log, $event)\"\n              :selected=\"log.event_type_id === 2\"\n              :eventType=\"2\"\n              :hover=\"true\"\n              class=\"event\"\n            ></EventItem>\n            <EventItem\n              v-if=\"log.event_type_id === 1 || log.event_type_id === 3\"\n              @click=\"openSaveLabelDialog(log, 3)\"\n              @contextmenu=\"onContextMenu(log, $event)\"\n              :selected=\"log.event_type_id === 3\"\n              :eventType=\"3\"\n              :hover=\"true\"\n              class=\"event\"\n            ></EventItem>\n            <EventItem\n              v-if=\"log.event_type_id === 1 || log.event_type_id === 4\"\n              @click=\"openSaveLabelDialog(log, 4)\"\n              @contextmenu=\"onContextMenu(log, $event)\"\n              :selected=\"log.event_type_id === 4\"\n              :eventType=\"4\"\n              :hover=\"true\"\n              class=\"event\"\n            ></EventItem>\n            <EventItem\n              v-if=\"log.event_type_id === 1 || log.event_type_id === 5\"\n              @click=\"openSaveLabelDialog(log, 5)\"\n              @contextmenu=\"onContextMenu(log, $event)\"\n              :selected=\"log.event_type_id === 5\"\n              :eventType=\"5\"\n              :hover=\"true\"\n              class=\"event\"\n            ></EventItem>\n          </div>\n        </div>\n        <div v-if=\"openedId === log.log_id && loading\" class=\"progress-circular\">\n          <v-progress-circular indeterminate color=\"#D8D9DA\"></v-progress-circular>\n        </div>\n        <div v-else-if=\"openedId === log.log_id && !loading && childLogs.length\" class=\"duplicate-container\">\n          <div\n            v-for=\"childLog in childLogs\"\n            :key=\"childLog.id\"\n            :class=\"`duplicate-log ${themeName} ${selectedLogId === childLog.id && currentLog.log_id === selectedLogId ? 'select' : ''}`\"\n            @click=\"onClickChildLog(childLog)\"\n          >\n            {{ displayChildLog(childLog) }}\n            <RepetitiveInfoTooltip v-if=\"childLog.is_checked_organization\" :isRepetitive=\"true\" />\n          </div>\n        </div>\n        <div v-if=\"index !== recentLogListv2.length - 1\" :class=\"`split-line ${themeName}`\"></div>\n      </div>\n    </div>\n    <div v-if=\"!recentLogListv2.length\" :class=\"`no-data ${themeName}`\">No data available.</div>\n    <SaveLabelDialog v-model=\"showSaveLabelDialog\" @ok=\"onClickSaveLabel\"></SaveLabelDialog>\n    <EditLabelDialog v-model=\"showEditLabelDialog\" :data=\"tmpLog\" @ok=\"onClickSaveLabel\"></EditLabelDialog>\n    <ContextMenu v-click-outside=\"closeContextMenu\" :data=\"contextmenu\" width=\"120\" @mousedown=\"openEditLabelDialog\">Edit</ContextMenu>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport Util from '@/util'\nimport SaveLabelDialog from '@desktop/dialog/SaveLabelDialogAdmin'\nimport EditLabelDialog from '@desktop/dialog/EditLabelDialogAdmin'\nimport EventItem from '@common/EventItem'\nimport EventCircle from '@common/EventCircle'\nimport ContextMenu from '@common/ImagePlayer/ContextMenu' // todo\nimport { alert } from '@/api'\nimport Theme from '@/mixin/theme.mixin'\nimport RepetitiveInfoTooltip from '@common/RepetitiveInfoTooltip'\n\nexport default {\n  mixins: [Theme],\n  components: { SaveLabelDialog, EditLabelDialog, ContextMenu, EventItem, EventCircle, RepetitiveInfoTooltip },\n  data() {\n    return {\n      recentLogList: [],\n      isRepetitive: true,\n      openedId: -1,\n      selectedLogId: -1,\n      showSaveLabelDialog: false,\n      showEditLabelDialog: false,\n      tmpEventId: -1,\n      tmpLog: -1,\n      contextmenu: { x: 0, y: 0, display: false },\n      mouseoverDisabled: false,\n      loading: false,\n      childLogs: [],\n    }\n  },\n  computed: {\n    ...mapState(['camMap', 'currentLog', 'user', 'recentLogListv2']),\n    isViewer() {\n      return this.user.isViewer\n    },\n  },\n  methods: {\n    ...mapActions(['getRecentLogListv2', 'getChildLogs', 'getLog', 'detectionPageAction/getLogAction']),\n    startDisableMouseoverLogTimer() {\n      this.mouseoverDisabled = true\n      setTimeout(() => {\n        this.mouseoverDisabled = false\n      }, 1000)\n    },\n    displayDetectionTime(log) {\n      const cam = this.camMap[log.camera_id]\n      if (cam) {\n        const date = Util.getOffsetDate(log.created_at, log.offset)\n        return `[${date}] ${cam.name}`\n      } else {\n        return log.log\n      }\n    },\n    displayChildLog(log) {\n      const date = Util.getOffsetDate(log.created_at, log.offset)\n      return `[${date}] ${log.camera_name}`\n    },\n    async getChildLogOfClickedLog(id) {\n      const childLogsData = await this.getChildLogs({ id, inRepOrg: true })\n      this.childLogs = childLogsData.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime())\n    },\n    async onClickChildLog(log) {\n      if (this.currentLog.log_id !== log.id) {\n        this.selectedLogId = log.id\n        this['detectionPageAction/getLogAction'](log.id)\n      }\n      this.scrollToTop()\n    },\n    async onClickCaret(log) {\n      if (this.openedId === log.log_id) {\n        this.openedId = -1\n        this.childLogs = []\n      } else {\n        this.openedId = log.log_id\n        this.loading = true\n        await this.selectLog(log, false)\n        const { id, name } = this.$route.query\n        if (id || name) this.$router.push('/')\n        await this.getChildLogOfClickedLog(log.log_id)\n        this.loading = false\n      }\n    },\n    async onClickRootLog(log) {\n      if (this.selectedLogId === log.log_id) {\n        return\n      } else if (this.openedId === log.log_id) {\n        await this.selectLog(log, true)\n      } else if (this.openedId !== log.log_id) {\n        this.openedId = -1\n        this.childLogs = []\n        await this.selectLog(log, true)\n      }\n    },\n    async selectLog(log, scroll) {\n      this.selectedLogId = log.log_id\n      this['detectionPageAction/getLogAction'](log.log_id)\n      if (scroll) this.scrollToTop()\n    },\n    scrollToTop() {\n      const { id, name } = this.$route.query\n      if (id || name) this.$router.push('/')\n      const pageDom = document.getElementsByClassName('detection')[0]\n      Util.moveScrollToTop(true, pageDom)\n      this.startDisableMouseoverLogTimer()\n    },\n    openSaveLabelDialog(log, eventTypeId) {\n      this.$log.debug('RecentLogList#openSaveLabelDialog', log && log.event_type_id)\n      if (log.event_type_id === 1) {\n        this.showSaveLabelDialog = true\n        this.tmpEventId = eventTypeId\n      }\n    },\n    openEditLabelDialog() {\n      this.showEditLabelDialog = true\n      this.closeContextMenu()\n    },\n    async onClickSaveLabel(event_type_id) {\n      try {\n        this.$log.debug('RecentLogList#onClickSaveLabel', this.showEditLabelDialog, event_type_id, this.tmpEventId)\n        if (this.showEditLabelDialog) {\n          await alert.updateEventType({ log_id: this.selectedLogId, event_type_id })\n          await this.$store.dispatch('setCurrentLog', { ...this.currentLog, event_type_id })\n        } else {\n          await alert.updateEventType({ log_id: this.selectedLogId, event_type_id: this.tmpEventId })\n          await this.$store.dispatch('setCurrentLog', { ...this.currentLog, event_type_id: this.tmpEventId })\n        }\n        await this.getRecentLogListv2({ inNoti: false, inRepOrg: true, inRespStat: false, inChild: true, tabIndex: 1 })\n      } catch (e) {\n        this.$log.error(e)\n      }\n    },\n    onContextMenu(log, e) {\n      const secondaryButton = 2\n      if (e.button === secondaryButton && log.event_type_id !== 1) {\n        this.contextmenu = { x: e.x, y: e.y, display: true }\n        this.tmpEventId = log.event_type_id\n        this.tmpLog = log\n      }\n    },\n    closeContextMenu() {\n      this.contextmenu = { x: 0, y: 0, display: false }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.recent-log-list {\n  display: flex;\n  flex-direction: column;\n  max-height: 495px;\n  margin: 30px 30px 0;\n  padding: 25px 40px;\n  border-radius: 24px;\n  color: var(--f-text-black);\n  background-color: var(--f-light-gray-1);\n  &.dark {\n    background-color: var(--f-bg-middle);\n    color: var(--f-text-white-high);\n  }\n\n  &.no-flex-grow {\n    min-height: 140px;\n  }\n}\n\n.recent-log-list-title {\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 25px;\n  margin-bottom: 20px;\n}\n\n.recent-log-list-container {\n  flex-grow: 1;\n  overflow: auto;\n\n  &.no-flex-grow {\n    flex-grow: 0;\n  }\n\n  .item {\n    padding: 15px 20px;\n    height: 50px;\n    transition: min-height 0.1s linear;\n\n    .info-container {\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 16px;\n      line-height: 20px;\n      height: 20px;\n\n      &.unselected:not(.viewer) {\n        color: var(--f-primary-50);\n      }\n\n      .info-container-text {\n        cursor: pointer;\n        margin-left: 10px;\n      }\n\n      .info-container-caret {\n        cursor: pointer;\n      }\n    }\n\n    img {\n      transition: transform 0.1s linear;\n    }\n\n    &.open {\n      border-bottom: 1px solid var(--f-light-gray-2);\n      &.dark {\n        border-bottom: 1px solid var(--f-bg-high);\n      }\n    }\n\n    &.open:not(.viewer) {\n      min-height: 100px;\n    }\n\n    &.select {\n      padding: 14px 20px 10px;\n      background: linear-gradient(0deg, #ececec, #ececec), #f9f9f9;\n      &.dark {\n        background: none;\n        background-color: var(--f-bg-high);\n      }\n    }\n\n    .event-container {\n      display: flex;\n      margin-top: 12px;\n\n      .event {\n        cursor: pointer;\n        margin-right: 10px;\n      }\n    }\n  }\n  .split-line {\n    margin-top: -1px;\n    height: 1px;\n    background-color: var(--f-light-gray-2);\n    &.dark {\n      background-color: var(--f-bg-high);\n    }\n  }\n\n  .rotate180 {\n    transform: rotate(-180deg);\n  }\n}\n\n.no-data {\n  font-size: 14px;\n  margin-top: -9px;\n  text-align: center;\n  color: var(--f-text-black-middle);\n  overflow: visible;\n  &.dark {\n    color: var(--f-text-white-middle);\n  }\n}\n\n.duplicate-container {\n  max-height: 252px;\n  overflow-y: auto;\n  &.duplicate-log:last-child {\n    border-bottom: none;\n  }\n}\n\n.duplicate-log {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  padding: 15px 0 14px 60px;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 20px;\n  box-sizing: border-box;\n\n  &.select {\n    background: linear-gradient(0deg, #ececec, #ececec), #f9f9f9;\n    &.dark {\n      background: none;\n      background-color: var(--f-bg-high);\n    }\n  }\n  &.dark {\n    border-bottom: 1px solid var(--f-bg-high);\n  }\n  &.light {\n    border-bottom: 1px solid var(--f-light-gray-2);\n  }\n}\n\n.progress-circular {\n  display: flex;\n  justify-content: center;\n  height: 80px;\n  align-items: center;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecentLogList.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!./RecentLogList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecentLogList.vue?vue&type=template&id=da9a4bd8&scoped=true&\"\nimport script from \"./RecentLogList.vue?vue&type=script&lang=js&\"\nexport * from \"./RecentLogList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecentLogList.vue?vue&type=style&index=0&id=da9a4bd8&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  \"da9a4bd8\",\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 { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VProgressCircular,VSpacer})\n\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport ClickOutside from 'vuetify/lib/directives/click-outside'\ninstallDirectives(component, {ClickOutside})\n","<template>\n  <div class=\"alert\">\n    <section @scroll=\"onScroll\" :class=\"`detection ${themeName}`\">\n      <CameraInfo v-if=\"currentCam\"></CameraInfo>\n      <LogInfo v-if=\"currentLog\" @onClickRootLog=\"onClickRootLog\"></LogInfo>\n      <WeatherInfo v-if=\"currentLog\" style=\"margin: 0 30px 20px\"></WeatherInfo>\n      <div class=\"player\">\n        <NewImagePlayer v-if=\"currentLog\" :currentLog=\"currentLog\" ref=\"DetectionImagePlayerContainer\">\n          <template v-slot=\"{ currentIndex, moveFrame, playerState, imageUrlList, detectedImageIndex, hasAfterImages, play, pause, currentLogId }\">\n            <FramePlayerBar\n              :currentLogId=\"currentLogId\"\n              :currentIndex=\"currentIndex\"\n              @moveFrame=\"moveFrame\"\n              :playerState=\"playerState\"\n              :imageUrlList=\"imageUrlList\"\n              :detectedImageIndex=\"detectedImageIndex\"\n              :hasAfterImages=\"hasAfterImages\"\n              @play=\"play\"\n              @pause=\"pause\"\n            />\n          </template>\n        </NewImagePlayer>\n        <LiveViewPlayer v-else-if=\"currentCam\" :currentCam=\"currentCam\" />\n      </div>\n      <Loading\n        v-if=\"showMapIsLoading\"\n        :loading=\"true\"\n        style=\"margin: 0 30px; min-height: 420px; position: relative; width: calc(100% - 60px); z-index: 3 !important\"\n      ></Loading>\n      <div v-else class=\"map-container\" style=\"styleMap\" @mousewheel=\"onMousewheel\" @keydown=\"onKeydown\" @keyup=\"onKeyup\">\n        <div :class=\"{ 'map-view-scroll-guide': true, visible: isInvalidScroll, hidden: !isInvalidScroll }\" :style=\"styleMap\">\n          Use Ctrl + scroll to zoom the map\n        </div>\n        <Map ref=\"detectionMap\" :currentCam=\"currentCam\" :currentLog=\"currentLog\" :style=\"styleMap\"></Map>\n        <!-- map center btn -->\n        <v-btn bottom class=\"map-center-btn\" color=\"white\" dark fab height=\"38\" width=\"38\" left @click=\"onClickMapCenterBtn()\">\n          <img src=\"@/assets/Arrow_Out_Circle_Icon_Red.svg\" />\n        </v-btn>\n        <!-- legend -->\n        <div class=\"legend\">\n          <MapDetailLegend />\n        </div>\n      </div>\n      <RecentLogList ref=\"recentLogList\" v-if=\"!currentCam && !isSearched\"></RecentLogList>\n      <RecentCameraList v-else-if=\"currentCam\"></RecentCameraList>\n      <Footer></Footer>\n    </section>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\n// import Navigation from '@common/Navigation'\nimport CameraInfo from '@desktop/adminOrViewer/detection/CameraInfo'\nimport LogInfo from '@desktop/adminOrViewer/detection/LogInfo'\nimport WeatherInfo from '@desktop/adminOrViewer/detection/WeatherInfo'\nimport NewImagePlayer from '@common/newImage/ImagePlayer'\nimport FramePlayerBar from '@common/newImage/FramePlayerBar'\nimport LiveViewPlayer from '@common/newImage/LiveViewPlayer'\n\n// import Map from '@common/GoogleMaps/Map'\nimport Map from '@common/ArcGIS/DetectionMap'\nimport MapDetailLegend from '@common//MapDetailLegend.vue'\nimport Loading from '@common/ImagePlayer/Loading'\nimport Footer from '@desktop/adminOrViewer/detection/Footer'\nimport RecentCameraList from '@desktop/adminOrViewer/detection/RecentCameraList'\nimport RecentLogList from '@desktop/adminOrViewer/detection/RecentLogList'\nimport RotuerMixin from '@/mixin/router.mixin'\nimport SelfInfoMixin from '@/mixin/selfinfo.mixin'\nimport Theme from '@/mixin/theme.mixin'\nimport CONSTANT from '@/constants'\nimport Util from '@/util'\n\nexport default {\n  mixins: [RotuerMixin, SelfInfoMixin, Theme],\n  components: {\n    CameraInfo,\n    LogInfo,\n    WeatherInfo,\n    Loading,\n    Map,\n    Footer,\n    RecentLogList,\n    RecentCameraList,\n    MapDetailLegend,\n    FramePlayerBar,\n    NewImagePlayer,\n    LiveViewPlayer,\n  },\n  data() {\n    return {\n      intervalSiteLog: null,\n      isDestroyed: false,\n      LIVE_VIEW_SHOW_HOURS_THRESHOLD: 72,\n      showMapIsLoading: false,\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      // zoom control restriction(s)\n      isPressingControlKey: false,\n      isInvalidScroll: false,\n      invalidScrollTimeout: null,\n    }\n  },\n  computed: {\n    ...mapState(['camMap', 'camList', 'recentLogListv2', 'eventTypeList', 'user', 'currentLog', 'currentCam']),\n    styleMap() {\n      if (this.currentLog) {\n        return 'margin: 0 30px; min-height: 420px;'\n      } else {\n        return 'margin: -54px 30px 0; min-height: 420px;'\n      }\n    },\n    isSearched() {\n      const { id, name } = this.$route.query\n      if ((id && name) || (id === undefined && name === undefined)) {\n        return false\n      }\n      return true\n    },\n  },\n  async created() {\n    await this.getRecentLogListv2({ inNoti: true, inRepOrg: true, inRespStat: false, inChild: true })\n    await this.initialize()\n    window.onpopstate = (event) => {\n      const path = event.target.location.search\n      if (!path) this['detectionPageAction/forceInitialize']()\n      else {\n        const { id, name } = Util.getUrlQuery(path)\n        this.updateDataByUrlQuery(id, name)\n      }\n    }\n  },\n  mounted() {\n    this.showMapIsLoading = true\n    setTimeout(() => {\n      this.showMapIsLoading = false\n    }, 1000)\n  },\n  destroyed() {\n    this.isDestroyed = true\n    clearTimeout(this.intervalSiteLog)\n    window.onpopstate = () => {}\n  },\n  methods: {\n    ...mapActions([\n      'setCurrentLog',\n      'getCamList',\n      'getLogList',\n      'getRecentLogListv2',\n      'detectionPageAction/detectionPageIntialize',\n      'detectionPageAction/nameSearchCase',\n      'detectionPageAction/idSearchCase',\n      'detectionPageAction/showMostRecentLogOrLiveView',\n      'detectionPageAction/forceInitialize',\n    ]),\n    async initialize() {\n      const { id, name } = this.$route.query\n      await this['detectionPageAction/detectionPageIntialize']({ logId: id, cameraName: name })\n      this.requestInterval()\n    },\n    requestInterval() {\n      if (this.isDestroyed) return\n      clearTimeout(this.intervalSiteLog)\n      this.intervalSiteLog = setTimeout(async () => {\n        await this.updateDataByUrlQuery()\n        this.requestInterval()\n      }, CONSTANT.INTERVAL_SITE_LOG)\n    },\n    async updateDataByUrlQuery() {\n      const preveiosLogId = this.recentLogListv2[0]?.log_id\n      await this.getRecentLogListv2({ inNoti: true, inRepOrg: true, inRespStat: false, inChild: true })\n      const { id, name } = this.$route.query\n      if (id !== undefined) await this['detectionPageAction/idSearchCase'](+id)\n      else if (name !== undefined) await this['detectionPageAction/nameSearchCase'](name)\n      else {\n        await this['detectionPageAction/showMostRecentLogOrLiveView'](preveiosLogId)\n      }\n    },\n    onClickMapCenterBtn() {\n      this.$refs.detectionMap.centerMap()\n    },\n    async onClickRootLog(rootLog) {\n      await this.$refs.recentLogList.onClickRootLog(rootLog)\n    },\n    onScroll() {\n      if (this.currentLog) {\n        this.$refs.DetectionImagePlayerContainer.closeContextMenu()\n      }\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.alert {\n  display: flex;\n  height: 100%;\n  overflow: auto;\n}\n\nsection {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 1000px;\n  height: 0;\n  min-height: calc(100% - 75px);\n  overflow: auto;\n  background-color: var(--f-text-white);\n\n  &.dark {\n    background-color: var(--f-bg-low);\n  }\n}\n\n.player {\n  flex-basis: 603px;\n  flex-shrink: 0;\n  padding: 0 30px;\n  min-height: 60vh;\n}\n\n.text-map {\n  position: absolute;\n  top: 15px;\n  left: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--f-text-white-high);\n  background-color: var(--f-bg-middle);\n  min-width: 282px;\n  height: 30px;\n  border-radius: 4px;\n}\n\n.legend-map-view {\n  position: fixed;\n  bottom: 25px;\n  left: 15px;\n  height: 50px;\n  width: 260px;\n  border-radius: 8px;\n  background-color: white;\n  display: flex;\n  flex-direction: column;\n  padding: 5px 10px;\n  &.dark {\n    background-color: #25262c;\n  }\n}\n\n.map-container {\n  position: relative;\n\n  .map-view-scroll-guide {\n    height: 100%;\n    width: calc(100% - 60px);\n    background-color: rgba(0, 0, 0, 0.45);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: white;\n    font-size: 22px;\n    font-weight: 400;\n    transition-property: opacity;\n    transition-duration: 0.8s;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    pointer-events: none;\n    &.visible {\n      opacity: 1;\n    }\n    &.hidden {\n      opacity: 0;\n    }\n  }\n}\n\n.legend {\n  position: absolute;\n  bottom: 25px;\n  left: 45px;\n  display: flex;\n  flex-direction: column;\n}\n\n.map-center-btn {\n  position: absolute;\n  bottom: 157px;\n  left: 45px;\n}\n\n.map-center-btn:hover {\n  background-color: #f2f1f1 !important;\n}\n</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!./Detection.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!./Detection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Detection.vue?vue&type=template&id=1c6e01ee&scoped=true&\"\nimport script from \"./Detection.vue?vue&type=script&lang=js&\"\nexport * from \"./Detection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Detection.vue?vue&type=style&index=0&id=1c6e01ee&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  \"1c6e01ee\",\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","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!./DetectionMap.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecentCameraList.vue?vue&type=style&index=0&id=b1245c8a&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Chevron-Down_24px_2_Icon-disabled-light.b9039ec3.svg\";","module.exports = __webpack_public_path__ + \"img/Chevron-Down_24px_2_Icon-black.c8340ca0.svg\";"],"sourceRoot":""}