{"version":3,"sources":["webpack:///src/views/dashboard/CCTVStatusBox.vue","webpack:///./src/views/dashboard/CCTVStatusBox.vue?71a2","webpack:///./src/views/dashboard/CCTVStatusBox.vue?cc87","webpack:///./src/views/dashboard/CCTVStatusBox.vue?03a6","webpack:///./src/assets/images/blue_box.png","webpack:///./src/assets/images/grey_background.png","webpack:///./src/assets/images/grey_box.png","webpack:///./src/components/doughnutChart.js","webpack:///./src/views/dashboard/CCTVStatusBox.vue","webpack:///./src/views/dashboard/CCTVStatusBox.vue?5ded","webpack:///./src/views/dashboard/CCTVStatusBox.vue?b804","webpack:///./src/views/dashboard/CCTVStatusBox.vue?341c"],"names":["components","DoughnutChart","ImageSkeleton","mixins","data","checkRole","authorities","chartOptions","maintainAspectRatio","responsive","legend","display","cutoutPercentage","cctvChartData","labels","datasets","label","backgroundColor","borderWidth","borderColor","hoverOffset","aiCameraChartData","chartPlugins","id","beforeDraw","ctx","text","textNumX","textNumY","totalCCTVCnt","totalAiCameraCnt","deviceStatusLoading","deviceStatusData","storeCnt","uac","online","offline","uas","created","mounted","methods","td","then","extends","Doughnut","props","updating","watch","deep","handler","$data","_chart","update","$nextTick","options","renderChart","plugins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoH4B;AAC8B;AACQ;AAEnD;EACfA;IACAC;IAAAC;EACA;EACAC;EACAC;IACAC;IACAC;IACAC;MACAC;MACAC;MACAC;QAAAC;MAAA;MACAC;IACA;IACAC;MACAC;MACAC,WACA;QACAC;QAAAC;QACAb;QACAc;QAAAC;QAAAC;MACA;IAEA;IACAC;MACAP;MACAC,WACA;QACAC;QACAC;QACAb;QACAc;QACAC;QACAC;MACA;IAEA;IACAE,eACA;MACAC;MACAC;QACA;UAAAC;UAAArB;QAAA;QACAqB;QACA;QACA;QACAA;QACAA;QACAA;QACAA;QAEA;QACA;QACA;QACA;UACAC;UACAC;UACAC;QACAH;QACAA;QACA;QACAA;QACAA;MACA;IACA,EACA;IACAI;IACAC;IACAC;IACAC;MACAC;MACAC;QAAAC;QAAAC;MAAA;MACAC;QAAAF;QAAAC;MAAA;IACA;EACA;EACAE;IACA;IACA;IACA;EACA;EACAC;IACA;EACA;EACAC;IACAC;MACA;IACA;IACA;MACA;MACA;MACA,kEACAC;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;UACA;YACA;UACA;YACA;UACA;QACA;QACA;MACA;QACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;ACvOD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,aAAa,EAAE;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B,oCAAoC;AAChE,mBAAmB;AACnB;AACA;AACA;AACA,uBAAuB,mCAAmC,iBAAiB,EAAE;AAC7E;AACA;AACA;AACA,2BAA2B,mCAAmC,YAAY,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA,wCAAwC,kBAAkB;AAC1D,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA,4CAA4C,6BAA6B;AACzE,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,YAAY;AACxD,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,oDAAoD,eAAe;AACnE,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,oDAAoD,kBAAkB;AACtE,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD,mBAAO,CAAC,sEAA8B;AAC3F,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,oDAAoD,kBAAkB;AACtE,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD,mBAAO,CAAC,sEAA8B;AAC3F,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,mCAAmC,YAAY,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA,wCAAwC,kBAAkB;AAC1D,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA,4CAA4C,6BAA6B;AACzE,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,YAAY;AACxD,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,oDAAoD,eAAe;AACnE,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,oDAAoD,kBAAkB;AACtE,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD,mBAAO,CAAC,sEAA8B;AAC3F,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,oDAAoD,kBAAkB;AACtE,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD,mBAAO,CAAC,sEAA8B;AAC3F,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wDAAwD,eAAe;AACvE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,mCAAmC,YAAY,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA,wCAAwC,kBAAkB;AAC1D,+BAA+B;AAC/B;AACA;AACA;AACA,0CAA0C,YAAY;AACtD,iCAAiC;AACjC;AACA;AACA;AACA;AACA,4CAA4C,YAAY;AACxD,mCAAmC;AACnC;AACA;AACA;AACA;AAC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","file":"js/Dashboard~PrivateStoreCCTV.js","sourcesContent":["<template>\n\t<v-col class=\"ma-0 pa-0\" cols=\"12\">\n\t\t<template v-if=\"deviceStatusLoading == false\">\n\t\t\t<v-col class=\"ma-0 pa-1 mb-8 pt-0 pl-5 pr-5\" cols=\"12\" id=\"cctv_status_box\"\n\t\t\t\tv-if=\"authorities.GET_DASHBOARD || (checkRole == 'private' || checkRole == 'branch')\">\n\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"start\">\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t\t<v-col id=\"chart_box\" class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t\t\t<DoughnutChart :data=\"cctvChartData\" :options=\"chartOptions\" :plugins=\"chartPlugins\"\n\t\t\t\t\t\t\t\t\t:width=\"100\" :height=\"100\"></DoughnutChart>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-5 pl-0 pr-10\" cols=\"8\">\n\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0 pb-3\" align=\"end\" justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1\" cols=\"auto\">{{td('cctvCount')}}</v-col>\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"end\" justify=\"end\">\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size:1.75rem;\">{{totalCCTVCnt}}</v-col>\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1 pl-1\" cols=\"auto\">{{td('ea')}}</v-col>\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0 pb-3\" align=\"center\" justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t\t\t\t\t<v-img max-height=\"1rem\" max-width=\"1rem\" class=\"ma-0 pa-0 mr-2\"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"@/assets/images/blue_box.png\"></v-img>\n\t\t\t\t\t\t\t\t\t\t{{td('online')}}\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"end\" justify=\"end\">\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size:1.35rem;\">{{deviceStatusData.uac.online}}</v-col>\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1 pl-1\" cols=\"auto\">{{td('ea')}}</v-col>\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t\t\t\t\t<v-img max-height=\"1rem\" max-width=\"1rem\" class=\"ma-0 pa-0 mr-2\"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"@/assets/images/grey_box.png\"></v-img>\n\t\t\t\t\t\t\t\t\t\t{{td('offline')}}\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"start\" justify=\"end\">\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\">{{deviceStatusData.uac.offline}}</v-col>\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1 pl-1\" cols=\"auto\">{{td('ea')}}</v-col>\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-row>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t\t<v-col id=\"chart_box\" class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t\t\t<DoughnutChart :data=\"aiCameraChartData\" :options=\"chartOptions\" :plugins=\"chartPlugins\"  \n\t\t\t\t\t\t\t\t\t:width=\"100\" :height=\"100\"></DoughnutChart>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-5 pl-0 pr-10\" cols=\"8\">\n\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0 pb-3\" align=\"end\" justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1\" cols=\"auto\">{{td('alCameraCount')}}</v-col>\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"end\" justify=\"end\">\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size:1.75rem;\">{{totalAiCameraCnt}}</v-col>\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1 pl-1\" cols=\"auto\">{{td('ea')}}</v-col>\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0 pb-3\" align=\"center\" justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t\t\t\t\t<v-img max-height=\"1rem\" max-width=\"1rem\" class=\"ma-0 pa-0 mr-2\"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"@/assets/images/blue_box.png\"></v-img>\n\t\t\t\t\t\t\t\t\t\t{{td('online')}}\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"end\" justify=\"end\">\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size:1.35rem;\">{{deviceStatusData.uas.online}}</v-col>\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1 pl-1\" cols=\"auto\">{{td('ea')}}</v-col>\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t\t\t\t\t<v-img max-height=\"1rem\" max-width=\"1rem\" class=\"ma-0 pa-0 mr-2\"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"@/assets/images/grey_box.png\"></v-img>\n\t\t\t\t\t\t\t\t\t\t{{td('offline')}}\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"start\" justify=\"end\">\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\">{{deviceStatusData.uas.offline}}</v-col>\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1 pl-1\" cols=\"auto\">{{td('ea')}}</v-col>\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-row>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"4\"></v-col>\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-5 pl-0 pr-10\" cols=\"8\">\n\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"end\" justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1\" cols=\"auto\">{{td('storeCount')}}</v-col>\n\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"end\" justify=\"end\">\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size:1.75rem;\">{{deviceStatusData.storeCnt}}</v-col>\n\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pb-1 pl-1\" cols=\"auto\">{{td('store')}}</v-col>\n\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-row>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-row>\n\t\t\t</v-col>\n\t\t</template>\n\t\t<template v-else>\n\t\t\t<v-col class=\"ma-0 mb-8 pa-3\" cols=\"12\" id=\"cctv_status_box\"\n\t\t\t\talign=\"center\">\n\t\t\t\t<ImageSkeleton :loaderCount=\"3\" width='90%' height='126px' />\n\t\t\t</v-col>\n\t\t</template>\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport DoughnutChart from \"@/components/doughnutChart.js\";\nimport ImageSkeleton from '@/components/loader/ImageSkeleton.vue';\n\nexport default {\n\tcomponents: {\n\t\tDoughnutChart, ImageSkeleton\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tcheckRole: 'main',\n\t\tauthorities: {},\n\t\tchartOptions: {\n\t\t\tmaintainAspectRatio: false,\n      responsive: false,\n      legend: { display: false },\n\t\t\tcutoutPercentage: 70 // line 굵기\n    },\n\t\tcctvChartData: {\n\t\t\tlabels: [\"オンライン\", \"オフライン\"],\n\t\t\tdatasets: [\n\t\t\t\t{\n\t\t\t\t\tlabel: \"オンライン\", backgroundColor: [\"#008DD0\", \"#6A6A6A\"],\n\t\t\t\t\tdata: [0, 0],\n\t\t\t\t\tborderWidth: 0, borderColor: 'transparent', hoverOffset: 10\n\t\t\t\t}\n\t\t\t],\n\t\t},\n\t\taiCameraChartData: {\n\t\t\tlabels: [\"オンライン\", \"オフライン\"],\n\t\t\tdatasets: [\n\t\t\t\t{\n\t\t\t\t\tlabel: \"オンライン\",\n\t\t\t\t\tbackgroundColor: [\"#008DD0\", \"#6A6A6A\"],\n\t\t\t\t\tdata: [0, 0],\n\t\t\t\t\tborderWidth: 0,\n\t\t\t\t\tborderColor: 'transparent',\n\t\t\t\t\thoverOffset: 10\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\tchartPlugins: [\n      {\n        id: 'doughnut_chart_center_text',\n        beforeDraw: (chart) => {\n          const {ctx, data} = chart;\n          ctx.save();\n          let height = chart.height;\n          let width = chart.width;\n          ctx.restore();\n          ctx.font = \"1.4rem note-sans-jp-medium\";\n          ctx.fillStyle = \"#fff\";\n          ctx.textBaseline = \"middle\";\n\n          let cal = data.datasets[0].data[0] / (data.datasets[0].data[0] + data.datasets[0].data[1]);\n\t\t\t    let percentNum = isNaN(cal) ? '0' : Math.floor(cal * 100).toString();\n          let percent = '%';\n          let textNum = percentNum,\n              text = percent,\n              textNumX = Math.round((width - ctx.measureText(textNum).width * 1.5) / 2 ),\n              textNumY = height / 2;\n          ctx.fillText(textNum, textNumX, textNumY);\n          ctx.font = \"0.9rem note-sans-jp-medium\";\n          let textX = textNumX + Math.round((ctx.measureText(textNum).width)*1.7);\n          ctx.fillText(text, textX, textNumY + textNumY/10);\n          ctx.save();\n        }\n      }\n    ],\n\t\ttotalCCTVCnt: 0,\n\t\ttotalAiCameraCnt: 0,\n\t\tdeviceStatusLoading: false,\n\t\tdeviceStatusData: {\n\t\t\tstoreCnt: 0,\n\t\t\tuac: { online: 0, offline: 0 },\n\t\t\tuas: { online: 0, offline: 0 },\n\t\t},\n\t}),\n\tcreated() {\n\t\tconst role = this.$store.getters.getRole;\n\t\tthis.checkRole = this.roleCheck(role);\n\t\tthis.authorities = this.$store.getters.getAuthorities;\n  },\n\tmounted() {\n\t\tthis.getDeviceStatus();\n\t},\n\tmethods: {\n\t\ttd(t) {\n      return this.$t(\"lang.dashboard.\" + t);\n    },\n\t\tasync getDeviceStatus() {\n\t\t\tthis.deviceStatusLoading = true;\n\t\t\tlet params = {};\n\t\t\tawait this.networkController.getDashboardDeviceStatusData(params)\n\t\t\t.then(async (res) => {\n\t\t\t\tconsole.log('%cDashboard Device Status\\n', \"color:#008DD0;\", res.data);\n\t\t\t\tthis.deviceStatusData = res.data;\n\t\t\t\tthis.totalCCTVCnt = res.data.uac.online + res.data.uac.offline;\n\t\t\t\tthis.$store.commit('setTotalCameraCount', this.totalCCTVCnt);\n\t\t\t\tthis.totalAiCameraCnt = res.data.uas.online + res.data.uas.offline;\n\t\t\t\tthis.cctvChartData.datasets[0].data = [res.data.uac.online, res.data.uac.offline];\n\t\t\t\tthis.aiCameraChartData.datasets[0].data = [res.data.uas.online, res.data.uas.offline];\n\t\t\t\tif(this.checkRole == 'private' || this.checkRole == 'branch') {\n\t\t\t\t\tif(this.totalAiCameraCnt < 1) {\n\t\t\t\t\t\tthis.$store.commit('setPrivateUserAnalytics', false);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.$store.commit('setPrivateUserAnalytics', true);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tthis.deviceStatusLoading = false;\n\t\t\t}).catch(error => {\n\t\t\t\tthis.deviceStatusLoading = false;\n\t\t\t});\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#cctv_status_box {\n\tbackground-color: #34363C;\n\t// border: 1px solid #707070;\n\tcolor: white;\n\tborder-radius: 5px;\n}\n#chart_box {\n\tposition: relative;\n}\n</style>","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"v-col\",\n    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\" } },\n    [\n      _vm.deviceStatusLoading == false\n        ? [\n            _vm.authorities.GET_DASHBOARD ||\n            _vm.checkRole == \"private\" ||\n            _vm.checkRole == \"branch\"\n              ? _c(\n                  \"v-col\",\n                  {\n                    staticClass: \"ma-0 pa-1 mb-8 pt-0 pl-5 pr-5\",\n                    attrs: { cols: \"12\", id: \"cctv_status_box\" },\n                  },\n                  [\n                    _c(\n                      \"v-row\",\n                      { staticClass: \"ma-0 pa-0\", attrs: { align: \"start\" } },\n                      [\n                        _c(\n                          \"v-col\",\n                          { staticClass: \"ma-0 pa-0\", attrs: { cols: \"4\" } },\n                          [\n                            _c(\n                              \"v-row\",\n                              {\n                                staticClass: \"ma-0 pa-0\",\n                                attrs: { align: \"center\" },\n                              },\n                              [\n                                _c(\n                                  \"v-col\",\n                                  {\n                                    staticClass: \"ma-0 pa-0\",\n                                    attrs: { id: \"chart_box\", cols: \"4\" },\n                                  },\n                                  [\n                                    _c(\"DoughnutChart\", {\n                                      attrs: {\n                                        data: _vm.cctvChartData,\n                                        options: _vm.chartOptions,\n                                        plugins: _vm.chartPlugins,\n                                        width: 100,\n                                        height: 100,\n                                      },\n                                    }),\n                                  ],\n                                  1\n                                ),\n                                _c(\n                                  \"v-col\",\n                                  {\n                                    staticClass: \"ma-0 pa-5 pl-0 pr-10\",\n                                    attrs: { cols: \"8\" },\n                                  },\n                                  [\n                                    _c(\n                                      \"v-row\",\n                                      {\n                                        staticClass: \"ma-0 pa-0 pb-3\",\n                                        attrs: {\n                                          align: \"end\",\n                                          justify: \"space-between\",\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"v-col\",\n                                          {\n                                            staticClass: \"ma-0 pa-0 pb-1\",\n                                            attrs: { cols: \"auto\" },\n                                          },\n                                          [_vm._v(_vm._s(_vm.td(\"cctvCount\")))]\n                                        ),\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: {\n                                              align: \"end\",\n                                              justify: \"end\",\n                                            },\n                                          },\n                                          [\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass: \"ma-0 pa-0\",\n                                                staticStyle: {\n                                                  \"font-size\": \"1.75rem\",\n                                                },\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [_vm._v(_vm._s(_vm.totalCCTVCnt))]\n                                            ),\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass:\n                                                  \"ma-0 pa-0 pb-1 pl-1\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [_vm._v(_vm._s(_vm.td(\"ea\")))]\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                      ],\n                                      1\n                                    ),\n                                    _c(\n                                      \"v-row\",\n                                      {\n                                        staticClass: \"ma-0 pa-0 pb-3\",\n                                        attrs: {\n                                          align: \"center\",\n                                          justify: \"space-between\",\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: { align: \"center\" },\n                                          },\n                                          [\n                                            _c(\"v-img\", {\n                                              staticClass: \"ma-0 pa-0 mr-2\",\n                                              attrs: {\n                                                \"max-height\": \"1rem\",\n                                                \"max-width\": \"1rem\",\n                                                src: require(\"@/assets/images/blue_box.png\"),\n                                              },\n                                            }),\n                                            _vm._v(\n                                              \" \" +\n                                                _vm._s(_vm.td(\"online\")) +\n                                                \" \"\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: {\n                                              align: \"end\",\n                                              justify: \"end\",\n                                            },\n                                          },\n                                          [\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass: \"ma-0 pa-0\",\n                                                staticStyle: {\n                                                  \"font-size\": \"1.35rem\",\n                                                },\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    _vm.deviceStatusData.uac\n                                                      .online\n                                                  )\n                                                ),\n                                              ]\n                                            ),\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass:\n                                                  \"ma-0 pa-0 pb-1 pl-1\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [_vm._v(_vm._s(_vm.td(\"ea\")))]\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                      ],\n                                      1\n                                    ),\n                                    _c(\n                                      \"v-row\",\n                                      {\n                                        staticClass: \"ma-0 pa-0\",\n                                        attrs: {\n                                          align: \"center\",\n                                          justify: \"space-between\",\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: { align: \"center\" },\n                                          },\n                                          [\n                                            _c(\"v-img\", {\n                                              staticClass: \"ma-0 pa-0 mr-2\",\n                                              attrs: {\n                                                \"max-height\": \"1rem\",\n                                                \"max-width\": \"1rem\",\n                                                src: require(\"@/assets/images/grey_box.png\"),\n                                              },\n                                            }),\n                                            _vm._v(\n                                              \" \" +\n                                                _vm._s(_vm.td(\"offline\")) +\n                                                \" \"\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: {\n                                              align: \"start\",\n                                              justify: \"end\",\n                                            },\n                                          },\n                                          [\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass: \"ma-0 pa-0\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    _vm.deviceStatusData.uac\n                                                      .offline\n                                                  )\n                                                ),\n                                              ]\n                                            ),\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass:\n                                                  \"ma-0 pa-0 pb-1 pl-1\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [_vm._v(_vm._s(_vm.td(\"ea\")))]\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                      ],\n                                      1\n                                    ),\n                                  ],\n                                  1\n                                ),\n                              ],\n                              1\n                            ),\n                          ],\n                          1\n                        ),\n                        _c(\n                          \"v-col\",\n                          { staticClass: \"ma-0 pa-0\", attrs: { cols: \"4\" } },\n                          [\n                            _c(\n                              \"v-row\",\n                              {\n                                staticClass: \"ma-0 pa-0\",\n                                attrs: { align: \"center\" },\n                              },\n                              [\n                                _c(\n                                  \"v-col\",\n                                  {\n                                    staticClass: \"ma-0 pa-0\",\n                                    attrs: { id: \"chart_box\", cols: \"4\" },\n                                  },\n                                  [\n                                    _c(\"DoughnutChart\", {\n                                      attrs: {\n                                        data: _vm.aiCameraChartData,\n                                        options: _vm.chartOptions,\n                                        plugins: _vm.chartPlugins,\n                                        width: 100,\n                                        height: 100,\n                                      },\n                                    }),\n                                  ],\n                                  1\n                                ),\n                                _c(\n                                  \"v-col\",\n                                  {\n                                    staticClass: \"ma-0 pa-5 pl-0 pr-10\",\n                                    attrs: { cols: \"8\" },\n                                  },\n                                  [\n                                    _c(\n                                      \"v-row\",\n                                      {\n                                        staticClass: \"ma-0 pa-0 pb-3\",\n                                        attrs: {\n                                          align: \"end\",\n                                          justify: \"space-between\",\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"v-col\",\n                                          {\n                                            staticClass: \"ma-0 pa-0 pb-1\",\n                                            attrs: { cols: \"auto\" },\n                                          },\n                                          [\n                                            _vm._v(\n                                              _vm._s(_vm.td(\"alCameraCount\"))\n                                            ),\n                                          ]\n                                        ),\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: {\n                                              align: \"end\",\n                                              justify: \"end\",\n                                            },\n                                          },\n                                          [\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass: \"ma-0 pa-0\",\n                                                staticStyle: {\n                                                  \"font-size\": \"1.75rem\",\n                                                },\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(_vm.totalAiCameraCnt)\n                                                ),\n                                              ]\n                                            ),\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass:\n                                                  \"ma-0 pa-0 pb-1 pl-1\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [_vm._v(_vm._s(_vm.td(\"ea\")))]\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                      ],\n                                      1\n                                    ),\n                                    _c(\n                                      \"v-row\",\n                                      {\n                                        staticClass: \"ma-0 pa-0 pb-3\",\n                                        attrs: {\n                                          align: \"center\",\n                                          justify: \"space-between\",\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: { align: \"center\" },\n                                          },\n                                          [\n                                            _c(\"v-img\", {\n                                              staticClass: \"ma-0 pa-0 mr-2\",\n                                              attrs: {\n                                                \"max-height\": \"1rem\",\n                                                \"max-width\": \"1rem\",\n                                                src: require(\"@/assets/images/blue_box.png\"),\n                                              },\n                                            }),\n                                            _vm._v(\n                                              \" \" +\n                                                _vm._s(_vm.td(\"online\")) +\n                                                \" \"\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: {\n                                              align: \"end\",\n                                              justify: \"end\",\n                                            },\n                                          },\n                                          [\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass: \"ma-0 pa-0\",\n                                                staticStyle: {\n                                                  \"font-size\": \"1.35rem\",\n                                                },\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    _vm.deviceStatusData.uas\n                                                      .online\n                                                  )\n                                                ),\n                                              ]\n                                            ),\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass:\n                                                  \"ma-0 pa-0 pb-1 pl-1\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [_vm._v(_vm._s(_vm.td(\"ea\")))]\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                      ],\n                                      1\n                                    ),\n                                    _c(\n                                      \"v-row\",\n                                      {\n                                        staticClass: \"ma-0 pa-0\",\n                                        attrs: {\n                                          align: \"center\",\n                                          justify: \"space-between\",\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: { align: \"center\" },\n                                          },\n                                          [\n                                            _c(\"v-img\", {\n                                              staticClass: \"ma-0 pa-0 mr-2\",\n                                              attrs: {\n                                                \"max-height\": \"1rem\",\n                                                \"max-width\": \"1rem\",\n                                                src: require(\"@/assets/images/grey_box.png\"),\n                                              },\n                                            }),\n                                            _vm._v(\n                                              \" \" +\n                                                _vm._s(_vm.td(\"offline\")) +\n                                                \" \"\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: {\n                                              align: \"start\",\n                                              justify: \"end\",\n                                            },\n                                          },\n                                          [\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass: \"ma-0 pa-0\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    _vm.deviceStatusData.uas\n                                                      .offline\n                                                  )\n                                                ),\n                                              ]\n                                            ),\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass:\n                                                  \"ma-0 pa-0 pb-1 pl-1\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [_vm._v(_vm._s(_vm.td(\"ea\")))]\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                      ],\n                                      1\n                                    ),\n                                  ],\n                                  1\n                                ),\n                              ],\n                              1\n                            ),\n                          ],\n                          1\n                        ),\n                        _c(\n                          \"v-col\",\n                          { staticClass: \"ma-0 pa-0\", attrs: { cols: \"4\" } },\n                          [\n                            _c(\n                              \"v-row\",\n                              {\n                                staticClass: \"ma-0 pa-0\",\n                                attrs: { align: \"center\" },\n                              },\n                              [\n                                _c(\"v-col\", {\n                                  staticClass: \"ma-0 pa-0\",\n                                  attrs: { cols: \"4\" },\n                                }),\n                                _c(\n                                  \"v-col\",\n                                  {\n                                    staticClass: \"ma-0 pa-5 pl-0 pr-10\",\n                                    attrs: { cols: \"8\" },\n                                  },\n                                  [\n                                    _c(\n                                      \"v-row\",\n                                      {\n                                        staticClass: \"ma-0 pa-0\",\n                                        attrs: {\n                                          align: \"end\",\n                                          justify: \"space-between\",\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"v-col\",\n                                          {\n                                            staticClass: \"ma-0 pa-0 pb-1\",\n                                            attrs: { cols: \"auto\" },\n                                          },\n                                          [_vm._v(_vm._s(_vm.td(\"storeCount\")))]\n                                        ),\n                                        _c(\n                                          \"v-row\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: {\n                                              align: \"end\",\n                                              justify: \"end\",\n                                            },\n                                          },\n                                          [\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass: \"ma-0 pa-0\",\n                                                staticStyle: {\n                                                  \"font-size\": \"1.75rem\",\n                                                },\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    _vm.deviceStatusData\n                                                      .storeCnt\n                                                  )\n                                                ),\n                                              ]\n                                            ),\n                                            _c(\n                                              \"v-col\",\n                                              {\n                                                staticClass:\n                                                  \"ma-0 pa-0 pb-1 pl-1\",\n                                                attrs: { cols: \"auto\" },\n                                              },\n                                              [_vm._v(_vm._s(_vm.td(\"store\")))]\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                      ],\n                                      1\n                                    ),\n                                  ],\n                                  1\n                                ),\n                              ],\n                              1\n                            ),\n                          ],\n                          1\n                        ),\n                      ],\n                      1\n                    ),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]\n        : [\n            _c(\n              \"v-col\",\n              {\n                staticClass: \"ma-0 mb-8 pa-3\",\n                attrs: { cols: \"12\", id: \"cctv_status_box\", align: \"center\" },\n              },\n              [\n                _c(\"ImageSkeleton\", {\n                  attrs: { loaderCount: 3, width: \"90%\", height: \"126px\" },\n                }),\n              ],\n              1\n            ),\n          ],\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"#cctv_status_box[data-v-0ff0cc52] {\\n  background-color: #34363C;\\n  color: white;\\n  border-radius: 5px;\\n}\\n#chart_box[data-v-0ff0cc52] {\\n  position: relative;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../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!./CCTVStatusBox.vue?vue&type=style&index=0&id=0ff0cc52&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"15248723\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../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!./CCTVStatusBox.vue?vue&type=style&index=0&id=0ff0cc52&lang=scss&scoped=true&\", function() {\n     var newContent = require(\"!!../../../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!./CCTVStatusBox.vue?vue&type=style&index=0&id=0ff0cc52&lang=scss&scoped=true&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAACtJREFUOE9jZOi98J+BioBx1ECKQ3M0DCkOQobRMBwNQzJCYDTZkBFoaFoAgGovRZn87RMAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAACtJREFUOE9jzMrK+s9ARcA4aiDFoTkahhQHIcNoGI6GIRkhMJpsyAg0NC0AiTws2RG0AsAAAAAASUVORK5CYII=\"","import { Doughnut, mixins } from \"vue-chartjs\";\nexport default {\n  extends: Doughnut,\n  props: [\"data\", \"options\", \"plugins\"],\n  data: () => ({\n    updating: false,\n  }),\n  watch: {\n    'data': {\n      deep: true,\n      handler() {\n        if (!this.updating && this.$data && this.$data._chart) {\n          this.updating = true;\n          // this.renderChart(this.data, this.options);\n          this.$data._chart.update();\n          this.$nextTick(() => this.updating = false);\n        }\n      }\n    },\n    'options': {\n      deep: true,\n      handler() {\n        if (!this.updating && this.$data && this.$data._chart) {\n          this.updating = true;\n          // this.renderChart(this.data, this.options);\n          this.$data._chart.options = this.options;\n          this.$data._chart.update();\n          this.$nextTick(() => this.updating = false);\n        }\n      }\n    }\n  },\n  mounted() {\n    // this.chartData is created in the mixin.\n    // If you want to pass options please create a local options object\n    this.renderChart(this.data, this.options, this.plugins);\n  }\n};\n","import { render, staticRenderFns } from \"./CCTVStatusBox.vue?vue&type=template&id=0ff0cc52&scoped=true&\"\nimport script from \"./CCTVStatusBox.vue?vue&type=script&lang=js&\"\nexport * from \"./CCTVStatusBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CCTVStatusBox.vue?vue&type=style&index=0&id=0ff0cc52&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  \"0ff0cc52\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VImg,VRow})\n\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/codebuild/output/src127081106/src/ueyes-front/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0ff0cc52')) {\n      api.createRecord('0ff0cc52', component.options)\n    } else {\n      api.reload('0ff0cc52', component.options)\n    }\n    module.hot.accept(\"./CCTVStatusBox.vue?vue&type=template&id=0ff0cc52&scoped=true&\", function () {\n      api.rerender('0ff0cc52', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/dashboard/CCTVStatusBox.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CCTVStatusBox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CCTVStatusBox.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/vue-style-loader/index.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!./CCTVStatusBox.vue?vue&type=style&index=0&id=0ff0cc52&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"e5f0efc2-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CCTVStatusBox.vue?vue&type=template&id=0ff0cc52&scoped=true&\""],"sourceRoot":""}