{"version":3,"sources":["webpack:///./src/views/desktop/adminOrViewer/Monitor.vue?4f8b","webpack:///./src/components/desktop/adminOrViewer/monitor/ToolbarMonitor.vue?da5e","webpack:///./src/components/desktop/adminOrViewer/monitor/ButtonSnooze.vue?bc6f","webpack:///src/components/desktop/adminOrViewer/monitor/ButtonSnooze.vue","webpack:///./src/components/desktop/adminOrViewer/monitor/ButtonSnooze.vue?8cfb","webpack:///./src/components/desktop/adminOrViewer/monitor/ButtonSnooze.vue","webpack:///src/components/desktop/adminOrViewer/monitor/ToolbarMonitor.vue","webpack:///./src/components/desktop/adminOrViewer/monitor/ToolbarMonitor.vue?d95f","webpack:///./src/components/desktop/adminOrViewer/monitor/ToolbarMonitor.vue","webpack:///./src/components/desktop/adminOrViewer/monitor/AlertEffect.vue?7134","webpack:///src/components/desktop/adminOrViewer/monitor/AlertEffect.vue","webpack:///./src/components/desktop/adminOrViewer/monitor/AlertEffect.vue?9fc3","webpack:///./src/components/desktop/adminOrViewer/monitor/AlertEffect.vue","webpack:///./src/components/common/ArcGIS/MonitorMap.vue?b1df","webpack:///src/components/common/ArcGIS/MonitorMap.vue","webpack:///./src/components/common/ArcGIS/MonitorMap.vue?3ac9","webpack:///./src/components/common/ArcGIS/MonitorMap.vue","webpack:///./src/components/desktop/adminOrViewer/monitor/WeatherInfo.vue?a909","webpack:///src/components/desktop/adminOrViewer/monitor/WeatherInfo.vue","webpack:///./src/components/desktop/adminOrViewer/monitor/WeatherInfo.vue?e940","webpack:///./src/components/desktop/adminOrViewer/monitor/WeatherInfo.vue","webpack:///src/views/desktop/adminOrViewer/Monitor.vue","webpack:///./src/views/desktop/adminOrViewer/Monitor.vue?b9ca","webpack:///./src/views/desktop/adminOrViewer/Monitor.vue","webpack:///./src/components/common/ArcGIS/MonitorMap.vue?d5ef","webpack:///./src/components/desktop/adminOrViewer/monitor/ToolbarMonitor.vue?38cf","webpack:///./src/assets/Snooze-On_Line_1_32px_Icon.svg","webpack:///./src/assets/Alert_Off_SkyBlue_Icon.svg","webpack:///./src/views/desktop/adminOrViewer/Monitor.vue?6712","webpack:///./src/components/desktop/superadminOrWorker/alert/Tooltip.vue?a4bd","webpack:///./src/components/desktop/adminOrViewer/monitor/WeatherInfo.vue?6880","webpack:///./src/assets/alert.wav","webpack:///./src/components/desktop/adminOrViewer/monitor/AlertEffect.vue?a6b3","webpack:///./src/assets/Snooze-On_Line_1_32px_Icon-white.svg","webpack:///./src/components/desktop/superadminOrWorker/alert/Tooltip.vue?4ecd","webpack:///src/components/desktop/superadminOrWorker/alert/Tooltip.vue","webpack:///./src/components/desktop/superadminOrWorker/alert/Tooltip.vue?c33e","webpack:///./src/components/desktop/superadminOrWorker/alert/Tooltip.vue","webpack:///./src/mixin/alertoff.mixin.js","webpack:///./src/components/desktop/adminOrViewer/monitor/ButtonSnooze.vue?6da6","webpack:///./src/assets/Snooze-On_Line_1_32px_Icon-white2.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","on","onStopAlert","$event","onChangeSound","_e","attrs","_v","isSound","newLog","providerLogoUrl","currentLog","play","onStopPlayer","imageLoaded","_s","fireLocationLabel","degreeString","class","map","onMousewheel","onKeydown","onKeyup","visible","isInvalidScroll","hidden","direction","isImageLoaded","staticStyle","themeName","detectionTime","detectionName","temperature","windSpeed","windDirection","relativeHumidity","station","recentDisplayLogs","_l","slice","item","key","log_id","time","name","style","staticRenderFns","dark","$vuetify","theme","onClickExit","user","user_name","date","sound","$emit","directives","rawName","snooze","disabled","onClickSound","props","type","required","methods","component","Ripple","mixins","components","ButtonSnooze","data","timeoutObj","computed","mapState","organization","organization_name","created","startTimer","beforeDestroy","clearTimeout","$router","push","remain","format","setTimeout","stoped","SOUND_PLAY_DURATION","WAIT_BLINK","BLINK_TIME","BLINK_MAX_COUNT","EFFECT_COUNT","timerBlink","timerWait","timerSound","blinkFlag","blinkCount","alertEffectCount","blinkStyle","mounted","start","destroyed","stop","startBlink","_m","currentCam","cameraIcon","cameraIconNonDirection","customGeoJsonDataIcon","selectedLogFireIcon","arcgisMap","GraphicsLayer","sceneview","rotate","graphicsList","clickableGraphicUIDList","camerasDataGeoJsonLayer","pfirsDataFeatureLayer","orgaizationIds","idArr","join","latitude","coordinate","split","log","longitude","util","locaitonToDegree","degree","nonDirection","watch","val","old","camera_id","$log","debug","updateMapGraphics","centerMapToCurrentLog","updatePfirsLayerParams","id","loadMap","$store","commit","loadModules","css","then","auth","token","buildEnvURL","process","fillerBackslashCharacter","urlPrependString","esriConfig","urls","headers","Authorization","basemap","ground","x","y","currentLogCameraCoordinates","currentCameraCoordinates","view","container","camera","position","z","zoom","constraints","altitude","max","navigation","mouseWheelZoomEnabled","basemapToggle","nextBaseMap","pfirsGeoJsonDataRenderer","symbol","url","width","height","pfirsGeoJsonDataLabels","color","haloColor","haloSize","font","size","family","weight","pfirsFirePopupTemplate","title","outFields","content","creator","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","_g","_b","Tooltip","ToolbarMonitor","AlertEffect","ImagePlayer","Map","Loading","WeatherInfo","INTERVAL_SITE_LOG","currentCamImageSrc","loading","isPressingControlKey","invalidScrollTimeout","recentLogIdSet","provider_dark_logo_path","getImageUrl","panDirection","recentLogs","logs","length","recentLogListv2","liveImageStyle","alertOff","isAlertOff","camMap","justCamList","inNoti","inRepOrg","inChild","inRespStat","firstLog","mapActions","init","getDetailLogInfo","logId","detailLog","reqeustIntervalRecentLog","timeoutRecentLog","updateFirstLog","IS_NEWLOG","isAlreadyAlerted","alertEffect","$nextTick","setImageSrc","cam","e","$refs","audio","muted","pause","VSpacer","module","exports","default","lineCount","tooltip","now","noti_pause_start","noti_pause_end","isAfter","isBefore"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAAEN,EAAU,OAAEI,EAAG,cAAc,CAACG,IAAI,cAAcC,GAAG,CAAC,KAAOR,EAAIS,YAAY,OAAS,SAASC,GAAQ,OAAOV,EAAIW,eAAc,OAAWX,EAAIY,KAAKR,EAAG,QAAQ,CAACG,IAAI,QAAQM,MAAM,CAAC,IAAM,EAAQ,QAAsB,QAAU,GAAG,KAAO,KAAK,CAACb,EAAIc,GAAG,sDAAsDV,EAAG,iBAAiB,CAACS,MAAM,CAAC,MAAQb,EAAIe,QAAQ,OAASf,EAAIgB,QAAQR,GAAG,CAAC,MAAQR,EAAIW,iBAAiBP,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIc,GAAG,oBAAqBd,EAAmB,gBAAEI,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACN,EAAIc,GAAG,gBAAgBV,EAAG,MAAM,CAACS,MAAM,CAAC,IAAMb,EAAIiB,gBAAgB,MAAQ,aAAajB,EAAIY,OAAOR,EAAG,cAAc,CAACE,YAAY,SAASO,MAAM,CAAC,WAAab,EAAIkB,WAAW,SAAU,EAAK,KAAOlB,EAAImB,KAAK,MAAQ,IAAI,SAAU,GAAMX,GAAG,CAAC,KAAOR,EAAIoB,aAAa,OAASpB,EAAIqB,gBAAgB,GAAGjB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIc,GAAG,IAAId,EAAIsB,GAAGtB,EAAIuB,mBAAmB,KAAKnB,EAAG,YAAYA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIc,GAAGd,EAAIsB,GAAGtB,EAAIwB,iBAAiBpB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIc,GAAG,gDAAgD,GAAGV,EAAG,MAAM,CAACqB,MAAM,CAAE,mBAAmB,EAAMC,KAAK,EAAM,oBAAqB1B,EAAIkB,YAAaV,GAAG,CAAC,WAAaR,EAAI2B,aAAa,QAAU3B,EAAI4B,UAAU,MAAQ5B,EAAI6B,UAAU,CAAE7B,EAAiB,cAAEI,EAAG,MAAM,CAACqB,MAAM,CAAE,yBAAyB,EAAMK,QAAS9B,EAAI+B,gBAAiBC,QAAShC,EAAI+B,kBAAmB,CAAC/B,EAAIc,GAAG,yCAAyCd,EAAIY,KAAMZ,EAAiB,cAAEI,EAAG,MAAM,CAACqB,MAAM,CAAE,cAAezB,EAAIkB,YAA2C,OAA7BlB,EAAIkB,WAAWe,UAAoB,kBAAmBjC,EAAIkB,YAA2C,OAA7BlB,EAAIkB,WAAWe,YAAsBpB,MAAM,CAAC,WAAab,EAAIkB,YAAYV,GAAG,CAAC,qBAAqB,SAASE,GAAQV,EAAIwB,aAAed,MAAWV,EAAIY,KAAOZ,EAAIkB,YAA2C,OAA7BlB,EAAIkB,WAAWe,YAAwBjC,EAAIkC,cAAe9B,EAAG,UAAU,CAAC+B,YAAY,CAAC,IAAM,IAAI,gBAAgB,QAAQtB,MAAM,CAAC,SAAU,KAAQb,EAAIY,MAAM,OAAOR,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACqB,MAAO,kBAAoBzB,EAAIoC,WAAY,CAAChC,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIc,GAAG,wBAAwBV,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIc,GAAGd,EAAIsB,GAAGtB,EAAIqC,oBAAoBjC,EAAG,MAAM,CAACqB,MAAO,wBAA0BzB,EAAIoC,YAAahC,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIc,GAAG,iBAAiBV,EAAG,MAAM,CAAC+B,YAAY,CAAC,QAAU,OAAO,cAAc,WAAW,CAAC/B,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACN,EAAIc,GAAGd,EAAIsB,GAAGtB,EAAIsC,kBAAmBtC,EAAY,SAAEI,EAAG,MAAM,CAAC+B,YAAY,CAAC,cAAc,MAAM,cAAc,KAAKtB,MAAM,CAAC,IAAM,EAAQ,QAAuC,MAAQ,UAAUb,EAAIY,WAAWR,EAAG,cAAc,CAACqB,MAAO,qBAAuBzB,EAAIoC,UAAWvB,MAAM,CAAC,YAAcb,EAAIuC,YAAY,UAAYvC,EAAIwC,UAAU,cAAgBxC,EAAIyC,cAAc,iBAAmBzC,EAAI0C,iBAAiB,QAAU1C,EAAI2C,WAAY3C,EAAI4C,kBAAwB,OAAExC,EAAG,MAAM,CAACqB,MAAO,oBAAsBzB,EAAIoC,WAAYpC,EAAI6C,GAAI7C,EAAI4C,kBAAkBE,MAAM,EAAG,IAAI,SAASC,GAAM,OAAO3C,EAAG,MAAM,CAAC4C,IAAID,EAAKE,OAAOxB,MAAO,6BAA+BzB,EAAIoC,WAAY,CAAChC,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIc,GAAGd,EAAIsB,GAAGyB,EAAKG,SAAS9C,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIc,GAAGd,EAAIsB,GAAGyB,EAAKI,cAAa,GAAG/C,EAAG,MAAM,CAACqB,MAAO,4BAA8BzB,EAAIoC,WAAY,CAACpC,EAAIc,GAAG,yBAAyB,KAAKV,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIc,GAAG,gBAAgBV,EAAG,MAAM,CAACE,YAAY,wBAAwB8C,MAAOpD,EAAkB,wBAAW,IACz4HqD,EAAkB,G,0ICDlB,EAAS,WAAa,IAAIrD,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACqB,MAAM,CAAE,sBAAsB,EAAM6B,KAAMtD,EAAIuD,SAASC,MAAMF,OAAQ,CAAClD,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAAEN,EAAIuD,SAASC,MAAU,KAAEpD,EAAG,MAAM,CAACE,YAAY,YAAYO,MAAM,CAAC,IAAM,EAAQ,QAAoC,MAAQ,SAASL,GAAG,CAAC,MAAQR,EAAIyD,eAAerD,EAAG,MAAM,CAACE,YAAY,YAAYO,MAAM,CAAC,IAAM,EAAQ,QAAoC,MAAQ,SAASL,GAAG,CAAC,MAAQR,EAAIyD,eAAerD,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIc,GAAGd,EAAIsB,GAAGtB,EAAI0D,KAAKC,gBAAgBvD,EAAG,MAAM,CAACE,YAAY,aAAaF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIc,GAAGd,EAAIsB,GAAGtB,EAAI4D,SAASxD,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIc,GAAGd,EAAIsB,GAAGtB,EAAIkD,SAAS9C,EAAG,MAAM,CAACE,YAAY,aAAaF,EAAG,eAAe,CAAC+B,YAAY,CAAC,eAAe,QAAQtB,MAAM,CAAC,MAAQb,EAAI6D,OAAS7D,EAAIgB,QAAQR,GAAG,CAAC,OAAS,SAASE,GAAQ,OAAOV,EAAI8D,MAAM,QAASpD,OAAYN,EAAG,SAAS,CAAC2D,WAAW,CAAC,CAACZ,KAAK,SAASa,QAAQ,aAAa1D,YAAY,OAAOE,GAAG,CAAC,MAAQR,EAAIyD,cAAc,CAACzD,EAAIc,GAAG,WAAW,IACjkC,EAAkB,G,qBCDlB,EAAS,WAAa,IAAId,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAAC2D,WAAW,CAAC,CAACZ,KAAK,SAASa,QAAQ,aAAavC,MAAM,CAAEwC,QAAQ,EAAMC,UAAWlE,EAAI6D,MAAOP,KAAMtD,EAAIuD,SAASC,MAAMF,MAAO9C,GAAG,CAAC,MAAQR,EAAImE,eAAe,CAAGnE,EAAI6D,MAAmG7D,EAAIY,KAAhGR,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,EAAQ,QAA2C,MAAQ,UAAoBb,EAAI6D,OAAS7D,EAAIuD,SAASC,MAAMF,KAAMlD,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,EAAQ,QAAiD,MAAQ,UAAWb,EAAS,MAAEI,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,EAAQ,QAAkD,MAAQ,UAAUb,EAAIY,KAAKR,EAAG,MAAM,CAAC+B,YAAY,CAAC,cAAc,QAAQ,CAACnC,EAAIc,GAAG,eAC7qB,EAAkB,GCSP,GACbsD,MAAOA,CACLP,MAAOA,CACLQ,KAAMA,QACNC,UAAUA,IAGdC,QAASA,CACPJ,aADJ,WAEMlE,KAAK6D,MAAM,UAAU,MCnBwW,I,yDCQ/XU,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,OAAA,S,gBCFf,GACbC,OAAQA,CAACA,QACTC,WAAYA,CAAdC,gBACER,MAAOA,CACLP,MAAOA,CACLQ,KAAMA,QACNC,UAAUA,GAEZtD,OAAQA,CACNqD,KAAMA,QACNC,UAAUA,IAGdO,KAbF,WAcI,MAAO,CACLjB,KAAMA,GACNV,KAAMA,GACN4B,WAAYA,OAGhBC,SAAUA,iCACZC,oCADA,IAEIC,aAFJ,WAGM,OAAOhF,KAAKyD,KAAKwB,mBAEnB/B,KALJ,WAMM,OAAOlD,KAAKyD,KAAKC,aAGrBwB,QA7BF,WA8BIlF,KAAKmF,cAEPC,cAhCF,WAiCIC,aAAaA,KAAKA,aAEpBf,QAASA,CACPd,YADJ,WAEMxD,KAAKsF,QAAQC,KAAK,MAEpBJ,WAJJ,WAIA,WACA,MACA,iBACqB,IAAXK,IACFA,EAASA,GAEX,IAAN,QACMxF,KAAK2D,KAAOA,EAAK8B,OAAO,cACxBzF,KAAKiD,KAAOU,EAAK8B,OAAO,YACxBzF,KAAK6E,WAAaa,YAAW,WAC3B,EAAR,eACAF,MCxEqY,ICQjY,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,IAAiB,QAKhC,IAAkB,EAAW,CAAChB,OAAA,SCxB9B,IAAI,EAAS,WAAa,IAAIzE,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAGN,EAAI4F,OAAwC5F,EAAIY,KAApCR,EAAG,MAAM,CAACE,YAAY,UAAqBN,EAAI4F,OAA8F5F,EAAIY,KAA1FR,EAAG,MAAM,CAACE,YAAY,YAAY8C,MAAOpD,EAAc,YAAG,CAACA,EAAIc,GAAG,uBAC1Q,EAAkB,GCQP,GACb+D,KADF,WAEI,MAAO,CACLgB,oBAAqBA,KACrBC,WAAYA,IACZC,WAAYA,IACZC,gBAAiBA,EACjBC,aAAcA,EACdC,WAAYA,KACZC,UAAWA,KACXC,WAAYA,KACZC,WAAWA,EACXC,WAAYA,EACZC,iBAAkBA,EAClBX,QAAQA,IAGZb,SAAUA,CACRyB,WADJ,WAEM,OAAQvG,KAAKoG,UAAoC,qBAAxB,wBAG7BI,QAtBF,WAuBIxG,KAAKyG,SAEPC,UAzBF,WA0BI1G,KAAK2G,OACLtB,aAAaA,KAAKA,aAEpBf,QAASA,CACPmC,MADJ,WACA,WACMzG,KAAK2G,OACL3G,KAAK2F,QAAS,EAEd3F,KAAKkG,UAAYR,YAAW,WAC1B,EAAR,aAEQ,EAAR,eACA,iBAEML,aAAaA,KAAKA,YAClBrF,KAAKmG,WAAaT,YAAW,WAC3B,EAAR,gBACA,2BAEIiB,KAhBJ,WAiBM3G,KAAKqG,WAAa,EAClBhB,aAAaA,KAAKA,YAClBA,aAAaA,KAAKA,YAEpBuB,WArBJ,WAqBA,WACMvB,aAAaA,KAAKA,YAClBrF,KAAKiG,WAAaP,YAAW,WAC3B,EAAR,aACY,EAAZ,gCACU,EAAV,OACU,EAAV,UACU,EAAV,mBACU,EAAV,mEACc,EAAd,gCACY,EAAZ,QAEY,EAAZ,kBAGU,EAAV,uBACU,EAAV,gBAEA,oBC7EkY,ICQ9X,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,oBCnBX,EAAS,WAAa,IAAI3F,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAIK,MAAMD,GAAO,OAAOJ,EAAI8G,GAAG,IACnG,EAAkB,CAAC,WAAa,IAAI9G,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,aAAaO,MAAM,CAAC,GAAK,iB,0JCiBpJ,GACb6D,OAAQA,CAACA,QACTN,MAAOA,CAKL2C,WAAYA,OACZ7F,WAAYA,QAEd2D,KAVF,WAWI,MAAO,CAELmC,WAAYA,uCAEZC,uBAAwBA,sCACxBC,sBAAuBA,yBACvBC,oBAAqBA,6BACrBC,UAAWA,KACXC,cAAeA,KACfC,UAAWA,KACXC,OAAQA,EAERC,aAAcA,GAEdC,wBAAyBA,GAEzBC,wBAAyBA,KAEzBC,sBAAuBA,OAG3B5C,SAAUA,iCACZC,mGADA,IAEI4C,eAFJ,WAIM,IADA,IAAN,KACA,2FACQC,EAAMA,KAAKA,GAEb,OAAOA,EAAMC,KAAK,MAEpBC,SATJ,WAUM,OAAI9H,KAAK8G,WACA9G,KAAK8G,WAAWiB,WAAWC,MAAM,KAAK,GAEtChI,KAAKiI,MAApB,sIADA,OAIIC,UAhBJ,WAiBM,OAAIlI,KAAK8G,WACA9G,KAAK8G,WAAWiB,WAAWC,MAAM,KAAK,GAEtChI,KAAKiI,MAApB,sIADA,OAII1G,aAvBJ,WAwBM,OAAO4G,EAAA,KAAKC,iBAAiBpI,KAAKqI,SAEpCA,OA1BJ,WA2BM,OAAIrI,KAAK8G,YACC,EAED9G,KAAKiI,KAAOjI,KAAKiI,IAAIjG,WAGhCsG,aAjCJ,WAkCM,OAAwB,IAAjBtI,KAAKqI,QAEdJ,IApCJ,WAoCA,WACA,OASM,OARIjI,KAAKiB,aACPgH,EAAMA,KAAKA,cAAcA,MAAKA,SAAtCA,GAAA,yCACaA,EAEb,oCACUA,EAAMA,KAAKA,YAFXA,EAAMA,KAAKA,UAAUA,MAAKA,SAApCA,GAAA,0CAKaA,KAGXM,MAAOA,CACLtH,WADJ,SACAuH,EAAAC,GACUA,GAAOD,GAAOA,EAAIE,WAAaD,EAAIC,WAAaF,EAAIE,YAAcD,EAAIC,WAAa1I,KAAKqH,WAC1FrH,KAAK2I,KAAKC,MAAM,sDAChB5I,KAAK6I,qBACb,iCACQ7I,KAAK2I,KAAKC,MAAM,sDAChB5I,KAAK6I,oBACL7I,KAAK8I,yBAEP9I,KAAK+I,0BAEPjC,WAZJ,SAYA0B,EAAAC,GACUA,GAAOD,GAAOA,EAAIQ,IAAMP,EAAIO,IAAMR,EAAIQ,KAAOP,EAAIO,IAAMhJ,KAAKqH,WAC9DrH,KAAK2I,KAAKC,MAAM,sDAChB5I,KAAK6I,qBACb,0BACQ7I,KAAK2I,KAAKC,MAAM,sDAChB5I,KAAK6I,oBACL7I,KAAK8I,yBAEP9I,KAAK+I,2BAGTvC,QAzGF,WA2GIxG,KAAKiJ,UACLjJ,KAAK2I,KAAKC,MAAM,2CAChB5I,KAAK6I,oBACL7I,KAAK8I,yBAEPpC,UAhHF,WAiHI1G,KAAKkJ,OAAOC,OAAO,uBAAwB,OAE7C7E,QAASA,CACP2E,QADJ,WACA,WACMG,yBACN,sIACA,CACQC,KAARA,IAEAC,KALA,yDAKA,mPACAC,kBADA,OACAC,EADA,OAGAC,EAAAC,mCACAC,EAAAF,2BACAG,EAAAH,IAGAI,+BAGAA,6BACAC,gBACAC,SACAC,qCAKAvI,EAAA,OACAwI,6BACAC,2BAGA,0CAGAC,GAAA,WACAC,EAAA,UACA,aACA,wGACAD,yBACAC,0BAEAC,EAAA,4CACAF,0BACAC,2BAEA,eACAE,EAAA,wBACAH,0BACAC,2BAIAG,EAAA,OACAC,gBACA/I,MACAgJ,QACAC,UAEAP,IACAC,IACAO,QAIAC,QACAC,aACAC,UACAC,UAGAC,YACAC,4BAIA,cAGA,uCAOAV,iCANAW,EAAA,OACAX,OACAY,kCAEAZ,4BAOAa,EAAA,CACAhH,cACAiH,QACAjH,sBACAkH,4BACAC,aACAC,gBAKAC,EAAA,CACAJ,QACAjH,YACAsH,gBACAC,oBACAC,eACAC,MACAC,YACAC,mBACA5I,eACA6I,mBAKAC,EAAA,CACAC,2BACAC,gBACAC,SACA,CACAhI,cACAiI,oBACA,MACA,+CACAvJ,wCACAA,wCACA,EACA,8CACAA,uCACAA,uCACA,2QAKAgF,EALA,wNASAI,EATA,4FAeA,CACA9D,cACAkI,YACA,CACAC,qBACAC,mBAEA,CACAD,qBACAC,mBAEA,CACAD,kBACAC,eAEA,CACAD,2BACAC,yBAEA,CACAD,wBACAC,yBAKAC,oBACAC,mBAGAC,EAAA,kDACAC,kFACAA,oCACAC,EAAA,kDACAD,6EACAA,+BAGAE,EAAA,OACA9D,4CACAsC,iCACAyB,WACAC,iBACAC,gBACAC,kBACAP,aACAE,cAGA,0BACApL,SAIA0L,EAAA,CACA/I,cACAiH,QACAjH,sBACAkH,6BACAC,aACAC,gBAKA4B,EAAA,CACA/B,QACAjH,YACAsH,gBACAC,oBACAC,eACAC,MACAC,YACAC,mBACA5I,eACA6I,mBAMAqB,EAAA,CACAnB,cACAlD,kBACAsE,qCAEAC,EAAA,CACArB,eACAC,uBACAC,S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","file":"js/chunk-f1b7ddb2.94efb0ce.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"background\"},[(_vm.newLog)?_c('AlertEffect',{ref:\"alertEffect\",on:{\"stop\":_vm.onStopAlert,\"finish\":function($event){return _vm.onChangeSound(false)}}}):_vm._e(),_c('audio',{ref:\"audio\",attrs:{\"src\":require(\"@/assets/alert.wav\"),\"preload\":\"\",\"loop\":\"\"}},[_vm._v(\"Your browser does not support the audio element.\")]),_c('ToolbarMonitor',{attrs:{\"sound\":_vm.isSound,\"newLog\":_vm.newLog},on:{\"sound\":_vm.onChangeSound}}),_c('main',{staticClass:\"main\"},[_c('div',{staticClass:\"left-container\"},[_c('div',{staticClass:\"top-container\"},[_c('div',{staticClass:\"title1 detection-clip\"},[_vm._v(\" Detection Clip \"),(_vm.providerLogoUrl)?_c('div',{staticClass:\"monitor-camera-provider\"},[_vm._v(\" Cameras by \"),_c('img',{attrs:{\"src\":_vm.providerLogoUrl,\"width\":\"113px\"}})]):_vm._e()]),_c('ImagePlayer',{staticClass:\"player\",attrs:{\"currentLog\":_vm.currentLog,\"monitor\":true,\"play\":_vm.play,\"speed\":300,\"drawBox\":true},on:{\"stop\":_vm.onStopPlayer,\"loaded\":_vm.imageLoaded}})],1),_c('div',{staticClass:\"bottom-container\"},[_c('div',{staticClass:\"title1\"},[_vm._v(\" \"+_vm._s(_vm.fireLocationLabel)+\" \"),_c('v-spacer'),_c('div',{staticClass:\"title1-map direction\"},[_vm._v(_vm._s(_vm.degreeString))]),_c('div',{staticClass:\"title1-map\"},[_vm._v(\"Direction may differ in the range of ±5˚.\")])],1),_c('div',{class:{ 'image-container': true, map: true, 'background-black': !_vm.currentLog },on:{\"mousewheel\":_vm.onMousewheel,\"keydown\":_vm.onKeydown,\"keyup\":_vm.onKeyup}},[(_vm.isImageLoaded)?_c('div',{class:{ 'map-view-scroll-guide': true, visible: _vm.isInvalidScroll, hidden: !_vm.isInvalidScroll }},[_vm._v(\" Use Ctrl + scroll to zoom the map \")]):_vm._e(),(_vm.isImageLoaded)?_c('Map',{class:{ 'map-visible': _vm.currentLog && _vm.currentLog.direction !== null, 'map-invisible': !(_vm.currentLog && _vm.currentLog.direction !== null) },attrs:{\"currentLog\":_vm.currentLog},on:{\"cardinal-direction\":function($event){_vm.degreeString = $event}}}):_vm._e(),((_vm.currentLog && _vm.currentLog.direction === null) || !_vm.isImageLoaded)?_c('Loading',{staticStyle:{\"top\":\"0\",\"border-radius\":\"15px\"},attrs:{\"loading\":true}}):_vm._e()],1)])]),_c('div',{staticClass:\"right-container\"},[_c('div',{staticClass:\"top-container\"},[_c('div',{staticClass:\"inner-flex-container\"},[_c('div',{class:(\"info-container \" + _vm.themeName)},[_c('div',{staticClass:\"container left\"},[_c('div',{staticClass:\"text-title\"},[_vm._v(\"Detection Time(PT)\")]),_c('div',{staticClass:\"text-selectable\"},[_vm._v(_vm._s(_vm.detectionTime))])]),_c('div',{class:(\"line-vertical-center \" + _vm.themeName)}),_c('div',{staticClass:\"container right\"},[_c('div',{staticClass:\"text-title\"},[_vm._v(\"Camera Name\")]),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticClass:\"text-truncate text-selectable\"},[_vm._v(_vm._s(_vm.detectionName))]),(_vm.alertOff)?_c('img',{staticStyle:{\"margin-left\":\"2px\",\"flex-shrink\":\"0\"},attrs:{\"src\":require(\"@/assets/Alert_Off_SkyBlue_Icon.svg\"),\"width\":\"24px\"}}):_vm._e()])])]),_c('WeatherInfo',{class:(\"weather-container \" + _vm.themeName),attrs:{\"temperature\":_vm.temperature,\"windSpeed\":_vm.windSpeed,\"windDirection\":_vm.windDirection,\"relativeHumidity\":_vm.relativeHumidity,\"station\":_vm.station}}),(_vm.recentDisplayLogs.length)?_c('div',{class:(\"recent-container \" + _vm.themeName)},_vm._l((_vm.recentDisplayLogs.slice(0, 3)),function(item){return _c('div',{key:item.log_id,class:(\"recent-item text-truncate \" + _vm.themeName)},[_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(item.time))]),_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(item.name))])])}),0):_c('div',{class:(\"recent-container no-data \" + _vm.themeName)},[_vm._v(\"No data available.\")])],1)]),_c('div',{staticClass:\"bottom-container\"},[_c('div',{staticClass:\"title1 livestream\"},[_vm._v(\"Livestream\")]),_c('div',{staticClass:\"image-container right\",style:(_vm.liveImageStyle)})])])])],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('header',{class:{ 'background-toolbar': true, dark: _vm.$vuetify.theme.dark }},[_c('div',{staticClass:\"d-flex align-center\"},[(_vm.$vuetify.theme.dark)?_c('img',{staticClass:\"icon-logo\",attrs:{\"src\":require(\"@/assets/FireScoutLogo_white.svg\"),\"width\":\"140px\"},on:{\"click\":_vm.onClickExit}}):_c('img',{staticClass:\"icon-logo\",attrs:{\"src\":require(\"@/assets/FireScoutLogo_color.svg\"),\"width\":\"140px\"},on:{\"click\":_vm.onClickExit}}),_c('div',{staticClass:\"text-title\"},[_vm._v(_vm._s(_vm.user.user_name))])]),_c('div',{staticClass:\"spacer-1\"}),_c('div',{staticClass:\"text-date\"},[_vm._v(_vm._s(_vm.date))]),_c('div',{staticClass:\"text-time\"},[_vm._v(_vm._s(_vm.time))]),_c('div',{staticClass:\"spacer-1\"}),_c('ButtonSnooze',{staticStyle:{\"margin-right\":\"15px\"},attrs:{\"sound\":_vm.sound && _vm.newLog},on:{\"change\":function($event){return _vm.$emit('sound', $event)}}}),_c('button',{directives:[{name:\"ripple\",rawName:\"v-ripple\"}],staticClass:\"exit\",on:{\"click\":_vm.onClickExit}},[_vm._v(\"Exit\")])],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('button',{directives:[{name:\"ripple\",rawName:\"v-ripple\"}],class:{ snooze: true, disabled: !_vm.sound, dark: _vm.$vuetify.theme.dark },on:{\"click\":_vm.onClickSound}},[(!_vm.sound)?_c('img',{attrs:{\"src\":require(\"@/assets/Snooze-On_Line_1_32px_Icon.svg\"),\"width\":\"24px\"}}):_vm._e(),(_vm.sound && _vm.$vuetify.theme.dark)?_c('img',{attrs:{\"src\":require(\"@/assets/Snooze-On_Line_1_32px_Icon-white.svg\"),\"width\":\"24px\"}}):(_vm.sound)?_c('img',{attrs:{\"src\":require(\"@/assets/Snooze-On_Line_1_32px_Icon-white2.svg\"),\"width\":\"24px\"}}):_vm._e(),_c('div',{staticStyle:{\"margin-left\":\"8px\"}},[_vm._v(\"Snooze\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button v-ripple @click=\"onClickSound\" :class=\"{ snooze: true, disabled: !sound, dark: $vuetify.theme.dark }\">\n    <img v-if=\"!sound\" src=\"@/assets/Snooze-On_Line_1_32px_Icon.svg\" width=\"24px\" />\n    <img v-if=\"sound && $vuetify.theme.dark\" src=\"@/assets/Snooze-On_Line_1_32px_Icon-white.svg\" width=\"24px\" />\n    <img v-else-if=\"sound\" src=\"@/assets/Snooze-On_Line_1_32px_Icon-white2.svg\" width=\"24px\" />\n    <div style=\"margin-left: 8px\">Snooze</div>\n  </button>\n</template>\n\n<script>\nexport default {\n  props: {\n    sound: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  methods: {\n    onClickSound() {\n      this.$emit('change', false)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\nbutton {\n  height: 44px;\n  color: var(--f-text-white);\n  border-radius: 8px;\n  width: 120px;\n  font-weight: 600;\n  font-size: 16px;\n  background-color: var(--f-primary-50);\n  &.dark {\n    background-color: var(--f-bg-high);\n  }\n\n  &.disabled {\n    background-color: #0000001f;\n    color: #00000042;\n    &.dark {\n      color: #00000042;\n      background-color: var(--f-light-gray-2);\n    }\n    &:active {\n      opacity: 1;\n    }\n  }\n\n  &.snooze {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: none;\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!./ButtonSnooze.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!./ButtonSnooze.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonSnooze.vue?vue&type=template&id=7b75879a&scoped=true&\"\nimport script from \"./ButtonSnooze.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonSnooze.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonSnooze.vue?vue&type=style&index=0&id=7b75879a&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  \"7b75879a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport Ripple from 'vuetify/lib/directives/ripple'\ninstallDirectives(component, {Ripple})\n","<template>\n  <header :class=\"{ 'background-toolbar': true, dark: $vuetify.theme.dark }\">\n    <div class=\"d-flex align-center\">\n      <img v-if=\"$vuetify.theme.dark\" @click=\"onClickExit\" src=\"@/assets/FireScoutLogo_white.svg\" width=\"140px\" class=\"icon-logo\" />\n      <img v-else @click=\"onClickExit\" src=\"@/assets/FireScoutLogo_color.svg\" width=\"140px\" class=\"icon-logo\" />\n      <div class=\"text-title\">{{ user.user_name }}</div>\n    </div>\n    <div class=\"spacer-1\"></div>\n    <div class=\"text-date\">{{ date }}</div>\n    <div class=\"text-time\">{{ time }}</div>\n    <div class=\"spacer-1\"></div>\n    <ButtonSnooze :sound=\"sound && newLog\" @change=\"$emit('sound', $event)\" style=\"margin-right: 15px\"></ButtonSnooze>\n    <button v-ripple @click=\"onClickExit\" class=\"exit\">Exit</button>\n  </header>\n</template>\n\n<script>\nimport moment from 'moment'\nimport { mapState } from 'vuex'\nimport ButtonSnooze from './ButtonSnooze'\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  components: { ButtonSnooze },\n  props: {\n    sound: {\n      type: Boolean,\n      required: true,\n    },\n    newLog: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      date: '',\n      time: '',\n      timeoutObj: null,\n    }\n  },\n  computed: {\n    ...mapState(['camList', 'user']),\n    organization() {\n      return this.user.organization_name\n    },\n    name() {\n      return this.user.user_name\n    },\n  },\n  created() {\n    this.startTimer()\n  },\n  beforeDestroy() {\n    clearTimeout(this.timeoutObj)\n  },\n  methods: {\n    onClickExit() {\n      this.$router.push(`/`)\n    },\n    startTimer() {\n      let oneSecond = 1000\n      let remain = oneSecond - (Date.now() % oneSecond)\n      if (remain === 0) {\n        remain = oneSecond\n      }\n      let date = moment()\n      this.date = date.format('YYYY-MM-DD')\n      this.time = date.format('HH:mm:ss')\n      this.timeoutObj = setTimeout(() => {\n        this.startTimer()\n      }, remain)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.background-toolbar {\n  position: fixed;\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  width: 100%;\n  height: 74px;\n  z-index: 2;\n  color: var(--f-text-black);\n  border-bottom: 1px solid var(--f-light-gray-1);\n  &.dark {\n    color: var(--f-text-white-high);\n    border-bottom-color: var(--f-bg-high);\n  }\n\n  .icon-logo {\n    cursor: pointer;\n    margin-left: 30px;\n    margin-right: 10px;\n  }\n}\n\n.text-title {\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--f-primary-100);\n}\n\n.text-date {\n  font-weight: 600;\n  font-size: 20px;\n  margin-right: 15px;\n}\n\n.text-time {\n  font-weight: 600;\n  font-size: 30px;\n}\n\nbutton {\n  height: 44px;\n  font-weight: 600;\n  font-size: 16px;\n  border-radius: 8px;\n  min-width: 108px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.exit {\n    color: var(--f-text-white-high);\n    background-color: var(--f-primary-100);\n    margin-right: 30px;\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!./ToolbarMonitor.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!./ToolbarMonitor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToolbarMonitor.vue?vue&type=template&id=14a535c4&scoped=true&\"\nimport script from \"./ToolbarMonitor.vue?vue&type=script&lang=js&\"\nexport * from \"./ToolbarMonitor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToolbarMonitor.vue?vue&type=style&index=0&id=14a535c4&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  \"14a535c4\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport Ripple from 'vuetify/lib/directives/ripple'\ninstallDirectives(component, {Ripple})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert-effect\"},[(!_vm.stoped)?_c('div',{staticClass:\"frame\"}):_vm._e(),(!_vm.stoped)?_c('div',{staticClass:\"alert-box\",style:(_vm.blinkStyle)},[_vm._v(\"Smoke Detected\")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"alert-effect\">\n    <div v-if=\"!stoped\" class=\"frame\"></div>\n    <!-- <div v-if=\"!stoped\" class=\"alert-effect-background\" :style=\"blinkStyle\"></div> -->\n    <div v-if=\"!stoped\" class=\"alert-box\" :style=\"blinkStyle\">Smoke Detected</div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      SOUND_PLAY_DURATION: 12000,\n      WAIT_BLINK: 9000,\n      BLINK_TIME: 2000,\n      BLINK_MAX_COUNT: 6,\n      EFFECT_COUNT: 3,\n      timerBlink: null,\n      timerWait: null,\n      timerSound: null,\n      blinkFlag: false,\n      blinkCount: 0,\n      alertEffectCount: 0,\n      stoped: false,\n    }\n  },\n  computed: {\n    blinkStyle() {\n      return !this.blinkFlag ? 'visibility: visible' : 'visibility: hidden'\n    },\n  },\n  mounted() {\n    this.start()\n  },\n  destroyed() {\n    this.stop()\n    clearTimeout(this.timerSound)\n  },\n  methods: {\n    start() {\n      this.stop()\n      this.stoped = false\n      // start alert frame\n      this.timerWait = setTimeout(() => {\n        this.blinkFlag = true\n        // start alert information\n        this.startBlink()\n      }, this.WAIT_BLINK)\n      // stop sound timer\n      clearTimeout(this.timerSound)\n      this.timerSound = setTimeout(() => {\n        this.$emit('stop')\n      }, this.SOUND_PLAY_DURATION)\n    },\n    stop() {\n      this.blinkCount = 0\n      clearTimeout(this.timerBlink)\n      clearTimeout(this.timerWait)\n    },\n    startBlink() {\n      clearTimeout(this.timerBlink)\n      this.timerBlink = setTimeout(() => {\n        this.blinkCount++\n        if (this.blinkCount === this.BLINK_MAX_COUNT) {\n          this.stop()\n          this.stoped = true\n          this.alertEffectCount++\n          this.$log.debug('AlertEffect#startBlink stop count', this.alertEffectCount)\n          if (this.alertEffectCount < this.EFFECT_COUNT) {\n            this.start()\n          } else {\n            this.$emit('finish')\n          }\n        } else {\n          this.blinkFlag = !this.blinkFlag\n          this.startBlink()\n        }\n      }, this.BLINK_TIME)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.alert-effect {\n  position: fixed;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  pointer-events: none;\n\n  .frame {\n    position: absolute;\n    text-align: center;\n    border: 15px solid var(--f-primary-100);\n    width: 100%;\n    height: 100%;\n  }\n\n  .alert-effect-background {\n    position: absolute;\n    background-color: #ff3b30;\n    opacity: 0.2;\n    width: 100%;\n    height: 100%;\n  }\n\n  .alert-box {\n    position: absolute;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--f-primary-90);\n    border: 5px solid var(--f-primary-50);\n    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);\n    border-radius: 16px;\n    color: white;\n    font-weight: 600;\n    font-size: 30px;\n    width: 360px;\n    height: 90px;\n    margin-top: 30px;\n    transform: translateX(-180px);\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!./AlertEffect.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!./AlertEffect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertEffect.vue?vue&type=template&id=223420c5&scoped=true&\"\nimport script from \"./AlertEffect.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertEffect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlertEffect.vue?vue&type=style&index=0&id=223420c5&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  \"223420c5\",\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 _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(12, 'hours').format()\n          : moment().subtract(12, 'hours').format()\n        const end_date = this.currentLog?.created_at\n          ? moment(this.currentLog.created_at, 'YYYY-MM-DDTHH:mm:ssZ').add(12, 'hours').format()\n          : moment().add(12, 'hours').format()\n\n        // add geoJSON layer (geoJSON data from ArcGIS Developer Dashboard)\n        const pfirsGeoJsonDataLayer = new GeoJSONLayer({\n          id: 'alchera-monitor-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(12, 'hours').format()\n        : moment().subtract(12, 'hours').format()\n      const endDate = this.currentLog?.created_at\n        ? moment(this.currentLog.created_at, 'YYYY-MM-DDTHH:mm:ssZ').add(12, 'hours').format()\n        : moment().add(12, 'hours').format()\n      const pfirsGeoJsonLayer = this.ArcGISMapInstance.findLayerById('alchera-monitor-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!./MonitorMap.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!./MonitorMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MonitorMap.vue?vue&type=template&id=294d13c5&\"\nimport script from \"./MonitorMap.vue?vue&type=script&lang=js&\"\nexport * from \"./MonitorMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MonitorMap.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',{class:(\"weather-info \" + _vm.themeName)},[_c('div',{staticClass:\"weather-top-down-container\"},[_c('div',{class:(\"weather-label \" + _vm.themeName)},[_vm._v(\"Temperature\")]),_c('div',{class:(\"value \" + _vm.themeName)},[_vm._v(_vm._s(_vm.temperature))])]),_c('div',{class:(\"split-line \" + _vm.themeName)}),_c('div',{staticClass:\"weather-top-down-container\"},[_c('div',{class:(\"weather-label \" + _vm.themeName)},[_vm._v(\"Wind Speed\")]),_c('div',{class:(\"value \" + _vm.themeName)},[_vm._v(_vm._s(_vm.windSpeed))])]),_c('div',{class:(\"split-line \" + _vm.themeName)}),_c('div',{staticClass:\"weather-top-down-container\"},[_c('div',{class:(\"weather-label \" + _vm.themeName)},[_vm._v(\"Wind Direction\")]),_c('div',{class:(\"value \" + _vm.themeName)},[_vm._v(_vm._s(_vm.windDirection))])]),_c('div',{class:(\"split-line \" + _vm.themeName)}),_c('div',{staticClass:\"weather-top-down-container\"},[_c('div',{class:(\"weather-label \" + _vm.themeName)},[_vm._v(\"Relative Humidity\")]),_c('div',{class:(\"value \" + _vm.themeName)},[_vm._v(_vm._s(_vm.relativeHumidity))])]),_c('div',{class:(\"split-line \" + _vm.themeName)}),_c('div',{staticClass:\"weather-top-down-container\"},[_c('div',{class:(\"weather-label \" + _vm.themeName)},[_vm._v(\"Station\")]),_c('div',_vm._g(_vm._b({class:(\"value station \" + _vm.themeName)},'div',_vm.attrs,false),_vm.on),[_vm._v(_vm._s(_vm.station))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"`weather-info ${themeName}`\">\n    <div class=\"weather-top-down-container\">\n      <div :class=\"`weather-label ${themeName}`\">Temperature</div>\n      <div :class=\"`value ${themeName}`\">{{ temperature }}</div>\n    </div>\n    <div :class=\"`split-line ${themeName}`\"></div>\n    <div class=\"weather-top-down-container\">\n      <div :class=\"`weather-label ${themeName}`\">Wind Speed</div>\n      <div :class=\"`value ${themeName}`\">{{ windSpeed }}</div>\n    </div>\n    <div :class=\"`split-line ${themeName}`\"></div>\n    <div class=\"weather-top-down-container\">\n      <div :class=\"`weather-label ${themeName}`\">Wind Direction</div>\n      <div :class=\"`value ${themeName}`\">{{ windDirection }}</div>\n    </div>\n    <div :class=\"`split-line ${themeName}`\"></div>\n    <div class=\"weather-top-down-container\">\n      <div :class=\"`weather-label ${themeName}`\">Relative Humidity</div>\n      <div :class=\"`value ${themeName}`\">{{ relativeHumidity }}</div>\n    </div>\n    <div :class=\"`split-line ${themeName}`\"></div>\n    <div class=\"weather-top-down-container\">\n      <div :class=\"`weather-label ${themeName}`\">Station</div>\n      <div :class=\"`value station ${themeName}`\" v-bind=\"attrs\" v-on=\"on\">{{ station }}</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Theme from '@/mixin/theme.mixin'\nimport { mapState, mapActions } from 'vuex'\nimport Tooltip from '@components/desktop/superadminOrWorker/alert/Tooltip'\n\nexport default {\n  mixins: [Theme],\n  components: { Tooltip },\n  props: {\n    temperature: {\n      type: String,\n    },\n    windSpeed: {\n      type: String,\n    },\n    windDirection: {\n      type: String,\n    },\n    relativeHumidity: {\n      type: String,\n    },\n    station: {\n      type: String,\n    },\n  },\n  computed: {\n    // ...mapState(['currentLog']),\n    // temperature() {\n    //   if (this.currentLog && this.currentLog.temperature) {\n    //     return this.currentLog.temperature\n    //   }\n    //   return '-'\n    // },\n    // windSpeed() {\n    //   if (this.currentLog && this.currentLog.wind_speed) {\n    //     return this.currentLog.wind_speed\n    //   }\n    //   return '-'\n    // },\n    // windDirection() {\n    //   if (this.currentLog && this.currentLog.wind_direction) {\n    //     return this.currentLog.wind_direction\n    //   }\n    //   return '-'\n    // },\n    // station() {\n    //   if (this.currentLog && this.currentLog.station_name) {\n    //     return this.currentLog.station_name\n    //   }\n    //   return '-'\n    // },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.weather-info {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  min-height: 69px;\n  border-radius: 16px;\n  // padding: 0 30px;\n  font-weight: 600;\n  font-size: 16px;\n  background-color: var(--f-light-gray-1);\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n\n  .weather-top-down-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 0 15px;\n    height: 100%;\n    width: 25%;\n  }\n  .weather-label {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--f-text-gray);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 50%;\n    white-space: nowrap;\n    &.dark {\n      color: var(--f-text-white-high);\n    }\n  }\n\n  .value {\n    font-weight: 600;\n    height: 50%;\n    color: var(--f-text-black);\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    &.station {\n      font-size: 12px;\n    }\n    &.dark {\n      color: var(--f-primary-50);\n    }\n  }\n}\n\n.split-line {\n  width: 1px;\n  height: 50%;\n  // margin: 0 60px;\n  background-color: var(--f-light-gray-2);\n  &.dark {\n    background-color: var(--f-bg-high);\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!./WeatherInfo.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!./WeatherInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WeatherInfo.vue?vue&type=template&id=618c8dec&scoped=true&\"\nimport script from \"./WeatherInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./WeatherInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WeatherInfo.vue?vue&type=style&index=0&id=618c8dec&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  \"618c8dec\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"background\">\n    <AlertEffect ref=\"alertEffect\" v-if=\"newLog\" @stop=\"onStopAlert\" @finish=\"onChangeSound(false)\"></AlertEffect>\n    <audio ref=\"audio\" src=\"@/assets/alert.wav\" preload loop>Your browser does not support the audio element.</audio>\n    <ToolbarMonitor :sound=\"isSound\" :newLog=\"newLog\" @sound=\"onChangeSound\"></ToolbarMonitor>\n    <main class=\"main\">\n      <div class=\"left-container\">\n        <div class=\"top-container\">\n          <div class=\"title1 detection-clip\">\n            Detection Clip\n            <div v-if=\"providerLogoUrl\" class=\"monitor-camera-provider\">\n              Cameras by\n              <img :src=\"providerLogoUrl\" width=\"113px\" />\n            </div>\n          </div>\n          <ImagePlayer\n            :currentLog=\"currentLog\"\n            :monitor=\"true\"\n            @stop=\"onStopPlayer\"\n            :play=\"play\"\n            :speed=\"300\"\n            :drawBox=\"true\"\n            @loaded=\"imageLoaded\"\n            class=\"player\"\n          ></ImagePlayer>\n        </div>\n        <div class=\"bottom-container\">\n          <div class=\"title1\">\n            {{ fireLocationLabel }}\n            <v-spacer></v-spacer>\n            <div class=\"title1-map direction\">{{ degreeString }}</div>\n            <div class=\"title1-map\">Direction may differ in the range of ±5˚.</div>\n          </div>\n          <div\n            :class=\"{ 'image-container': true, map: true, 'background-black': !currentLog }\"\n            @mousewheel=\"onMousewheel\"\n            @keydown=\"onKeydown\"\n            @keyup=\"onKeyup\"\n          >\n            <div v-if=\"isImageLoaded\" :class=\"{ 'map-view-scroll-guide': true, visible: isInvalidScroll, hidden: !isInvalidScroll }\">\n              Use Ctrl + scroll to zoom the map\n            </div>\n            <Map\n              v-if=\"isImageLoaded\"\n              :currentLog=\"currentLog\"\n              @cardinal-direction=\"degreeString = $event\"\n              :class=\"{ 'map-visible': currentLog && currentLog.direction !== null, 'map-invisible': !(currentLog && currentLog.direction !== null) }\"\n            ></Map>\n            <Loading\n              v-if=\"(currentLog && currentLog.direction === null) || !isImageLoaded\"\n              :loading=\"true\"\n              style=\"top: 0; border-radius: 15px\"\n            ></Loading>\n          </div>\n        </div>\n      </div>\n      <div class=\"right-container\">\n        <div class=\"top-container\">\n          <div class=\"inner-flex-container\">\n            <div :class=\"`info-container ${themeName}`\">\n              <div class=\"container left\">\n                <div class=\"text-title\">Detection Time(PT)</div>\n                <div class=\"text-selectable\">{{ detectionTime }}</div>\n              </div>\n              <div :class=\"`line-vertical-center ${themeName}`\"></div>\n              <div class=\"container right\">\n                <div class=\"text-title\">Camera Name</div>\n                <div style=\"display: flex; align-items: center\">\n                  <div class=\"text-truncate text-selectable\">{{ detectionName }}</div>\n                  <img v-if=\"alertOff\" src=\"@/assets/Alert_Off_SkyBlue_Icon.svg\" width=\"24px\" style=\"margin-left: 2px; flex-shrink: 0\" />\n                </div>\n              </div>\n            </div>\n            <WeatherInfo\n              :temperature=\"temperature\"\n              :windSpeed=\"windSpeed\"\n              :windDirection=\"windDirection\"\n              :relativeHumidity=\"relativeHumidity\"\n              :station=\"station\"\n              :class=\"`weather-container ${themeName}`\"\n            ></WeatherInfo>\n            <div v-if=\"recentDisplayLogs.length\" :class=\"`recent-container ${themeName}`\">\n              <div v-for=\"item in recentDisplayLogs.slice(0, 3)\" :key=\"item.log_id\" :class=\"`recent-item text-truncate ${themeName}`\">\n                <span class=\"time\">{{ item.time }}</span\n                ><span class=\"name\">{{ item.name }}</span>\n              </div>\n            </div>\n            <div v-else :class=\"`recent-container no-data ${themeName}`\">No data available.</div>\n          </div>\n        </div>\n        <div class=\"bottom-container\">\n          <div class=\"title1 livestream\">Livestream</div>\n          <div class=\"image-container right\" :style=\"liveImageStyle\"></div>\n        </div>\n      </div>\n    </main>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport ToolbarMonitor from '@desktop/adminOrViewer/monitor/ToolbarMonitor'\nimport AlertEffect from '@desktop/adminOrViewer/monitor/AlertEffect'\nimport ImagePlayer from '@common/ImagePlayer/ImagePlayer'\n// import Map from '@common/GoogleMaps/Map'\nimport Map from '@common/ArcGIS/MonitorMap'\nimport Loading from '@common/ImagePlayer/Loading.vue'\nimport Util from '@/util'\nimport SelfInfoMixin from '@/mixin/selfinfo.mixin'\nimport Theme from '@/mixin/theme.mixin'\nimport AlertOff from '@/mixin/alertoff.mixin'\nimport WeatherInfo from '@desktop/adminOrViewer/monitor/WeatherInfo'\n\nexport default {\n  mixins: [SelfInfoMixin, Theme, AlertOff],\n  components: { ToolbarMonitor, AlertEffect, ImagePlayer, Map, Loading, WeatherInfo },\n  data() {\n    return {\n      INTERVAL_SITE_LOG: 5000,\n      detectionTime: '',\n      detectionName: '',\n      currentCamImageSrc: '',\n      currentLog: null,\n      play: 'stop',\n      newLog: false,\n      isSound: true,\n      loading: true,\n      degreeString: '',\n      temperature: '-',\n      windSpeed: '-',\n      windDirection: '-',\n      relativeHumidity: '-',\n      station: '-',\n      isImageLoaded: false,\n      // zoom control restriction(s)\n      isPressingControlKey: false,\n      isInvalidScroll: false,\n      invalidScrollTimeout: null,\n      recentLogIdSet: new Set(),\n    }\n  },\n  computed: {\n    ...mapState(['camMap', 'camList', 'recentLogListv2']),\n    providerLogoUrl() {\n      if (this.currentLog && this.currentLog.provider_dark_logo_path) {\n        return Util.getImageUrl(this.currentLog.provider_dark_logo_path)\n      }\n\n      return null\n    },\n    fireLocationLabel() {\n      if (!this.currentLog) return 'Fire Location'\n      const latitude = this.currentLog.latitude\n      const longitude = this.currentLog.longitude\n      const panDirection = this.currentLog.pan_direction\n      if ((latitude === -1 || !latitude) && (longitude === -1 || !longitude) && panDirection !== -1 && panDirection) return 'Fire Direction'\n      else return 'Fire Location'\n    },\n    recentLogs() {\n      let logs = this.recentLogListv2.slice(0, 6).filter((log) => Util.checkRecent72(log.created_at, log.offset) && !log.is_checked_organization)\n      if (logs.length) {\n        return logs\n      } else if (this.recentLogListv2.length) {\n        return [this.recentLogListv2[0]]\n      } else {\n        return []\n      }\n    },\n    recentDisplayLogs() {\n      // this.$log.debug('Monitor', this.camMap)\n      return this.recentLogs.map((log) => {\n        return {\n          id: log.log_id,\n          time: `[${Util.getOffsetDate(log.created_at, log.offset)}]`,\n          name: this.camMap[log.camera_id].name,\n        }\n      })\n    },\n    liveImageStyle() {\n      return `background-image: url(${this.currentCamImageSrc}); background-size:contain; background-position: center;`\n    },\n    alertOff() {\n      return this.isAlertOff(this.currentLog, this.camMap)\n    },\n  },\n  async created() {\n    await this.getCamList({ justCamList: true })\n    await this.getRecentLogListv2({ inNoti: true, inRepOrg: true, inChild: false, inRespStat: false })\n    this.recentLogIdSet = Util.makeRecentLogIdSet(this.recentLogs)\n    const firstLog = this.recentLogs && this.recentLogs.length && this.recentLogs[0]\n    await this.setImageSrc(firstLog)\n    this.reqeustIntervalRecentLog()\n  },\n  destroyed() {\n    clearTimeout(this.timeoutRecentLog)\n  },\n  methods: {\n    ...mapActions(['getCamList', 'getLog', 'getRecentLogListv2']),\n    init() {\n      this.play = 'stop'\n      this.currentLog = null\n      this.detectionTime = '-'\n      this.detectionName = '-'\n      // weather info\n      this.temperature = '-'\n      this.windSpeed = '-'\n      this.windDirection = '-'\n      this.relativeHumidity = '-'\n      this.station = '-'\n    },\n    imageLoaded() {\n      this.isImageLoaded = true\n    },\n    async getDetailLogInfo(logId) {\n      try {\n        const detailLog = await this.getLog(logId)\n        return detailLog\n      } catch (e) {\n        return null\n      }\n    },\n    reqeustIntervalRecentLog() {\n      clearTimeout(this.timeoutRecentLog)\n      this.timeoutRecentLog = setTimeout(async () => {\n        const firstLog = this.recentLogs && this.recentLogs.length && this.recentLogs[0]\n        await this.getCamList({ justCamList: true })\n        await this.getRecentLogListv2({ inNoti: true, inRepOrg: true, inChild: false, inRespStat: false })\n        const updateFirstLog = this.recentLogs && this.recentLogs.length && this.recentLogs[0]\n        const IS_NEWLOG = (!firstLog && updateFirstLog) || firstLog.log_id !== updateFirstLog.log_id\n        const isAlreadyAlerted = this.recentLogIdSet.has(updateFirstLog.log_id)\n        if (!updateFirstLog) {\n          this.init()\n          await this.setImageSrc(updateFirstLog)\n        } else if (IS_NEWLOG && !isAlreadyAlerted && !updateFirstLog.is_noti_paused) {\n          await this.setImageSrc(updateFirstLog)\n          this.newLog = false\n          this.$refs.audio.pause()\n          this.onChangeSound(true)\n          if (!this.alertOff) {\n            this.alertEffect()\n          }\n        } else {\n          await this.setImageSrc(updateFirstLog)\n        }\n        this.recentLogIdSet = Util.makeRecentLogIdSet(this.recentLogs)\n        this.reqeustIntervalRecentLog()\n      }, this.INTERVAL_SITE_LOG)\n    },\n    alertEffect() {\n      this.$nextTick(() => {\n        this.newLog = true\n        this.$refs.audio.play()\n        this.$nextTick(() => {\n          // 만약 알림 화면이 발생되지 않았을 경우에 대한 방어코드로 재시도 한다.(이슈: VADT-298)\n          if (!this.$refs.alertEffect) {\n            this.alertEffect()\n          }\n        })\n      })\n    },\n    async setImageSrc(log) {\n      const detailLog = await this.getDetailLogInfo(log.log_id)\n      if (detailLog) {\n        const cam = this.camList.find((cam) => cam.id === detailLog.camera_id)\n        if (cam) {\n          this.currentCamImageSrc = Util.getImageUrl(cam.path, true)\n          if (\n            !this.currentLog ||\n            this.currentLog.log_id !== detailLog.log_id ||\n            (this.currentLog.log_id === detailLog.log_id && this.currentLog.direction !== detailLog.direction)\n          ) {\n            // this.$log.debug('Monitor@setImageSrc', this.play)\n            this.play = 'stop'\n            this.currentLog = detailLog\n            this.$nextTick(() => {\n              this.play = 'play'\n            })\n            this.detectionTime = Util.getOffsetDate(detailLog.created_at, detailLog.offset)\n            this.detectionName = this.camMap[detailLog.camera_id].name\n            this.$log.debug('setImageSrc', detailLog)\n            this.temperature = detailLog.temperature || '-'\n            this.windSpeed = detailLog.wind_speed || '-'\n            this.windDirection = detailLog.wind_direction || '-'\n            this.relativeHumidity = detailLog.relative_humidity || '-'\n            this.station = detailLog.station_name || '-'\n          }\n        } else {\n          this.init()\n        }\n      } else {\n        this.init()\n      }\n    },\n    onChangeSound(e) {\n      this.$log.debug('Monitor#onChangeSound', e)\n      this.isSound = e\n      this.$refs.audio.muted = !this.isSound\n      this.newLog = false // for snooze\n    },\n    onStopAlert() {\n      this.$log.debug('Monitor#onStopAlert')\n      this.$refs.audio.pause()\n    },\n    onStopPlayer() {\n      // this.$log.debug('Monitor@onStopPlayer', this.play)\n      this.play = 'stop'\n      this.$nextTick(() => {\n        this.play = 'play'\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.background {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  // overflow: hidden;\n  background-color: #e5e5e5;\n}\n\n.main {\n  display: flex;\n  width: 100%;\n  height: calc(100% - 90px);\n  min-height: calc(720px - 90px);\n  margin-top: 90px;\n\n  .left-container {\n    display: flex;\n    flex-direction: column;\n    width: 50%;\n    height: 100%;\n    min-width: 600px;\n  }\n\n  .right-container {\n    display: flex;\n    flex-direction: column;\n    width: 50%;\n    height: 100%;\n    min-width: 600px;\n  }\n\n  .top-container {\n    display: flex;\n    flex-direction: column;\n    height: 50%;\n  }\n\n  .bottom-container {\n    display: flex;\n    flex-direction: column;\n    height: 50%;\n  }\n\n  .inner-flex-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    padding: 0 30px 18px 10px;\n  }\n}\n\n.title1 {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  min-height: 36px;\n  background-color: var(--f-primary-90);\n  border-radius: 12px;\n  font-weight: 600;\n  font-size: 18px;\n  color: var(--f-text-white);\n  padding: 0 17px 0 20px;\n  margin: 0px 10px 10px 30px;\n\n  &.detection-clip {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  &.livestream {\n    margin: 0px 30px 10px 10px;\n  }\n}\n\n.monitor-camera-provider {\n  display: flex;\n  align-items: center;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.title1-map {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--f-text-white-high);\n\n  &.direction {\n    font-weight: 600;\n    font-size: 16px;\n    color: var(--f-supplementary-highlight);\n    margin-right: 10px;\n    user-select: text;\n  }\n}\n\n.player {\n  position: relative;\n  width: calc(100% - 40px);\n  height: calc(100% - 64px);\n  margin: 0 10px 18px 30px;\n  background-color: var(--f-bg-middle);\n}\n\n.image-container {\n  flex-grow: 1;\n  width: calc(100% - 40px);\n  height: calc(100% - 64px);\n  background-color: var(--f-bg-middle);\n  margin: 0 10px 20px 30px;\n\n  &.right {\n    margin: 0 30px 20px 10px;\n  }\n\n  &.map {\n    position: relative;\n    background-color: transparent;\n  }\n\n  &.background-black {\n    background-color: var(--f-bg-middle);\n  }\n\n  .map-visible {\n    width: 100%;\n    height: 100%;\n    border-radius: 15px;\n  }\n\n  .map-invisible {\n    visibility: hidden;\n  }\n}\n\n.info-container {\n  display: flex;\n  width: 100%;\n  height: 0;\n  flex-grow: 0.38;\n  min-height: 107px;\n  margin-bottom: 10px;\n  border-radius: 15px;\n  line-height: 27px;\n  font-weight: 600;\n  font-size: 20px;\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  .text-title {\n    color: var(--f-primary-50);\n    margin-bottom: 10px;\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 0;\n    padding: 0 20px;\n\n    &.left {\n      flex-grow: calc(260 / 600);\n    }\n\n    &.right {\n      flex-grow: calc(340 / 600);\n    }\n  }\n\n  .line-vertical-center {\n    width: 1px;\n    height: 100%;\n    background-color: var(--f-light-gray-2);\n    &.dark {\n      background-color: var(--f-bg-low);\n    }\n  }\n}\n\n.weather-container {\n  width: 100%;\n  height: 0;\n  flex-grow: 0.3;\n  min-width: 90px;\n  border-radius: 15px;\n  font-weight: 500;\n  background-color: var(--f-light-gray-1);\n  margin-bottom: 10px;\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n}\n\n.recent-container {\n  width: 100%;\n  height: 0;\n  flex-grow: 0.32;\n  border-radius: 15px;\n  font-weight: 500;\n  min-height: 90px;\n  background-color: var(--f-light-gray-1);\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n\n  &.no-data {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 400;\n    font-size: 14px;\n    color: var(--f-text-black-middle);\n    &.dark {\n      color: var(--f-text-white-middle);\n    }\n  }\n\n  .recent-item {\n    align-items: center;\n    padding: 0 30px;\n    width: 100%;\n    height: 33.3333333%;\n    // min-height: 30px;\n    line-height: 19px;\n    font-weight: 500;\n    font-size: 14px;\n    display: flex;\n    color: var(--f-text-black);\n    border-bottom: 1px solid var(--f-light-gray-2);\n    &.dark {\n      border-bottom: 1px solid var(--f-bg-high);\n      color: var(--f-text-white-high);\n    }\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n\n    .time {\n      margin-right: 50px;\n    }\n  }\n}\n\n.text-selectable {\n  user-select: text;\n}\n\n.map-view-scroll-guide {\n  height: 100%;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  font-size: 22px;\n  font-weight: 400;\n  transition-property: opacity;\n  transition-duration: 0.8s;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: none;\n  &.visible {\n    opacity: 1;\n  }\n  &.hidden {\n    opacity: 0;\n  }\n}\n</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!./Monitor.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!./Monitor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Monitor.vue?vue&type=template&id=0c17f8ac&scoped=true&\"\nimport script from \"./Monitor.vue?vue&type=script&lang=js&\"\nexport * from \"./Monitor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Monitor.vue?vue&type=style&index=0&id=0c17f8ac&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  \"0c17f8ac\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VSpacer})\n","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!./MonitorMap.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!./ToolbarMonitor.vue?vue&type=style&index=0&id=14a535c4&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Snooze-On_Line_1_32px_Icon.fd334ba3.svg\";","module.exports = __webpack_public_path__ + \"img/Alert_Off_SkyBlue_Icon.50d3d6e7.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!./Monitor.vue?vue&type=style&index=0&id=0c17f8ac&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltip.vue?vue&type=style&index=0&id=0c7f67d3&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WeatherInfo.vue?vue&type=style&index=0&id=618c8dec&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"media/alert.dac9362d.wav\";","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!./AlertEffect.vue?vue&type=style&index=0&id=223420c5&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Snooze-On_Line_1_32px_Icon-white.baf8f30b.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"tooltip\",staticClass:\"tooltip-container\",style:(_vm.style)},[_c('div',{staticClass:\"tooltip-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{ref:\"content\",staticClass:\"tooltip-content\"},[_vm._v(_vm._s(_vm.content))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"tooltip\" class=\"tooltip-container\" :style=\"style\">\n    <div class=\"tooltip-title\">{{ title }}</div>\n    <div ref=\"content\" class=\"tooltip-content\">{{ content }}</div>\n  </div>\n</template>\n\n<script>\nimport Util from '@/util'\n\nexport default {\n  props: {\n    title: String,\n    content: String,\n    direction: {\n      type: String,\n      default: 'down', // up\n    },\n  },\n  data() {\n    return {\n      style: '',\n    }\n  },\n  mounted() {\n    const lineCount = Util.getTextLineCount(this.$refs.content)\n    switch (lineCount) {\n      case 1:\n        this.$refs.tooltip.style.height = '100px'\n        break\n      case 2:\n        this.$refs.tooltip.style.height = '120px'\n        break\n      default:\n        this.$refs.tooltip.style.height = '140px'\n    }\n    if (this.direction === 'up' && this.$refs.tooltip) {\n      this.style = `margin-top:-${this.$refs.tooltip.clientHeight + 40}px;`\n      if (!this.$vuetify.theme.dark) {\n        this.style += 'box-shadow: 5px 5px 20px rgba(61, 81, 251, 0.1);'\n      }\n    } else {\n      if (!this.$vuetify.theme.dark) {\n        this.style = 'box-shadow: 5px 5px 20px rgba(61, 81, 251, 0.1);'\n      } else {\n        this.style = ''\n      }\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.tooltip-container {\n  position: absolute;\n  padding: 15px 20px;\n  background-color: var(--v-backgroundAsideTooltip-base);\n  width: 300px;\n  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);\n  border-radius: 10px;\n  margin-top: 10px;\n  z-index: 2;\n\n  .tooltip-title {\n    font-weight: 500;\n    font-size: 16px;\n    color: var(--v-textAside);\n    margin-bottom: 10px;\n  }\n\n  .tooltip-content {\n    font-size: 15px;\n    color: var(--v-textDefault);\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!./Tooltip.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!./Tooltip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tooltip.vue?vue&type=template&id=0c7f67d3&scoped=true&\"\nimport script from \"./Tooltip.vue?vue&type=script&lang=js&\"\nexport * from \"./Tooltip.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Tooltip.vue?vue&type=style&index=0&id=0c7f67d3&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  \"0c7f67d3\",\n  null\n  \n)\n\nexport default component.exports","import moment from 'moment'\n\nexport default {\n  methods: {\n    isAlertOff(currentLog, camMap) {\n      const now = moment()\n      let cam = null\n      if (!camMap) {\n        cam = currentLog\n      } else if (currentLog) {\n        cam = camMap[currentLog.camera_id]\n      }\n      if (cam && cam.noti_pause_start && cam.noti_pause_end) {\n        if (now.isAfter(cam.noti_pause_start) && now.isBefore(cam.noti_pause_end)) {\n          return true\n        }\n      }\n      return false\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!./ButtonSnooze.vue?vue&type=style&index=0&id=7b75879a&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Snooze-On_Line_1_32px_Icon-white2.2cc35ee5.svg\";"],"sourceRoot":""}