{"version":3,"sources":["webpack:///./src/views/Dashboard2.vue?b04b","webpack:///./src/views/Dashboard2.vue?a06d","webpack:///src/views/Dashboard2.vue","webpack:///./src/views/Dashboard2.vue?9180","webpack:///./src/views/Dashboard2.vue","webpack:///./src/views/charts/LineChart.vue?1e59","webpack:///src/views/charts/LineChart.vue","webpack:///./src/views/charts/LineChart.vue?e347","webpack:///./src/views/charts/LineChart.vue","webpack:///./src/views/Dashboard2.vue?d8ad"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","filters","from_date","on","$event","$set","api_errors","_v","_s","join","_e","to_date","$store","state","windowWidth","box_data","total_accident_free_hrs","total_mm_carried_out","active_enroachment_count","safety_program_conducted","spent_on_maintenance","toFixed","slot","staticStyle","pie_maintenance_sub_type","pie_maintenance_sub_type_options","maintenance_type_pie_labels","maintenance_type_pie_data","pie_background_labels_five_status","pie_road_incident_sub_type","pie_road_incident_sub_type_options","road_incident_pie_labels","road_incident_pie_data","pie_enroachment_safety_sub_type","pie_enroachment_safety_sub_type_options","enroachment_safety_pie_labels","enroachment_safety_pie_data","bar_major_maintenance_sub_type","major_maintenance_sub_type_options","bar_road_incident_sub_type","road_incident_sub_type_options","bar_labels_mode_background_color","bar_labels_mode","bar_labels","bar_data","line_filters","line_module_type","module_type_options","key","line_road_incident_sub_type","line_major_maintenance_sub_type","line_labels","line_data","line_chart_background_color","carCrash","clipboardCheck","clipboardList","shield","wallet","staticRenderFns","components","BarChart","PieChart","SelectDate","MapChart","MapPopup","LineChart","data","value","label","watch","deep","handler","newV","oldV","computed","seePMDashboard","mounted","beforeDestroy","methods","validating_filters","load_data","load_box_data","payload","Request","time","title","text","iconPack","icon","color","load_maintenance_type_pie_data","load_road_incident_pie_data","load_enroachment_safety_pie_data","load_bar_data","prepare_bar_data","res","load_line_data","set_line_chart_background_color","years","component","ref","props","labels","required","type","dataset","legend_position","default","height","background_color","updateChart","renderChart","plugins","options","maintainAspectRatio","animation","responsive","legend","display","position","usePointStyle","pointStyle","font","weight","size","tooltip","enabled","datalabels","borderRadius","backgroundColor","prepareDataset","Object","hoverOffset","borderColor","result","datasets","getRandomValue","setHeight","lineChart"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,eAAe,CAAEN,EAAkB,eAAEI,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,gCAAgC,CAACH,EAAG,UAAU,CAACA,EAAG,SAAS,CAACA,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,aAAa,CAACE,MAAM,CAAC,aAAeN,EAAIQ,QAAQC,UAAU,MAAQ,cAAcC,GAAG,CAAC,sBAAsB,SAASC,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIQ,QAAS,YAAaG,IAAS,uBAAuB,SAASA,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIQ,QAAS,YAAaG,OAAaX,EAAIa,YAAcb,EAAIa,WAAWJ,UAAWL,EAAG,QAAQ,CAACG,YAAY,0BAA0B,CAACP,EAAIc,GAAG,iCAAiCd,EAAIe,GAAGf,EAAIa,WAAWJ,UAAUO,KAAK,OAAO,gCAAgChB,EAAIiB,MAAM,GAAGb,EAAG,SAAS,CAACG,YAAY,iBAAiBD,MAAM,CAAC,QAAQ,IAAI,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,aAAa,CAACE,MAAM,CAAC,aAAeN,EAAIQ,QAAQU,QAAQ,MAAQ,YAAYR,GAAG,CAAC,sBAAsB,SAASC,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIQ,QAAS,UAAWG,IAAS,uBAAuB,SAASA,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIQ,QAAS,UAAWG,QAAa,GAAIX,EAAIa,YAAcb,EAAIa,WAAWK,QAASd,EAAG,QAAQ,CAACG,YAAY,0BAA0B,CAACP,EAAIc,GAAG,iCAAiCd,EAAIe,GAAGf,EAAIa,WAAWK,QAAQF,KAAK,OAAO,gCAAgChB,EAAIiB,QAAQ,IAAI,IAAI,GAAIjB,EAAImB,OAAOC,MAAMC,aAAe,IAAKjB,EAAG,MAAM,CAACA,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,MAAM,CAACG,YAAY,8BAA8B,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,SAASC,4BAA4BnB,EAAG,OAAO,CAACJ,EAAIc,GAAG,kCAAkC,KAAKV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,MAAM,CAACG,YAAY,8BAA8B,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,SAASE,yBAAyBpB,EAAG,OAAO,CAACJ,EAAIc,GAAG,wCAAwC,KAAKV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,SAASG,6BAA6BrB,EAAG,OAAO,CAACJ,EAAIc,GAAG,mCAAmC,KAAKV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,SAASI,6BAA6BtB,EAAG,OAAO,CAACJ,EAAIc,GAAG,yCAAyC,KAAKV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIc,GAAGd,EAAIe,IAAIf,EAAIsB,SAASK,qBAAqB,KAAQC,QAAQ,OAAOxB,EAAG,OAAO,CAACJ,EAAIc,GAAG,uCAAuC,MAAM,GAAGV,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,UAAU,CAACG,YAAY,eAAe,CAACH,EAAG,WAAW,CAACyB,KAAK,WAAW,CAACzB,EAAG,MAAM,CAACG,YAAY,kBAAkBuB,YAAY,CAAC,QAAU,OAAO,iBAAiB,WAAW,CAAC1B,EAAG,MAAM,CAACG,YAAY,OAAOuB,YAAY,CAAC,aAAa,UAAU,CAAC1B,EAAG,KAAK,CAACJ,EAAIc,GAAG,wBAAwBV,EAAG,MAAM,CAAC0B,YAAY,CAAC,MAAQ,SAAS,CAAC1B,EAAG,SAAS,CAACG,YAAY,QAAQ,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,OAAO,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAI+B,yBAAyB,YAAc,SAAS,gBAAkB,+DAA+D,QAAU/B,EAAIgC,iCAAiC,UAAW,GAAOtB,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAI+B,yBAAyBpB,OAAY,IAAI,IAAI,OAAOP,EAAG,MAAM,CAACA,EAAG,WAAW,CAACE,MAAM,CAAC,OAASN,EAAIiC,4BAA4B,QAAUjC,EAAIkC,0BAA0B,OAAS,IAAI,wBAA0BlC,EAAImC,kCAAkC,gBAAkB,SAAS,iBAAmB,QAAQ,IAAI,IAAI,IAAI,GAAG/B,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,UAAU,CAACG,YAAY,eAAe,CAACH,EAAG,WAAW,CAACyB,KAAK,WAAW,CAACzB,EAAG,MAAM,CAACG,YAAY,kBAAkBuB,YAAY,CAAC,QAAU,OAAO,iBAAiB,WAAW,CAAC1B,EAAG,MAAM,CAACG,YAAY,OAAOuB,YAAY,CAAC,aAAa,UAAU,CAAC1B,EAAG,KAAK,CAACJ,EAAIc,GAAG,sBAAsBV,EAAG,MAAM,CAAC0B,YAAY,CAAC,MAAQ,SAAS,CAAC1B,EAAG,SAAS,CAACG,YAAY,QAAQ,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,OAAO,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIoC,2BAA2B,YAAc,SAAS,gBAAkB,+DAA+D,QAAUpC,EAAIqC,mCAAmC,UAAW,GAAO3B,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAIoC,2BAA2BzB,OAAY,IAAI,IAAI,OAAOP,EAAG,MAAM,CAACA,EAAG,WAAW,CAACE,MAAM,CAAC,OAASN,EAAIsC,yBAAyB,QAAUtC,EAAIuC,uBAAuB,OAAS,IAAI,wBAA0BvC,EAAImC,kCAAkC,gBAAkB,SAAS,iBAAmB,QAAQ,IAAI,IAAI,IAAI,GAAG/B,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,UAAU,CAACG,YAAY,eAAe,CAACH,EAAG,WAAW,CAACyB,KAAK,WAAW,CAACzB,EAAG,MAAM,CAACG,YAAY,kBAAkBuB,YAAY,CAAC,QAAU,OAAO,iBAAiB,WAAW,CAAC1B,EAAG,MAAM,CAACG,YAAY,OAAOuB,YAAY,CAAC,aAAa,UAAU,CAAC1B,EAAG,KAAK,CAACJ,EAAIc,GAAG,0BAA0BV,EAAG,MAAM,CAAC0B,YAAY,CAAC,MAAQ,SAAS,CAAC1B,EAAG,SAAS,CAACG,YAAY,QAAQ,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,OAAO,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIwC,gCAAgC,YAAc,SAAS,gBAAkB,+DAA+D,QAAUxC,EAAIyC,wCAAwC,UAAW,GAAO/B,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAIwC,gCAAgC7B,OAAY,IAAI,IAAI,OAAOP,EAAG,MAAM,CAACA,EAAG,WAAW,CAACE,MAAM,CAAC,OAASN,EAAI0C,8BAA8B,QAAU1C,EAAI2C,4BAA4B,OAAS,IAAI,wBAA0B3C,EAAImC,kCAAkC,gBAAkB,SAAS,iBAAmB,QAAQ,IAAI,IAAI,IAAI,GAAG/B,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,UAAU,CAACG,YAAY,eAAe,CAACH,EAAG,WAAW,CAACyB,KAAK,WAAW,CAACzB,EAAG,MAAM,CAACG,YAAY,kBAAkBuB,YAAY,CAAC,QAAU,OAAO,iBAAiB,WAAW,CAAC1B,EAAG,MAAM,CAACG,YAAY,OAAOuB,YAAY,CAAC,aAAa,UAAU,CAAC1B,EAAG,KAAK,CAACJ,EAAIc,GAAG,iBAAiBV,EAAG,MAAM,CAAC0B,YAAY,CAAC,MAAQ,SAAS,CAAC1B,EAAG,SAAS,CAACG,YAAY,QAAQ,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,KAAK,CAACJ,EAAIc,GAAG,qBAAqBV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAI4C,+BAA+B,YAAc,SAAS,gBAAkB,0DAA0D,QAAU5C,EAAI6C,mCAAmC,UAAW,EAAM,SAA4C,OAAjC7C,EAAI8C,4BAAmCpC,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAI4C,+BAA+BjC,OAAY,IAAI,GAAGP,EAAG,SAAS,CAACA,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,KAAK,CAACJ,EAAIc,GAAG,qBAAqBV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAI8C,2BAA2B,YAAc,SAAS,gBAAkB,0DAA0D,QAAU9C,EAAI+C,+BAA+B,UAAW,EAAM,SAAgD,OAArC/C,EAAI4C,gCAAuClC,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAI8C,2BAA2BnC,OAAY,IAAI,IAAI,OAAOP,EAAG,WAAW,CAACE,MAAM,CAAC,gBAAkB,SAAS,aAAe,aAAa,aAAe,gBAAgB,6BAA+BN,EAAIgD,iCAAiC,YAAchD,EAAIiD,gBAAgB,OAASjD,EAAIkD,WAAW,QAAUlD,EAAImD,SAAS,SAAU,EAAK,OAAS,IAAI,iBAAmB,QAAQ,IAAI,IAAI,GAAG/C,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,UAAU,CAACG,YAAY,UAAU,CAACH,EAAG,WAAW,CAACyB,KAAK,WAAW,CAACzB,EAAG,MAAM,CAACG,YAAY,kBAAkBuB,YAAY,CAAC,QAAU,OAAO,iBAAiB,WAAW,CAAC1B,EAAG,MAAM,CAACG,YAAY,OAAOuB,YAAY,CAAC,aAAa,UAAU,CAAC1B,EAAG,KAAK,CAACJ,EAAIc,GAAG,kBAAkBV,EAAG,MAAM,CAAC0B,YAAY,CAAC,MAAQ,SAAS,CAAC1B,EAAG,SAAS,CAACG,YAAY,QAAQ,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,KAAK,CAACJ,EAAIc,GAAG,mBAAmBV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIoD,aAAaC,iBAAiB,YAAc,SAAS,gBAAkB,0DAA0D,QAAUrD,EAAIsD,oBAAoB,UAAW,GAAO5C,GAAG,CAAC,eAAe,SAASC,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIoD,aAAc,mBAAoBzC,QAAa,IAAI,GAAyC,iBAArCX,EAAIoD,aAAaC,iBAAqC,CAACjD,EAAG,SAAS,CAACmD,IAAIvD,EAAIoD,aAAaC,iBAAmB,MAAM,CAACjD,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,KAAK,CAACJ,EAAIc,GAAG,qBAAqBV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIoD,aAAaI,4BAA4B,YAAc,SAAS,gBAAkB,0DAA0D,QAAUxD,EAAI+C,+BAA+B,UAAW,GAAOrC,GAAG,CAAC,eAAe,SAASC,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIoD,aAAc,8BAA+BzC,QAAa,IAAI,IAA0C,qBAArCX,EAAIoD,aAAaC,iBAAyC,CAACjD,EAAG,SAAS,CAACmD,IAAIvD,EAAIoD,aAAaC,iBAAmB,MAAM,CAACjD,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,KAAK,CAACJ,EAAIc,GAAG,qBAAqBV,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,MAAM,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIoD,aAAaK,gCAAgC,YAAc,SAAS,gBAAkB,0DAA0D,QAAUzD,EAAI6C,mCAAmC,UAAW,GAAOnC,GAAG,CAAC,eAAe,SAASC,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIoD,aAAc,kCAAmCzC,QAAa,IAAI,IAAIX,EAAIiB,MAAM,OAAOb,EAAG,YAAY,CAACE,MAAM,CAAC,OAASN,EAAI0D,YAAY,QAAU1D,EAAI2D,UAAU,gBAAkB,SAAS,OAAS,IAAI,iBAAmB3D,EAAI4D,gCAAgC,IAAI,IAAI,IAAI,GAAGxD,EAAG,MAAM,CAACA,EAAG,MAAM,CAAC0B,YAAY,CAAC,MAAQ,SAAS,CAAC1B,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,OAAO,CAACG,YAAY,YAAY,CAACH,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAON,EAAI6D,aAAa,GAAGzD,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACJ,EAAIc,GAAG,6BAA6BV,EAAG,KAAK,CAAC0B,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAAC9B,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,SAASC,mCAAmC,GAAGnB,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,OAAO,CAACG,YAAY,YAAY,CAACH,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAON,EAAI8D,mBAAmB,GAAG1D,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACJ,EAAIc,GAAG,mCAAmCV,EAAG,KAAK,CAAC0B,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAAC9B,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,SAASE,gCAAgC,GAAGpB,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,OAAO,CAACG,YAAY,YAAY,CAACH,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAON,EAAI+D,kBAAkB,GAAG3D,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACJ,EAAIc,GAAG,8BAA8BV,EAAG,KAAK,CAAC0B,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAAC9B,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,SAASG,oCAAoC,GAAGrB,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,OAAO,CAACG,YAAY,YAAY,CAACH,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAON,EAAIgE,WAAW,GAAG5D,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACJ,EAAIc,GAAG,oCAAoCV,EAAG,KAAK,CAAC0B,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAAC9B,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,SAASI,oCAAoC,GAAGtB,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,OAAO,CAACG,YAAY,YAAY,CAACH,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAON,EAAIiE,WAAW,GAAG7D,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACJ,EAAIc,GAAG,kCAAkCV,EAAG,KAAK,CAAC0B,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAAC9B,EAAIc,GAAGd,EAAIe,IAAIf,EAAIsB,SAASK,qBAAqB,KAAQC,QAAQ,cAAc,QAAQ,GAAGxB,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,UAAU,CAACG,YAAY,UAAU,CAACH,EAAG,WAAW,CAACyB,KAAK,WAAW,CAACzB,EAAG,MAAM,CAACG,YAAY,kBAAkBuB,YAAY,CAAC,kBAAkB,kBAAkB,CAAC1B,EAAG,MAAM,CAACG,YAAY,UAAUuB,YAAY,CAAC,QAAU,OAAO,cAAc,WAAW,CAAC1B,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIc,GAAG,sBAAsBV,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAI+B,yBAAyB,YAAc,eAAe,gBAAkB,+DAA+D,QAAU/B,EAAIgC,iCAAiC,UAAW,GAAOtB,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAI+B,yBAAyBpB,OAAY,KAAKP,EAAG,MAAM,CAACG,YAAY,UAAUuB,YAAY,CAAC,QAAU,OAAO,cAAc,WAAW,CAAC1B,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIc,GAAG,oBAAoBV,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIoC,2BAA2B,YAAc,eAAe,gBAAkB,+DAA+D,QAAUpC,EAAIqC,mCAAmC,UAAW,GAAO3B,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAIoC,2BAA2BzB,OAAY,KAAKP,EAAG,MAAM,CAACG,YAAY,UAAUuB,YAAY,CAAC,QAAU,OAAO,cAAc,WAAW,CAAC1B,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIc,GAAG,wBAAwBV,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIwC,gCAAgC,YAAc,eAAe,gBAAkB,+DAA+D,QAAUxC,EAAIyC,wCAAwC,UAAW,GAAO/B,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAIwC,gCAAgC7B,OAAY,SAASP,EAAG,MAAM,CAACA,EAAG,MAAM,CAAC0B,YAAY,CAAC,QAAU,OAAO,kBAAkB,kBAAkB,CAAC1B,EAAG,WAAW,CAACE,MAAM,CAAC,OAASN,EAAIiC,4BAA4B,QAAUjC,EAAIkC,0BAA0B,OAAS,IAAI,wBAA0BlC,EAAImC,qCAAqC/B,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,WAAW,CAACE,MAAM,CAAC,OAASN,EAAIsC,yBAAyB,QAAUtC,EAAIuC,uBAAuB,OAAS,IAAI,wBAA0BvC,EAAImC,qCAAqC/B,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,WAAW,CAACE,MAAM,CAAC,OAASN,EAAI0C,8BAA8B,QAAU1C,EAAI2C,4BAA4B,OAAS,IAAI,wBAA0B3C,EAAImC,sCAAsC,GAAG/B,EAAG,MAAM,CAACG,YAAY,8BAA8B,CAACH,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAAC0B,YAAY,CAAC,mBAAmB,aAAa1B,EAAG,IAAI,CAACG,YAAY,aAAa,CAACP,EAAIc,GAAG,yBAAyBV,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAAC0B,YAAY,CAAC,mBAAmB,aAAa1B,EAAG,IAAI,CAACG,YAAY,aAAa,CAACP,EAAIc,GAAG,yBAAyBV,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAAC0B,YAAY,CAAC,mBAAmB,aAAa1B,EAAG,IAAI,CAACG,YAAY,aAAa,CAACP,EAAIc,GAAG,0BAA0BV,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAAC0B,YAAY,CAAC,mBAAmB,aAAa1B,EAAG,IAAI,CAACG,YAAY,aAAa,CAACP,EAAIc,GAAG,2BAA2BV,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAAC0B,YAAY,CAAC,mBAAmB,aAAa1B,EAAG,IAAI,CAACG,YAAY,aAAa,CAACP,EAAIc,GAAG,iCAAiC,IAAI,IAAI,GAAGV,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,UAAU,CAACG,YAAY,eAAe,CAACH,EAAG,WAAW,CAACyB,KAAK,WAAW,CAACzB,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,KAAK,CAACJ,EAAIc,GAAG,eAAeV,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAI4C,+BAA+B,MAAQ,+BAA+B,YAAc,eAAe,gBAAkB,6DAA6D,QAAU5C,EAAI6C,mCAAmC,UAAW,EAAM,SAA4C,OAAjC7C,EAAI8C,4BAAmCpC,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAI4C,+BAA+BjC,MAAWP,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAI8C,2BAA2B,MAAQ,2BAA2B,YAAc,eAAe,gBAAkB,qDAAqD,QAAU9C,EAAI+C,+BAA+B,UAAW,EAAM,SAAgD,OAArC/C,EAAI4C,gCAAuClC,GAAG,CAAC,eAAe,SAASC,GAAQX,EAAI8C,2BAA2BnC,OAAY,OAAOP,EAAG,WAAW,CAACE,MAAM,CAAC,gBAAkB,SAAS,aAAe,aAAa,aAAe,gBAAgB,6BAA+BN,EAAIgD,iCAAiC,YAAchD,EAAIiD,gBAAgB,OAASjD,EAAIkD,WAAW,QAAUlD,EAAImD,SAAS,SAAU,EAAK,OAAS,QAAQ,IAAI,IAAI,GAAG/C,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,QAAQ,KAAK,QAAQ,OAAO,CAACF,EAAG,UAAU,CAACG,YAAY,UAAU,CAACH,EAAG,WAAW,CAACyB,KAAK,WAAW,CAACzB,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,KAAK,CAACJ,EAAIc,GAAG,gBAAgBV,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAAC0B,YAAY,CAAC,YAAY,UAAU,CAAC1B,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIoD,aAAaC,iBAAiB,MAAQ,cAAc,YAAc,SAAS,gBAAkB,oCAAoC,QAAUrD,EAAIsD,oBAAoB,UAAW,GAAO5C,GAAG,CAAC,eAAe,SAASC,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIoD,aAAc,mBAAoBzC,QAAa,GAAyC,iBAArCX,EAAIoD,aAAaC,iBAAqC,CAACjD,EAAG,MAAM,CAACmD,IAAIvD,EAAIoD,aAAaC,iBAAmB,MAAM,CAACjD,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIoD,aAAaI,4BAA4B,MAAQ,yBAAyB,YAAc,SAAS,gBAAkB,+BAA+B,QAAUxD,EAAI+C,+BAA+B,UAAW,GAAOrC,GAAG,CAAC,eAAe,SAASC,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIoD,aAAc,8BAA+BzC,QAAa,IAA0C,qBAArCX,EAAIoD,aAAaC,iBAAyC,CAACjD,EAAG,MAAM,CAACmD,IAAIvD,EAAIoD,aAAaC,iBAAmB,MAAM,CAACjD,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQN,EAAIoD,aAAaK,gCAAgC,MAAQ,6BAA6B,YAAc,SAAS,gBAAkB,+BAA+B,QAAUzD,EAAI6C,mCAAmC,UAAW,GAAOnC,GAAG,CAAC,eAAe,SAASC,GAAQ,OAAOX,EAAIY,KAAKZ,EAAIoD,aAAc,kCAAmCzC,QAAa,IAAIX,EAAIiB,MAAM,OAAOb,EAAG,YAAY,CAACE,MAAM,CAAC,OAASN,EAAI0D,YAAY,QAAU1D,EAAI2D,UAAU,gBAAkB,SAAS,OAAS,IAAI,iBAAmB3D,EAAI4D,gCAAgC,IAAI,IAAI,IAAI,OAAOxD,EAAG,MAAM,CAACA,EAAG,qBAAqB,MACzvlB8D,EAAkB,G,2ICsfP,GACfC,YACAC,gBACAC,gBACAC,kBACAC,gBACAC,gBACAC,kBAEAC,KATA,WAUA,eACA,kBAEA,OAGA1C,kCACA,CAAA2C,0BAAAC,2BACA,CAAAD,4BAAAC,6BACA,CAAAD,+BAAAC,gCACA,CAAAD,gBAAAC,iCAGAvC,oCACA,CAAAsC,2BAAAC,4BACA,CAAAD,qBAAAC,sBACA,CAAAD,eAAAC,gBACA,CAAAD,mCAAAC,oCACA,CAAAD,0BAAAC,2BACA,CAAAD,0BAAAC,2BACA,CAAAD,6BAAAC,8BACA,CAAAD,4BAAAC,6BACA,CAAAD,+BAAAC,iCACA,CAAAD,wBAAAC,yBACA,CAAAD,cAAAC,gBAGAnC,yCACA,CAAAkC,wBAAAC,yBACA,CAAAD,uBAAAC,yBAGAtB,qBACA,CAAAqB,4BAAAC,6BACA,CAAAD,+BAAAC,gCACA,CAAAD,0BAAAC,2BACA,CAAAD,gBAAAC,gCACA,CAAAD,sBAAAC,uBACA,CAAAD,wBAAAC,yBACA,CAAAD,uBAAAC,yBAGA/B,oCACA,CAAA8B,mBAAAC,oBACA,CAAAD,uCAAAC,qCACA,CAAAD,6CAAAC,2CACA,CAAAD,mBAAAC,iBACA,CAAAD,sCAAAC,mCACA,CAAAD,4BAAAC,0BACA,CAAAD,6BAAAC,0BACA,CAAAD,wBAAAC,sBACA,CAAAD,yBAAAC,qCACA,CAAAD,0BAAAC,yBACA,CAAAD,qBAAAC,oBAGA7B,gCACA,CAAA4B,2BAAAC,4BACA,CAAAD,qBAAAC,sBACA,CAAAD,eAAAC,gBACA,CAAAD,mCAAAC,oCACA,CAAAD,0BAAAC,2BACA,CAAAD,0BAAAC,2BACA,CAAAD,6BAAAC,8BACA,CAAAD,4BAAAC,6BACA,CAAAD,+BAAAC,iCACA,CAAAD,wBAAAC,yBACA,CAAAD,cAAAC,gBAGA/D,cAEAL,SACAC,oEACAS,qCAIAa,8BACAK,gCACAI,qCAGAI,oCACAE,gCAGAxB,YAGAa,sFAEAF,+BACAC,6BAEAI,4BACAC,0BAEAG,iCACAC,+BAGAQ,YACAD,cACAD,mBACAD,kCACA,8BACA,iCACA,4BACA,iCACA,wBACA,0BACA,0BAIAY,+BACAF,eACAC,aACAP,cACAC,sBACAI,qCACAD,oCAKAqB,OACArE,SACAsE,QACAC,QAFA,SAEAC,GACA,mBAGAjD,yBAPA,SAOAiD,EAAAC,GACA,OAEA,2BACA,wCAGA7C,2BAdA,SAcA4C,EAAAC,GACA,OAEA,2BACA,qCAGAzC,gCArBA,SAqBAwC,EAAAC,GACA,OAEA,2BACA,0CAGArC,+BA5BA,SA4BAoC,EAAAC,GACA,OAEA,2BACA,uBAGAnC,2BAnCA,SAmCAkC,EAAAC,GACA,OAEA,2BACA,uBAGA7B,cACA0B,QACAC,QAFA,WAGA,yBAIAG,UACArB,oBAAA,eACAE,yBAAA,eACAC,kBAAA,eACAC,kBAAA,eACAH,0BAAA,eACAqB,eANA,WAOA,qDAGAC,QApMA,WAqMA,0BACA,kDACA,8CACA,sDAEA,kDACA,kBAGAC,cA9MA,WA+MA,0BACA,kDACA,8CACA,uDAGAC,SACAC,mBADA,WAGA,8BASA,qBASA,8CACA,iBACA,WACA,kCAGA,IAdA,iBACA,SACA,0BAGA,IAdA,iBACA,WACA,4BAGA,IAuBAC,UAhCA,WAiCA,4BACA,qBACA,sCACA,mCACA,wCACA,qBACA,wBAIAC,cA3CA,WA2CA,WAEA,uDAEA,GACA,yBAGAC,sCACAA,kCAEAC,qCACA,YACA,kCACA,mBAEA,YACA,SACA,qBACA,cACAC,UACAC,cACAC,uHACAC,mBACAC,yBACAC,kBAGA,cACAL,UACAC,cACAC,0EACAC,mBACAC,yBACAC,qBAOAC,+BApFA,WAoFA,WAEA,uDAEA,GACA,wBACA,gCAGAR,sCACAA,kCAEA,gCACAA,6DAGAC,qCACA,YACA,kDACA,+CACA,mBAEA,YACA,SACA,qBACA,cACAC,UACAC,cACAC,uHACAC,mBACAC,yBACAC,kBAGA,cACAL,UACAC,cACAC,0EACAC,mBACAC,yBACAC,qBAMAE,4BAlIA,WAkIA,WAEA,uDAEA,GACA,wBACA,6BAGAT,sCACAA,kCAEA,kCACAA,iEAGAC,qCACA,YACA,+CACA,4CACA,mBAEA,YACA,SACA,qBACA,cACAC,UACAC,cACAC,uHACAC,mBACAC,yBACAC,kBAGA,cACAL,UACAC,cACAC,0EACAC,mBACAC,yBACAC,qBAMAG,iCAhLA,WAgLA,WAEA,uDAEA,GACA,wBACA,kCAGAV,sCACAA,kCAEA,uCACAA,2EAGAC,qCACA,YACA,oDACA,iDACA,mBAEA,YACA,SACA,qBACA,cACAC,UACAC,cACAC,uHACAC,mBACAC,yBACAC,kBAGA,cACAL,UACAC,cACAC,0EACAC,mBACAC,yBACAC,qBAOAI,cA/NA,WA+NA,WAEA,uDAEA,GACA,yBAGAX,sCACAA,kCAEA,sCACAA,yEAGA,kCACAA,iEAGAC,qCACA,YACA,qCAEA,sBAEA,OACA,0CACA,gDACA,sCACA,gDACA,8BACA,kCACA,iCAGA,oBACA,mBAEA,YAEA,SACA,qBACA,cACAC,UACAC,cACAC,uHACAC,mBACAC,yBACAC,kBAGA,cACAL,UACAC,cACAC,0EACAC,mBACAC,yBACAC,qBAMAK,iBA9RA,SA8RAC,GAEA,yEACA,OACA,6CACA,sDAEA,qBAEA,oCACA,OACA,8CAEA,qBAEA,wCACA,OACA,sDAEA,oBAEA,CACA,OACA,yDACA,+DACA,qDACA,+DACA,6CACA,iDACA,gDAGA,kBAIAC,eAlUA,WAkUA,WAEA,uDAEA,GACA,0BAGA,qCACAd,0DAGA,oDACAA,wFAGA,gDACAA,gFAGAC,qCACA,YACA,gFACA,6CACA,4CACA,mBAEA,YACA,SACA,qBACA,cACAC,UACAC,cACAC,uHACAC,mBACAC,yBACAC,kBAGA,cACAL,UACAC,cACAC,0EACAC,mBACAC,yBACAC,qBAMAQ,gCArXA,SAqXAC,GACA,iDACA,oDCnkCoV,I,kCCShVC,EAAY,eACd,EACA5G,EACAmE,GACA,EACA,KACA,KACA,MAIa,aAAAyC,E,6CCpBf,IAAI5G,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,SAAS,CAACwG,IAAI,iBACvH1C,EAAkB,G,wDCSP,GACf2C,OACAC,QACAC,YACAC,YAEAC,SACAF,YACAC,aAEAE,iBACAH,YACAC,kBACAG,cAEAC,QACAL,YACAC,YACAG,aAEAE,kBACAL,YACAD,cAGA3B,QAzBA,WA0BA,mBACA,kBAEAP,OACAoC,QADA,SACAjC,EAAAC,GACA,MACA,oBAEA6B,OALA,SAKA9B,EAAAC,GACA,MACA,qBAGAK,SACAgC,YADA,WAEA,0BACA,mBACA,kBAEAC,YANA,WAOA,2BACA,qBACA,CACAP,YACAQ,iBACAC,SACAC,uBACAC,aACAC,cACAJ,SACAK,QACAC,WACAC,8BACAjB,QACAkB,iBACAC,yBACAC,MACAC,cACAC,WAIAC,SACAC,YAEAC,YACAC,eACAC,4BACA,kCAEAxC,cACA6B,oBACA,kCACA,aAGAI,MACAE,QACAD,kBAKAzD,8BAIAgE,eAtDA,WAsDA,WACA,KAYA,OAXAC,+CACA,OACA/D,mBACAF,kBACAkE,cACAH,6IACAI,0IAEAC,aAGA,CACAhC,mBACAiC,aAIAC,eAzEA,WA0EA,sCAEAC,UA5EA,WA6EA,2BACA,8BACAC,oCChIkW,I,YCO9VvC,EAAY,eACd,EACA5G,EACAmE,GACA,EACA,KACA,KACA,MAIa,OAAAyC,E,yFClBf","file":"js/chunk-806b6f0e.dace3ac6.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard2.vue?vue&type=style&index=1&id=8e1f8722&prod&media=screen%2C%20projection&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"dashboard2\"}},[(_vm.seePMDashboard)?_c('div',[_c('div',{staticClass:\"fix-filters space-btw-charts\"},[_c('vx-card',[_c('vs-row',[_c('vs-col',{attrs:{\"vs-xs\":\"6\",\"vs-sm\":\"5\",\"vs-lg\":\"3\"}},[_c('SelectDate',{attrs:{\"selectedDate\":_vm.filters.from_date,\"label\":\"Start Date\"},on:{\"update:selectedDate\":function($event){return _vm.$set(_vm.filters, \"from_date\", $event)},\"update:selected-date\":function($event){return _vm.$set(_vm.filters, \"from_date\", $event)}}}),(_vm.api_errors && _vm.api_errors.from_date)?_c('small',{staticClass:\"block text-danger mt-1\"},[_vm._v(\"\\n                            \"+_vm._s(_vm.api_errors.from_date.join(', '))+\"\\n                        \")]):_vm._e()],1),_c('vs-col',{staticClass:\"mobile_to_date\",attrs:{\"vs-xs\":\"6\",\"vs-sm\":\"5\",\"vs-lg\":\"3\"}},[_c('div',{staticClass:\"ml-2\"},[_c('SelectDate',{attrs:{\"selectedDate\":_vm.filters.to_date,\"label\":\"End Date\"},on:{\"update:selectedDate\":function($event){return _vm.$set(_vm.filters, \"to_date\", $event)},\"update:selected-date\":function($event){return _vm.$set(_vm.filters, \"to_date\", $event)}}})],1),(_vm.api_errors && _vm.api_errors.to_date)?_c('small',{staticClass:\"block text-danger mt-1\"},[_vm._v(\"\\n                            \"+_vm._s(_vm.api_errors.to_date.join(', '))+\"\\n                        \")]):_vm._e()])],1)],1)],1),(_vm.$store.state.windowWidth <= 767)?_c('div',[_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"4\",\"vs-sm\":\"4\"}},[_c('div',{staticClass:\"mobile-box-count mb-2 mr-2\"},[_c('vx-card',[_c('div',[_c('h6',[_vm._v(_vm._s(_vm.box_data.total_accident_free_hrs))]),_c('span',[_vm._v(\"Total Accident Free Hrs\")])])])],1)]),_c('vs-col',{attrs:{\"vs-xs\":\"4\",\"vs-sm\":\"4\"}},[_c('div',{staticClass:\"mobile-box-count mb-2 mr-2\"},[_c('vx-card',[_c('div',[_c('h6',[_vm._v(_vm._s(_vm.box_data.total_mm_carried_out))]),_c('span',[_vm._v(\"Major Maintenance Carried Out\")])])])],1)]),_c('vs-col',{attrs:{\"vs-xs\":\"4\",\"vs-sm\":\"4\"}},[_c('div',{staticClass:\"mobile-box-count mb-2\"},[_c('vx-card',[_c('div',[_c('h6',[_vm._v(_vm._s(_vm.box_data.active_enroachment_count))]),_c('span',[_vm._v(\"Active Enroachment Issue\")])])])],1)]),_c('vs-col',{attrs:{\"vs-xs\":\"4\",\"vs-sm\":\"4\"}},[_c('div',{staticClass:\"mobile-box-count mr-2\"},[_c('vx-card',[_c('div',[_c('h6',[_vm._v(_vm._s(_vm.box_data.safety_program_conducted))]),_c('span',[_vm._v(\"Total Safety Program Conducted\")])])])],1)]),_c('vs-col',{attrs:{\"vs-xs\":\"4\",\"vs-sm\":\"4\"}},[_c('div',{staticClass:\"mobile-box-count\"},[_c('vx-card',[_c('div',[_c('h6',[_vm._v(_vm._s((_vm.box_data.spent_on_maintenance/100000).toFixed(1)))]),_c('span',[_vm._v(\"Spent on Maintenance (Lakhs)\")])])])],1)])],1),_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('vx-card',{staticClass:\"widget pb-3\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"widget--heading\",staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"mb-2\",staticStyle:{\"align-self\":\"start\"}},[_c('h5',[_vm._v(\"Maintenance Type\")])]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('vs-row',{staticClass:\"mb-2\"},[_c('vs-col',{attrs:{\"vs-xs\":\"10\"}},[_c('InputSelect',{attrs:{\"model\":_vm.pie_maintenance_sub_type,\"placeholder\":\"Choose\",\"container_class\":\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\",\"options\":_vm.pie_maintenance_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){_vm.pie_maintenance_sub_type=$event}}})],1)],1)],1)])]),_c('div',[_c('PieChart',{attrs:{\"labels\":_vm.maintenance_type_pie_labels,\"dataset\":_vm.maintenance_type_pie_data,\"height\":280,\"labels_background_color\":_vm.pie_background_labels_five_status,\"legend_position\":\"bottom\",\"legend_font_size\":\"8\"}})],1)],2)],1)],1),_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('vx-card',{staticClass:\"widget pb-3\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"widget--heading\",staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"mb-2\",staticStyle:{\"align-self\":\"start\"}},[_c('h5',[_vm._v(\"Road Incidents\")])]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('vs-row',{staticClass:\"mb-2\"},[_c('vs-col',{attrs:{\"vs-xs\":\"10\"}},[_c('InputSelect',{attrs:{\"model\":_vm.pie_road_incident_sub_type,\"placeholder\":\"Choose\",\"container_class\":\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\",\"options\":_vm.pie_road_incident_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){_vm.pie_road_incident_sub_type=$event}}})],1)],1)],1)])]),_c('div',[_c('PieChart',{attrs:{\"labels\":_vm.road_incident_pie_labels,\"dataset\":_vm.road_incident_pie_data,\"height\":280,\"labels_background_color\":_vm.pie_background_labels_five_status,\"legend_position\":\"bottom\",\"legend_font_size\":\"8\"}})],1)],2)],1)],1),_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('vx-card',{staticClass:\"widget pb-3\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"widget--heading\",staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"mb-2\",staticStyle:{\"align-self\":\"start\"}},[_c('h5',[_vm._v(\"Enroachment/Safety\")])]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('vs-row',{staticClass:\"mb-2\"},[_c('vs-col',{attrs:{\"vs-xs\":\"10\"}},[_c('InputSelect',{attrs:{\"model\":_vm.pie_enroachment_safety_sub_type,\"placeholder\":\"Choose\",\"container_class\":\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\",\"options\":_vm.pie_enroachment_safety_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){_vm.pie_enroachment_safety_sub_type=$event}}})],1)],1)],1)])]),_c('div',[_c('PieChart',{attrs:{\"labels\":_vm.enroachment_safety_pie_labels,\"dataset\":_vm.enroachment_safety_pie_data,\"height\":280,\"labels_background_color\":_vm.pie_background_labels_five_status,\"legend_position\":\"bottom\",\"legend_font_size\":\"8\"}})],1)],2)],1)],1),_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('vx-card',{staticClass:\"widget pb-3\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"widget--heading\",staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"mb-2\",staticStyle:{\"align-self\":\"start\"}},[_c('h5',[_vm._v(\"Bar Chart\")])]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('vs-row',{staticClass:\"mb-2\"},[_c('vs-col',{attrs:{\"vs-xs\":\"5\",\"vs-sm\":\"5\"}},[_c('h6',[_vm._v(\"MM Sub Module\")])]),_c('vs-col',{attrs:{\"vs-xs\":\"7\",\"vs-sm\":\"7\"}},[_c('InputSelect',{attrs:{\"model\":_vm.bar_major_maintenance_sub_type,\"placeholder\":\"Choose\",\"container_class\":\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\",\"options\":_vm.major_maintenance_sub_type_options,\"multiple\":false,\"disabled\":_vm.bar_road_incident_sub_type!==null},on:{\"update:model\":function($event){_vm.bar_major_maintenance_sub_type=$event}}})],1)],1),_c('vs-row',[_c('vs-col',{attrs:{\"vs-xs\":\"5\",\"vs-sm\":\"5\"}},[_c('h6',[_vm._v(\"RI Sub Module\")])]),_c('vs-col',{attrs:{\"vs-xs\":\"7\",\"vs-sm\":\"7\"}},[_c('InputSelect',{attrs:{\"model\":_vm.bar_road_incident_sub_type,\"placeholder\":\"Choose\",\"container_class\":\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\",\"options\":_vm.road_incident_sub_type_options,\"multiple\":false,\"disabled\":_vm.bar_major_maintenance_sub_type!==null},on:{\"update:model\":function($event){_vm.bar_road_incident_sub_type=$event}}})],1)],1)],1)])]),_c('BarChart',{attrs:{\"legend_position\":\"bottom\",\"x_axis_title\":\"Month/Year\",\"y_axis_title\":\"No. of Issues\",\"labels_mode_background_color\":_vm.bar_labels_mode_background_color,\"labels_mode\":_vm.bar_labels_mode,\"labels\":_vm.bar_labels,\"dataset\":_vm.bar_data,\"stacked\":true,\"height\":320,\"legend_font_size\":\"8\"}})],2)],1)],1),_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('vx-card',{staticClass:\"widget\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"widget--heading\",staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"mb-2\",staticStyle:{\"align-self\":\"start\"}},[_c('h5',[_vm._v(\"Line Chart\")])]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('vs-row',{staticClass:\"mb-2\"},[_c('vs-col',{attrs:{\"vs-xs\":\"5\",\"vs-sm\":\"5\"}},[_c('h6',[_vm._v(\"Module Type\")])]),_c('vs-col',{attrs:{\"vs-xs\":\"7\",\"vs-sm\":\"7\"}},[_c('InputSelect',{attrs:{\"model\":_vm.line_filters.line_module_type,\"placeholder\":\"Choose\",\"container_class\":\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\",\"options\":_vm.module_type_options,\"multiple\":false},on:{\"update:model\":function($event){return _vm.$set(_vm.line_filters, \"line_module_type\", $event)}}})],1)],1),(_vm.line_filters.line_module_type == 'road_incident')?[_c('vs-row',{key:_vm.line_filters.line_module_type + 'ri'},[_c('vs-col',{attrs:{\"vs-xs\":\"5\",\"vs-sm\":\"5\"}},[_c('h6',[_vm._v(\"RI Sub Module\")])]),_c('vs-col',{attrs:{\"vs-xs\":\"7\",\"vs-sm\":\"7\"}},[_c('InputSelect',{attrs:{\"model\":_vm.line_filters.line_road_incident_sub_type,\"placeholder\":\"Choose\",\"container_class\":\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\",\"options\":_vm.road_incident_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){return _vm.$set(_vm.line_filters, \"line_road_incident_sub_type\", $event)}}})],1)],1)]:(_vm.line_filters.line_module_type == 'major_maintenance')?[_c('vs-row',{key:_vm.line_filters.line_module_type + 'mm'},[_c('vs-col',{attrs:{\"vs-xs\":\"5\",\"vs-sm\":\"5\"}},[_c('h6',[_vm._v(\"MM Sub Module\")])]),_c('vs-col',{attrs:{\"vs-xs\":\"7\",\"vs-sm\":\"7\"}},[_c('InputSelect',{attrs:{\"model\":_vm.line_filters.line_major_maintenance_sub_type,\"placeholder\":\"Choose\",\"container_class\":\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\",\"options\":_vm.major_maintenance_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){return _vm.$set(_vm.line_filters, \"line_major_maintenance_sub_type\", $event)}}})],1)],1)]:_vm._e()],2)])]),_c('LineChart',{attrs:{\"labels\":_vm.line_labels,\"dataset\":_vm.line_data,\"legend_position\":\"bottom\",\"height\":350,\"background_color\":_vm.line_chart_background_color}})],2)],1)],1)],1):_c('div',[_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"box-data-card\"},[_c('vx-card',[_c('div',{staticClass:\"box-data-alignment-d1\"},[_c('span',{staticClass:\"box-icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":_vm.carCrash}})],1),_c('div',{staticClass:\"box-count\"},[_c('span',[_vm._v(\"Total Accident Free Hrs\")]),_c('h6',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_vm._v(_vm._s(_vm.box_data.total_accident_free_hrs))])])])])],1),_c('div',{staticClass:\"ml-2 box-data-card\"},[_c('vx-card',[_c('div',{staticClass:\"box-data-alignment-d1\"},[_c('span',{staticClass:\"box-icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":_vm.clipboardCheck}})],1),_c('div',{staticClass:\"box-count\"},[_c('span',[_vm._v(\"Major Maintenance Carried Out\")]),_c('h6',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_vm._v(_vm._s(_vm.box_data.total_mm_carried_out))])])])])],1),_c('div',{staticClass:\"ml-2 box-data-card\"},[_c('vx-card',[_c('div',{staticClass:\"box-data-alignment-d1\"},[_c('span',{staticClass:\"box-icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":_vm.clipboardList}})],1),_c('div',{staticClass:\"box-count\"},[_c('span',[_vm._v(\"Active Enroachment Issue\")]),_c('h6',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_vm._v(_vm._s(_vm.box_data.active_enroachment_count))])])])])],1),_c('div',{staticClass:\"ml-2 box-data-card\"},[_c('vx-card',[_c('div',{staticClass:\"box-data-alignment-d1\"},[_c('span',{staticClass:\"box-icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":_vm.shield}})],1),_c('div',{staticClass:\"box-count\"},[_c('span',[_vm._v(\"Total Safety Program Conducted\")]),_c('h6',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_vm._v(_vm._s(_vm.box_data.safety_program_conducted))])])])])],1),_c('div',{staticClass:\"ml-2 box-data-card\"},[_c('vx-card',[_c('div',{staticClass:\"box-data-alignment-d1\"},[_c('span',{staticClass:\"box-icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":_vm.wallet}})],1),_c('div',{staticClass:\"box-count\"},[_c('span',[_vm._v(\"Spent on Maintenance (Lakhs)\")]),_c('h6',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_vm._v(_vm._s((_vm.box_data.spent_on_maintenance/100000).toFixed(1)))])])])])],1)])])],1),_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('vx-card',{staticClass:\"widget\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"widget--heading\",staticStyle:{\"justify-content\":\"space-between\"}},[_c('div',{staticClass:\"mr-base\",staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('h5',{staticClass:\"mr-3\"},[_vm._v(\"Maintenance Type\")]),_c('div',{staticClass:\"right\"},[_c('InputSelect',{attrs:{\"model\":_vm.pie_maintenance_sub_type,\"placeholder\":\"Select Chart\",\"container_class\":\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\",\"options\":_vm.pie_maintenance_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){_vm.pie_maintenance_sub_type=$event}}})],1)]),_c('div',{staticClass:\"mr-base\",staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('h5',{staticClass:\"mr-3\"},[_vm._v(\"Road Incidents\")]),_c('div',{staticClass:\"right\"},[_c('InputSelect',{attrs:{\"model\":_vm.pie_road_incident_sub_type,\"placeholder\":\"Select Chart\",\"container_class\":\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\",\"options\":_vm.pie_road_incident_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){_vm.pie_road_incident_sub_type=$event}}})],1)]),_c('div',{staticClass:\"mr-base\",staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('h5',{staticClass:\"mr-3\"},[_vm._v(\"Enroachment/Safety\")]),_c('div',{staticClass:\"right\"},[_c('InputSelect',{attrs:{\"model\":_vm.pie_enroachment_safety_sub_type,\"placeholder\":\"Select Chart\",\"container_class\":\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\",\"options\":_vm.pie_enroachment_safety_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){_vm.pie_enroachment_safety_sub_type=$event}}})],1)])])]),_c('div',[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('PieChart',{attrs:{\"labels\":_vm.maintenance_type_pie_labels,\"dataset\":_vm.maintenance_type_pie_data,\"height\":280,\"labels_background_color\":_vm.pie_background_labels_five_status}}),_c('div',{staticClass:\"vertical\"}),_c('PieChart',{attrs:{\"labels\":_vm.road_incident_pie_labels,\"dataset\":_vm.road_incident_pie_data,\"height\":280,\"labels_background_color\":_vm.pie_background_labels_five_status}}),_c('div',{staticClass:\"vertical\"}),_c('PieChart',{attrs:{\"labels\":_vm.enroachment_safety_pie_labels,\"dataset\":_vm.enroachment_safety_pie_data,\"height\":280,\"labels_background_color\":_vm.pie_background_labels_five_status}})],1),_c('div',{staticClass:\"mt-base mb-3 d2-pie-legend\"},[_c('div',{staticClass:\"d2-pie-legend--container\"},[_c('div',{staticStyle:{\"background-color\":\"#F76801\"}}),_c('p',{staticClass:\"font-bold\"},[_vm._v(\"Awaiting Approval\")])]),_c('div',{staticClass:\"d2-pie-legend--container\"},[_c('div',{staticStyle:{\"background-color\":\"#4FA0FF\"}}),_c('p',{staticClass:\"font-bold\"},[_vm._v(\"Approval Rejected\")])]),_c('div',{staticClass:\"d2-pie-legend--container\"},[_c('div',{staticStyle:{\"background-color\":\"#FFC276\"}}),_c('p',{staticClass:\"font-bold\"},[_vm._v(\"Resolution Pending\")])]),_c('div',{staticClass:\"d2-pie-legend--container\"},[_c('div',{staticStyle:{\"background-color\":\"#E49A2C\"}}),_c('p',{staticClass:\"font-bold\"},[_vm._v(\"Resolution Rejected\")])]),_c('div',{staticClass:\"d2-pie-legend--container\"},[_c('div',{staticStyle:{\"background-color\":\"#C1CD39\"}}),_c('p',{staticClass:\"font-bold\"},[_vm._v(\"Resolution Completed\")])])])])],2)],1)],1),_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('vx-card',{staticClass:\"widget pb-3\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"widget--heading\"},[_c('h5',[_vm._v(\"Bar Chart\")]),_c('div',{staticClass:\"flex right\"},[_c('InputSelect',{attrs:{\"model\":_vm.bar_major_maintenance_sub_type,\"label\":\"Major Maintenance Sub Module\",\"placeholder\":\"Select Chart\",\"container_class\":\"w-auto d2-dropdown-alignment input-custom-dropdown mr-base\",\"options\":_vm.major_maintenance_sub_type_options,\"multiple\":false,\"disabled\":_vm.bar_road_incident_sub_type!==null},on:{\"update:model\":function($event){_vm.bar_major_maintenance_sub_type=$event}}}),_c('InputSelect',{attrs:{\"model\":_vm.bar_road_incident_sub_type,\"label\":\"Road Incident Sub Module\",\"placeholder\":\"Select Chart\",\"container_class\":\"w-auto d2-dropdown-alignment input-custom-dropdown\",\"options\":_vm.road_incident_sub_type_options,\"multiple\":false,\"disabled\":_vm.bar_major_maintenance_sub_type!==null},on:{\"update:model\":function($event){_vm.bar_road_incident_sub_type=$event}}})],1)])]),_c('BarChart',{attrs:{\"legend_position\":\"bottom\",\"x_axis_title\":\"Month/Year\",\"y_axis_title\":\"No. of Issues\",\"labels_mode_background_color\":_vm.bar_labels_mode_background_color,\"labels_mode\":_vm.bar_labels_mode,\"labels\":_vm.bar_labels,\"dataset\":_vm.bar_data,\"stacked\":true,\"height\":320}})],2)],1)],1),_c('vs-row',{staticClass:\"space-btw-charts\"},[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('vx-card',{staticClass:\"widget\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"widget--heading\"},[_c('h5',[_vm._v(\"Line Chart\")]),_c('div',{staticClass:\"flex right\"},[_c('div',{staticStyle:{\"min-width\":\"210px\"}},[_c('InputSelect',{attrs:{\"model\":_vm.line_filters.line_module_type,\"label\":\"Module Type\",\"placeholder\":\"Choose\",\"container_class\":\"w-auto input-custom-dropdown mr-3\",\"options\":_vm.module_type_options,\"multiple\":false},on:{\"update:model\":function($event){return _vm.$set(_vm.line_filters, \"line_module_type\", $event)}}})],1),(_vm.line_filters.line_module_type == 'road_incident')?[_c('div',{key:_vm.line_filters.line_module_type + 'ri'},[_c('InputSelect',{attrs:{\"model\":_vm.line_filters.line_road_incident_sub_type,\"label\":\"Road Incident Sub Type\",\"placeholder\":\"Choose\",\"container_class\":\"w-auto input-custom-dropdown\",\"options\":_vm.road_incident_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){return _vm.$set(_vm.line_filters, \"line_road_incident_sub_type\", $event)}}})],1)]:(_vm.line_filters.line_module_type == 'major_maintenance')?[_c('div',{key:_vm.line_filters.line_module_type + 'mm'},[_c('InputSelect',{attrs:{\"model\":_vm.line_filters.line_major_maintenance_sub_type,\"label\":\"Major Maintenance Sub Type\",\"placeholder\":\"Choose\",\"container_class\":\"w-auto input-custom-dropdown\",\"options\":_vm.major_maintenance_sub_type_options,\"multiple\":false},on:{\"update:model\":function($event){return _vm.$set(_vm.line_filters, \"line_major_maintenance_sub_type\", $event)}}})],1)]:_vm._e()],2)])]),_c('LineChart',{attrs:{\"labels\":_vm.line_labels,\"dataset\":_vm.line_data,\"legend_position\":\"bottom\",\"height\":350,\"background_color\":_vm.line_chart_background_color}})],2)],1)],1)],1)])]):_c('div',[_c('PermissionDenied')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"dashboard2\">\n        <div v-if=\"seePMDashboard\">\n            <!-- charts filters  -->\n            <div class=\"fix-filters space-btw-charts\">\n                <vx-card>\n                    <vs-row>\n                        <!-- From Date  -->\n                        <vs-col vs-xs=\"6\" vs-sm=\"5\" vs-lg=\"3\">\n                            <SelectDate :selectedDate.sync=\"filters.from_date\" label=\"Start Date\" />\n                            <small class=\"block text-danger mt-1\" v-if=\"api_errors && api_errors.from_date\">\n                                {{ api_errors.from_date.join(', ') }}\n                            </small>\n                        </vs-col>\n                        <!-- To Date  -->\n                        <vs-col vs-xs=\"6\" vs-sm=\"5\" vs-lg=\"3\" class=\"mobile_to_date\">\n                            <div class=\"ml-2\">\n                                <SelectDate :selectedDate.sync=\"filters.to_date\" label=\"End Date\" />\n                            </div>\n                            <small class=\"block text-danger mt-1\" v-if=\"api_errors && api_errors.to_date\">\n                                {{ api_errors.to_date.join(', ') }}\n                            </small>\n                        </vs-col>\n                    </vs-row>\n                </vx-card>\n            </div>\n            <!-- mobile screen -->\n            <div v-if=\"$store.state.windowWidth <= 767\">\n                <!-- box count -->\n                <vs-row class=\"space-btw-charts\">\n                    <vs-col vs-xs=\"4\" vs-sm=\"4\">\n                        <div class=\"mobile-box-count mb-2 mr-2\">\n                            <vx-card>\n                                <div>\n                                    <h6>{{ box_data.total_accident_free_hrs }}</h6>\n                                    <span>Total Accident Free Hrs</span>\n                                </div>\n                            </vx-card>\n                        </div>\n                    </vs-col>\n                    <vs-col vs-xs=\"4\" vs-sm=\"4\">\n                        <div class=\"mobile-box-count mb-2 mr-2\">\n                            <vx-card>\n                                <div>\n                                    <h6>{{ box_data.total_mm_carried_out }}</h6>\n                                    <span>Major Maintenance Carried Out</span>\n                                </div>\n                            </vx-card>\n                        </div>\n                    </vs-col>\n                    <vs-col vs-xs=\"4\" vs-sm=\"4\">\n                        <div class=\"mobile-box-count mb-2\">\n                            <vx-card>\n                                <div>\n                                    <h6>{{ box_data.active_enroachment_count }}</h6>\n                                    <span>Active Enroachment Issue</span>\n                                </div>\n                            </vx-card>\n                        </div>\n                    </vs-col>\n                    <vs-col vs-xs=\"4\" vs-sm=\"4\">\n                        <div class=\"mobile-box-count mr-2\">\n                            <vx-card>\n                                <div>\n                                    <h6>{{ box_data.safety_program_conducted }}</h6>\n                                    <span>Total Safety Program Conducted</span>\n                                </div>\n                            </vx-card>\n                        </div>\n                    </vs-col>\n                    <vs-col vs-xs=\"4\" vs-sm=\"4\">\n                        <div class=\"mobile-box-count\">\n                            <vx-card>\n                                <div>\n                                    <h6>{{ (box_data.spent_on_maintenance/100000).toFixed(1) }}</h6>\n                                    <span>Spent on Maintenance (Lakhs)</span>\n                                </div>\n                            </vx-card>\n                        </div>\n                    </vs-col>\n                </vs-row>\n                <!-- pie chart start  -->\n                <vs-row class=\"space-btw-charts\">\n                    <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                        <vx-card class=\"widget pb-3\">\n                            <template slot=\"no-body\">\n                                <div class=\"widget--heading\" style=\"display: flex; flex-direction: column;\">\n                                    <div class=\"mb-2\" style=\"align-self: start;\">\n                                        <h5>Maintenance Type</h5>\n                                    </div>\n                                    <div style=\"width: 100%;\">\n                                        <vs-row class=\"mb-2\">\n                                            <vs-col vs-xs=\"10\">\n                                                <InputSelect :model.sync=\"pie_maintenance_sub_type\"\n                                                    placeholder=\"Choose\" container_class=\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\"\n                                                    :options=\"pie_maintenance_sub_type_options\" :multiple=\"false\" \n                                                />\n                                            </vs-col>\n                                        </vs-row>\n                                    </div>\n                                </div>\n                            </template>\n                            <div>\n                                <PieChart :labels=\"maintenance_type_pie_labels\" :dataset=\"maintenance_type_pie_data\"\n                                    :height=\"280\" :labels_background_color=\"pie_background_labels_five_status\" legend_position=\"bottom\"\n                                    legend_font_size=\"8\"\n                                />\n                            </div>\n                        </vx-card>\n                    </vs-col>\n                </vs-row>\n                <vs-row class=\"space-btw-charts\">\n                    <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                        <vx-card class=\"widget pb-3\">\n                            <template slot=\"no-body\">\n                                <div class=\"widget--heading\" style=\"display: flex; flex-direction: column;\">\n                                    <div class=\"mb-2\" style=\"align-self: start;\">\n                                        <h5>Road Incidents</h5>\n                                    </div>\n                                    <div style=\"width: 100%;\">\n                                        <vs-row class=\"mb-2\">\n                                            <vs-col vs-xs=\"10\">\n                                                <InputSelect :model.sync=\"pie_road_incident_sub_type\" placeholder=\"Choose\"\n                                                    container_class=\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\"\n                                                    :options=\"pie_road_incident_sub_type_options\" :multiple=\"false\" \n                                                />\n                                            </vs-col>\n                                        </vs-row>\n                                    </div>\n                                </div>\n                            </template>\n                            <div>\n                                <PieChart :labels=\"road_incident_pie_labels\" :dataset=\"road_incident_pie_data\"\n                                    :height=\"280\" :labels_background_color=\"pie_background_labels_five_status\" legend_position=\"bottom\"\n                                    legend_font_size=\"8\"\n                                />\n                            </div>\n                        </vx-card>\n                    </vs-col>\n                </vs-row>\n                <vs-row class=\"space-btw-charts\">\n                    <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                        <vx-card class=\"widget pb-3\">\n                            <template slot=\"no-body\">\n                                <div class=\"widget--heading\" style=\"display: flex; flex-direction: column;\">\n                                    <div class=\"mb-2\" style=\"align-self: start;\">\n                                        <h5>Enroachment/Safety</h5>\n                                    </div>\n                                    <div style=\"width: 100%;\">\n                                        <vs-row class=\"mb-2\">\n                                            <vs-col vs-xs=\"10\">\n                                                <InputSelect :model.sync=\"pie_enroachment_safety_sub_type\"\n                                                    placeholder=\"Choose\" container_class=\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\"\n                                                    :options=\"pie_enroachment_safety_sub_type_options\" :multiple=\"false\" \n                                                />\n                                            </vs-col>\n                                        </vs-row>\n                                    </div>\n                                </div>\n                            </template>\n                            <div>\n                                <PieChart :labels=\"enroachment_safety_pie_labels\" :dataset=\"enroachment_safety_pie_data\"\n                                    :height=\"280\" :labels_background_color=\"pie_background_labels_five_status\" legend_position=\"bottom\"\n                                    legend_font_size=\"8\"\n                                />\n                            </div>\n                        </vx-card>\n                    </vs-col>\n                </vs-row>\n                <!-- pie chart end  -->\n                <!-- bar chart  -->\n                <vs-row class=\"space-btw-charts\">\n                    <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                        <vx-card class=\"widget pb-3\">\n                            <template slot=\"no-body\">\n                                <div class=\"widget--heading\" style=\"display: flex; flex-direction: column;\">\n                                    <div class=\"mb-2\" style=\"align-self: start;\">\n                                        <h5>Bar Chart</h5>\n                                    </div>\n                                    <div style=\"width: 100%;\">\n                                        <vs-row class=\"mb-2\">\n                                            <vs-col vs-xs=\"5\" vs-sm=\"5\">\n                                                <h6>MM Sub Module</h6>\n                                            </vs-col>\n                                            <vs-col vs-xs=\"7\" vs-sm=\"7\">\n                                                <InputSelect :model.sync=\"bar_major_maintenance_sub_type\"\n                                                    placeholder=\"Choose\"\n                                                    container_class=\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\"\n                                                    :options=\"major_maintenance_sub_type_options\" :multiple=\"false\" \n                                                    :disabled=\"bar_road_incident_sub_type!==null\"\n                                                />\n                                            </vs-col>\n                                        </vs-row>\n                                        <vs-row>\n                                            <vs-col vs-xs=\"5\" vs-sm=\"5\">\n                                                <h6>RI Sub Module</h6>\n                                            </vs-col>\n                                            <vs-col vs-xs=\"7\" vs-sm=\"7\">\n                                                <InputSelect :model.sync=\"bar_road_incident_sub_type\"\n                                                    placeholder=\"Choose\"\n                                                    container_class=\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\"\n                                                    :options=\"road_incident_sub_type_options\" :multiple=\"false\"\n                                                    :disabled=\"bar_major_maintenance_sub_type!==null\"\n                                                />\n                                            </vs-col>\n                                        </vs-row>\n                                    </div>\n                                </div>\n                            </template>\n                            <BarChart legend_position=\"bottom\" x_axis_title=\"Month/Year\" y_axis_title=\"No. of Issues\"\n                                :labels_mode_background_color=\"bar_labels_mode_background_color\"\n                                :labels_mode=\"bar_labels_mode\" :labels=\"bar_labels\" :dataset=\"bar_data\" :stacked=\"true\"\n                                :height=\"320\" legend_font_size=\"8\" />\n                        </vx-card>\n                    </vs-col>\n                </vs-row>\n                <!-- line chart  -->\n                <vs-row class=\"space-btw-charts\">\n                    <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                        <vx-card class=\"widget\">\n                            <template slot=\"no-body\">\n                                <div class=\"widget--heading\" style=\"display: flex; flex-direction: column;\">\n                                    <div class=\"mb-2\" style=\"align-self: start;\">\n                                        <h5>Line Chart</h5>\n                                    </div>\n                                    <div style=\"width: 100%;\">\n                                        <vs-row class=\"mb-2\">\n                                            <vs-col vs-xs=\"5\" vs-sm=\"5\">\n                                                <h6>Module Type</h6>\n                                            </vs-col>\n                                            <vs-col vs-xs=\"7\" vs-sm=\"7\">\n                                                <InputSelect :model.sync=\"line_filters.line_module_type\" placeholder=\"Choose\"\n                                                    container_class=\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\" \n                                                    :options=\"module_type_options\" :multiple=\"false\" \n                                                />\n                                            </vs-col>\n                                        </vs-row>\n                                        <template v-if=\"line_filters.line_module_type == 'road_incident'\">\n                                            <vs-row :key=\"line_filters.line_module_type + 'ri'\">\n                                                <vs-col vs-xs=\"5\" vs-sm=\"5\">\n                                                    <h6>RI Sub Module</h6>\n                                                </vs-col>\n                                                <vs-col vs-xs=\"7\" vs-sm=\"7\">\n                                                    <InputSelect :model.sync=\"line_filters.line_road_incident_sub_type\"\n                                                        placeholder=\"Choose\" container_class=\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\"\n                                                        :options=\"road_incident_sub_type_options\" :multiple=\"false\" \n                                                    />\n                                                </vs-col>\n                                            </vs-row>\n                                        </template>\n                                        <template v-else-if=\"line_filters.line_module_type == 'major_maintenance'\">\n                                            <vs-row :key=\"line_filters.line_module_type + 'mm'\">\n                                                <vs-col vs-xs=\"5\" vs-sm=\"5\">\n                                                    <h6>MM Sub Module</h6>\n                                                </vs-col>\n                                                <vs-col vs-xs=\"7\" vs-sm=\"7\">\n                                                    <InputSelect :model.sync=\"line_filters.line_major_maintenance_sub_type\"\n                                                        placeholder=\"Choose\" container_class=\"w-auto d2-dropdown-alignment input-custom-dropdown mr-3\"\n                                                        :options=\"major_maintenance_sub_type_options\" :multiple=\"false\"\n                                                    />\n                                                </vs-col>\n                                            </vs-row>\n                                        </template>\n                                    </div>\n                                </div>\n                            </template>\n                            <LineChart :labels=\"line_labels\" :dataset=\"line_data\" legend_position=\"bottom\" :height=\"350\"\n                                :background_color=\"line_chart_background_color\" />\n                        </vx-card>\n                    </vs-col>\n                </vs-row>\n            </div>\n            <div v-else>\n                <div style=\"width: 100%;\">\n                    <!-- box count -->\n                    <vs-row class=\"space-btw-charts\">\n                        <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                            <div class=\"flex\">\n                                <div class=\"box-data-card\">\n                                    <vx-card>\n                                        <div class=\"box-data-alignment-d1\">\n                                            <span class=\"box-icon\"><font-awesome-icon :icon=\"carCrash\" /></span>\n                                            <div class=\"box-count\">\n                                                <span>Total Accident Free Hrs</span>\n                                                <h6 style=\"display: flex; justify-content: center;\">{{\n                                                    box_data.total_accident_free_hrs }}</h6>\n                                            </div>\n                                        </div>\n                                    </vx-card>\n                                </div>\n                                <div class=\"ml-2 box-data-card\">\n                                    <vx-card>\n                                        <div class=\"box-data-alignment-d1\">\n                                            <span class=\"box-icon\"><font-awesome-icon :icon=\"clipboardCheck\" /></span>\n                                            <div class=\"box-count\">\n                                                <span>Major Maintenance Carried Out</span>\n                                                <h6 style=\"display: flex; justify-content: center;\">{{\n                                                    box_data.total_mm_carried_out }}</h6>\n                                            </div>\n                                        </div>\n                                    </vx-card>\n                                </div>\n                                <div class=\"ml-2 box-data-card\">\n                                    <vx-card>\n                                        <div class=\"box-data-alignment-d1\">\n                                            <span class=\"box-icon\"><font-awesome-icon :icon=\"clipboardList\" /></span>\n                                            <div class=\"box-count\">\n                                                <span>Active Enroachment Issue</span>\n                                                <h6 style=\"display: flex; justify-content: center;\">{{\n                                                    box_data.active_enroachment_count }}</h6>\n                                            </div>\n                                        </div>\n                                    </vx-card>\n                                </div>\n                                <div class=\"ml-2 box-data-card\">\n                                    <vx-card>\n                                        <div class=\"box-data-alignment-d1\">\n                                            <span class=\"box-icon\"><font-awesome-icon :icon=\"shield\" /></span>\n                                            <div class=\"box-count\">\n                                                <span>Total Safety Program Conducted</span>\n                                                <h6 style=\"display: flex; justify-content: center;\">{{\n                                                    box_data.safety_program_conducted }}</h6>\n                                            </div>\n                                        </div>\n                                    </vx-card>\n                                </div>\n                                <div class=\"ml-2 box-data-card\">\n                                    <vx-card>\n                                        <div class=\"box-data-alignment-d1\">\n                                            <span class=\"box-icon\"><font-awesome-icon :icon=\"wallet\" /></span>\n                                            <div class=\"box-count\">\n                                                <span>Spent on Maintenance (Lakhs)</span>\n                                                <h6 style=\"display: flex; justify-content: center;\">{{\n                                                    (box_data.spent_on_maintenance/100000).toFixed(1) }}</h6>\n                                            </div>\n                                        </div>\n                                    </vx-card>\n                                </div>\n                            </div>\n                        </vs-col>\n                    </vs-row>\n                    <!-- pie chart  -->\n                    <vs-row class=\"space-btw-charts\">\n                        <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\" class=\"\">\n                            <vx-card class=\"widget\">\n                                <template slot=\"no-body\">\n                                    <div class=\"widget--heading\" style=\"justify-content: space-between;\">\n                                        <div class=\"mr-base\" style=\"display:flex; align-items: center;\">\n                                            <h5 class=\"mr-3\">Maintenance Type</h5>\n                                            <div class=\"right\">\n                                                <InputSelect :model.sync=\"pie_maintenance_sub_type\"\n                                                    placeholder=\"Select Chart\" container_class=\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\"\n                                                    :options=\"pie_maintenance_sub_type_options\" :multiple=\"false\" />\n                                            </div>\n                                        </div>\n                                        <div class=\"mr-base\" style=\"display:flex; align-items: center;\">\n                                            <h5 class=\"mr-3\">Road Incidents</h5>\n                                            <div class=\"right\">\n                                                <InputSelect :model.sync=\"pie_road_incident_sub_type\" placeholder=\"Select Chart\"\n                                                    container_class=\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\"\n                                                    :options=\"pie_road_incident_sub_type_options\" :multiple=\"false\" />\n                                            </div>\n                                        </div>\n                                        <div class=\"mr-base\" style=\"display:flex; align-items: center;\">\n                                            <h5 class=\"mr-3\">Enroachment/Safety</h5>\n                                            <div class=\"right\">\n                                                <InputSelect :model.sync=\"pie_enroachment_safety_sub_type\"\n                                                    placeholder=\"Select Chart\" container_class=\"w-auto d2-other-pie-dropdown-alignment input-custom-dropdown\"\n                                                    :options=\"pie_enroachment_safety_sub_type_options\" :multiple=\"false\" />\n                                            </div>\n                                        </div>\n                                    </div>\n                                </template>\n                                <div>\n                                    <div style=\"display: flex; justify-content: space-between;\">\n                                        <PieChart :labels=\"maintenance_type_pie_labels\" :dataset=\"maintenance_type_pie_data\"\n                                            :height=\"280\" :labels_background_color=\"pie_background_labels_five_status\" />\n    \n                                        <div class=\"vertical\"></div>\n    \n                                        <!-- road incident  -->\n                                        <PieChart :labels=\"road_incident_pie_labels\" :dataset=\"road_incident_pie_data\"\n                                            :height=\"280\" :labels_background_color=\"pie_background_labels_five_status\" />\n    \n                                        <div class=\"vertical\"></div>\n    \n                                        <!-- enroachment/safety  -->\n                                        <PieChart :labels=\"enroachment_safety_pie_labels\" :dataset=\"enroachment_safety_pie_data\"\n                                            :height=\"280\" :labels_background_color=\"pie_background_labels_five_status\" />\n                                    </div>\n                                    <div class=\"mt-base mb-3 d2-pie-legend\">\n                                        <div class=\"d2-pie-legend--container\">\n                                            <div style=\"background-color: #F76801;\"></div>\n                                            <p class=\"font-bold\">Awaiting Approval</p>\n                                        </div>\n                                        <div class=\"d2-pie-legend--container\">\n                                            <div style=\"background-color: #4FA0FF;\"></div>\n                                            <p class=\"font-bold\">Approval Rejected</p>\n                                        </div>\n                                        <div class=\"d2-pie-legend--container\">\n                                            <div style=\"background-color: #FFC276;\"></div>\n                                            <p class=\"font-bold\">Resolution Pending</p>\n                                        </div>\n                                        <div class=\"d2-pie-legend--container\">\n                                            <div style=\"background-color: #E49A2C;\"></div>\n                                            <p class=\"font-bold\">Resolution Rejected</p>\n                                        </div>\n                                        <div class=\"d2-pie-legend--container\">\n                                            <div style=\"background-color: #C1CD39;\"></div>\n                                            <p class=\"font-bold\">Resolution Completed</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </vx-card>\n                        </vs-col>\n                    </vs-row>\n                    <!-- bar chart  -->\n                    <vs-row class=\"space-btw-charts\">\n                        <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                            <vx-card class=\"widget pb-3\">\n                                <template slot=\"no-body\">\n                                    <div class=\"widget--heading\">\n                                        <h5>Bar Chart</h5>\n                                        <div class=\"flex right\">\n                                            <InputSelect :model.sync=\"bar_major_maintenance_sub_type\"\n                                                label=\"Major Maintenance Sub Module\" placeholder=\"Select Chart\"\n                                                container_class=\"w-auto d2-dropdown-alignment input-custom-dropdown mr-base\"\n                                                :options=\"major_maintenance_sub_type_options\" :multiple=\"false\" \n                                                :disabled=\"bar_road_incident_sub_type!==null\"\n                                            />\n                                            <InputSelect :model.sync=\"bar_road_incident_sub_type\"\n                                                label=\"Road Incident Sub Module\" placeholder=\"Select Chart\"\n                                                container_class=\"w-auto d2-dropdown-alignment input-custom-dropdown\"\n                                                :options=\"road_incident_sub_type_options\" :multiple=\"false\"\n                                                :disabled=\"bar_major_maintenance_sub_type!==null\"\n                                            />\n                                        </div>\n                                    </div>\n                                </template>\n                                <BarChart legend_position=\"bottom\" x_axis_title=\"Month/Year\" y_axis_title=\"No. of Issues\"\n                                    :labels_mode_background_color=\"bar_labels_mode_background_color\"\n                                    :labels_mode=\"bar_labels_mode\" :labels=\"bar_labels\" :dataset=\"bar_data\" :stacked=\"true\"\n                                    :height=\"320\" />\n                            </vx-card>\n                        </vs-col>\n                    </vs-row>\n                    <!-- line chart  -->\n                    <vs-row class=\"space-btw-charts\">\n                        <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                            <vx-card class=\"widget\">\n                                <template slot=\"no-body\">\n                                    <div class=\"widget--heading\">\n                                        <h5>Line Chart</h5>\n                                        <div class=\"flex right\">\n                                            <div style=\"min-width: 210px\">\n                                                <InputSelect :model.sync=\"line_filters.line_module_type\" label=\"Module Type\" placeholder=\"Choose\"\n                                                    container_class=\"w-auto input-custom-dropdown mr-3\" :options=\"module_type_options\" :multiple=\"false\" \n                                                />\n                                            </div>\n                                            <template v-if=\"line_filters.line_module_type == 'road_incident'\">\n                                                <div :key=\"line_filters.line_module_type + 'ri'\">\n                                                    <InputSelect :model.sync=\"line_filters.line_road_incident_sub_type\" label=\"Road Incident Sub Type\"\n                                                        placeholder=\"Choose\" container_class=\"w-auto input-custom-dropdown\"\n                                                        :options=\"road_incident_sub_type_options\" :multiple=\"false\" \n                                                    />\n                                                </div>\n                                            </template>    \n                                            <template v-else-if=\"line_filters.line_module_type == 'major_maintenance'\">\n                                                <div :key=\"line_filters.line_module_type + 'mm'\">\n                                                    <InputSelect :model.sync=\"line_filters.line_major_maintenance_sub_type\" label=\"Major Maintenance Sub Type\"\n                                                        placeholder=\"Choose\" container_class=\"w-auto input-custom-dropdown\"\n                                                        :options=\"major_maintenance_sub_type_options\" :multiple=\"false\"\n                                                    />\n                                                </div>\n                                            </template>\n                                        </div>\n                                    </div>\n                                </template>\n                                <LineChart :labels=\"line_labels\" :dataset=\"line_data\" legend_position=\"bottom\" :height=\"350\"\n                                    :background_color=\"line_chart_background_color\" />\n                            </vx-card>\n                        </vs-col>\n                    </vs-row>\n                </div>\n            </div>\n        </div>\n        <div v-else>\n            <PermissionDenied />\n        </div>\n    </div>\n</template>\n  \n<script>\nimport { faCarCrash, faClipboardList, faWallet, faClipboardCheck, faUserShield } from '@fortawesome/free-solid-svg-icons';\nimport SelectDate from '../components/letstream/ls-select-date/SelectDate.vue'\nimport moment from 'moment'\nimport { Request } from '../utils/requests'\nimport BarChart from '../views/charts/BarChart.vue'\nimport PieChart from './charts/PieChart.vue'\nimport MapChart from './charts/MapChart.vue'\nimport MapPopup from './charts/MapPopup.vue'\nimport LineChart from './charts/LineChart.vue'\n\nexport default {\n    components: {\n        BarChart,\n        PieChart,\n        SelectDate,\n        MapChart,\n        MapPopup,\n        LineChart\n    },\n    data() {\n        let now = new Date();\n        let current_year = now.getFullYear();\n\n        return {\n\n            // pie\n            pie_maintenance_sub_type_options: [\n                { value: 'major_maintenance', label: 'Major Maintenance' },\n                { value: 'routine_maintenance', label: 'Routine Maintenance' },\n                { value: 'electrical_maintenance', label: 'Electrical Maintenance' },\n                { value: 'highway', label: 'Corrective Maintenance' },\n            ],\n\n            pie_road_incident_sub_type_options: [\n                { value: 'road_user_accident', label: 'Road User Accident' },\n                { value: 'occupational', label: 'Occupational' },\n                { value: 'hazard', label: 'Hazard' },\n                { value: 'dead_animal_debris_removal', label: 'Dead Animal Debris Removal' },\n                { value: 'vehicle_breakdown', label: 'Vehicle Breakdown' },\n                { value: 'traffic_violation', label: 'Traffic Violation' },\n                { value: 'unauthorised_parking', label: 'Unauthorised Parking' },\n                { value: 'unauthorised_access', label: 'Unauthorised Access' },\n                { value: 'unauthorised_media_cut', label: 'Unauthorised Median Cut' },\n                { value: 'material_damage', label: 'Material Damage' },\n                { value: 'other', label: 'Other' },\n            ],\n\n            pie_enroachment_safety_sub_type_options: [\n                { value: 'enroachment_row', label: 'Enroachment Row' },\n                { value: 'safety_program', label: 'Safety Program' },\n            ],\n\n            module_type_options: [\n                { value: 'routine_maintenance', label: 'Routine Maintenance' },\n                { value: 'electrical_maintenance', label: 'Electrical Maintenance' },\n                { value: 'major_maintenance', label: 'Major Maintenance' },\n                { value: 'highway', label: 'Corrective Maintenance' },\n                { value: 'road_incident', label: 'Road Incident' },\n                { value: 'enroachment_row', label: 'Enroachment Row' },\n                { value: 'safety_program', label: 'Safety Program' },\n            ],\n\n            major_maintenance_sub_type_options: [\n                { value: 'main_issue', label: 'Main Issue' },\n                { value: 'mm_bituminous_concrete_overlay', label: 'Bituminous Concrete Overlay' },\n                { value: 'mm_dense_bituminous_concrete_overlay', label: 'Dense Bituminous Concrete Overlay' },\n                { value: 'mm_milling', label: 'Milling' },\n                { value: 'mm_thermoplastic_road_marking', label: 'Thermoplastic RoadMarking' },\n                { value: 'mm_shoulder_raising', label: 'Shoulder Raising' },\n                { value: 'mm_road_sruds_fixing', label: 'RoadSruds Fixing' },\n                { value: 'mm_kerb_topping', label: 'Kerb Topping' },\n                { value: 'mm_kerb_painting', label: 'Kerb Painting/Crash Barrier' },\n                { value: 'mm_microsurfacing', label: 'Micro Surfacing' },\n                { value: 'mm_tack_coat', label: 'Tack Coat' },\n            ],\n\n            road_incident_sub_type_options: [\n                { value: 'road_user_accident', label: 'Road User Accident' },\n                { value: 'occupational', label: 'Occupational' },\n                { value: 'hazard', label: 'Hazard' },\n                { value: 'dead_animal_debris_removal', label: 'Dead Animal Debris Removal' },\n                { value: 'vehicle_breakdown', label: 'Vehicle Breakdown' },\n                { value: 'traffic_violation', label: 'Traffic Violation' },\n                { value: 'unauthorised_parking', label: 'Unauthorised Parking' },\n                { value: 'unauthorised_access', label: 'Unauthorised Access' },\n                { value: 'unauthorised_media_cut', label: 'Unauthorised Median Cut' },\n                { value: 'material_damage', label: 'Material Damage' },\n                { value: 'other', label: 'Other' },\n            ],\n\n            api_errors: {},\n\n            filters: {\n                from_date: moment(new Date(`${current_year}-01-01`)).format('YYYY-MM-DD'),\n                to_date: moment(now).format('YYYY-MM-DD'),\n            },\n\n            // pie filter \n            pie_maintenance_sub_type: null,\n            pie_road_incident_sub_type: null,\n            pie_enroachment_safety_sub_type: null,\n\n            // bar filter\n            bar_major_maintenance_sub_type: null,\n            bar_road_incident_sub_type: null,\n\n            // box count data\n            box_data: {},\n\n            // pie count data\n            pie_background_labels_five_status: ['#F76801', '#4FA0FF', '#FFC276', '#E49A2C', '#C1CD39'],\n\n            maintenance_type_pie_labels: [],\n            maintenance_type_pie_data: [],\n\n            road_incident_pie_labels: [],\n            road_incident_pie_data: [],\n\n            enroachment_safety_pie_labels: [],\n            enroachment_safety_pie_data: [],\n\n            //bar data\n            bar_data: {},\n            bar_labels: [],\n            bar_labels_mode: {},\n            bar_labels_mode_background_color: {\n                'routine_maintenance': '#FFAF00',\n                'electrical_maintenance': '#FED600',\n                'major_maintenance': '#FFA775',\n                'corrective_maintenance': '#E4640A',\n                'road_incident': '#C27E18',\n                'enroachment_row': '#B70606',\n                'safety_program': '#BE9700',\n            },\n\n            // line data\n            line_chart_background_color: {},\n            line_labels: [],\n            line_data: {},\n            line_filters: {\n                line_module_type: null,\n                line_major_maintenance_sub_type: null,\n                line_road_incident_sub_type: null,\n            },\n\n        }\n    },\n    watch: {\n        filters: {\n            deep: true,\n            handler(newV) {\n                this.load_data();\n            }\n        },\n        pie_maintenance_sub_type(newV, oldV) {\n            if (newV == oldV) return\n\n            if (!this.validating_filters()) {\n                this.load_maintenance_type_pie_data()\n            }\n        },\n        pie_road_incident_sub_type(newV, oldV) {\n            if (newV == oldV) return\n\n            if (!this.validating_filters()) {\n                this.load_road_incident_pie_data()\n            }\n        },\n        pie_enroachment_safety_sub_type(newV, oldV) {\n            if (newV == oldV) return\n\n            if (!this.validating_filters()) {\n                this.load_enroachment_safety_pie_data()\n            }\n        },\n        bar_major_maintenance_sub_type(newV, oldV) {\n            if (newV == oldV) return\n\n            if (!this.validating_filters()) {\n                this.load_bar_data()\n            }\n        },\n        bar_road_incident_sub_type(newV, oldV) {\n            if (newV == oldV) return\n\n            if (!this.validating_filters()) {\n                this.load_bar_data()\n            }\n        },\n        line_filters: {\n            deep: true,\n            handler() {\n                this.load_line_data()\n            }\n        }\n    },\n    computed: {\n        carCrash: () => faCarCrash,\n        clipboardList: () => faClipboardList,\n        shield: () => faUserShield,\n        wallet: () => faWallet,\n        clipboardCheck: () => faClipboardCheck,\n        seePMDashboard() {\n            return this.hasAccess('read', 'pm_dashboard', 'all')\n        }\n    },\n    mounted() {\n        if(window.innerWidth >= 1200) {\n            this.$store.commit('UPDATE_SIDEBAR_ITEMS_MIN', true)\n            this.$store.commit('TOGGLE_REDUCE_BUTTON', true)\n            this.$store.dispatch('updateSidebarWidth', 'reduced')\n        }\n        if (this.$store.state.is_online && this.seePMDashboard) {\n            this.load_data()\n        }\n    },\n    beforeDestroy(){\n        if(window.innerWidth >= 1200) {\n            this.$store.commit('UPDATE_SIDEBAR_ITEMS_MIN', false)\n            this.$store.commit('TOGGLE_REDUCE_BUTTON', false)\n            this.$store.dispatch('updateSidebarWidth', 'default')\n        }\n    },\n    methods: {\n        validating_filters() {\n\n            if (!this.filters.from_date) {\n                this.api_errors = {\n                    \"from_date\": [\n                        \"Date from is required.\",\n                    ]\n                }\n                return true\n            }\n\n            if (!this.filters.to_date) {\n                this.api_errors = {\n                    \"to_date\": [\n                        \"Date to is required.\",\n                    ]\n                }\n                return true\n            }\n\n            if (this.filters.from_date > this.filters.to_date) {\n                this.api_errors = {\n                    \"from_date\": [\n                        \"should be less than to date.\",\n                    ]\n                }\n                return true\n            }\n\n            return false\n        },\n        load_data() {\n            if (!this.validating_filters()) {\n                this.load_box_data()\n                this.load_maintenance_type_pie_data()\n                this.load_road_incident_pie_data()\n                this.load_enroachment_safety_pie_data()\n                this.load_bar_data()\n                this.load_line_data()\n            }\n        },\n        // box data\n        load_box_data() {\n\n            let url = this.$store.state.apiendpoints.dashboard_stats_view2\n\n            let payload = {\n                'metric_type': 'box_count',\n            }\n\n            payload['from_date'] = this.filters.from_date\n            payload['to_date'] = this.filters.to_date\n\n            Request(this, 'GET', url, payload).then(\n                (res) => {\n                    this.box_data = res.chart_data.box_count\n                    this.api_errors = {}\n                },\n                (err) => {\n                    if (err.error) {\n                        this.api_errors = err.error\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: (err.error && err.error.__non_field_errors__) ? err.error.__non_field_errors__.join(',') : 'An Error Occured. Please Try Again',\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    } else {\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: \"Server error occured while loading charts. Please try again later.\",\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    }\n                }\n            )\n        },\n        //pie data\n        load_maintenance_type_pie_data() {\n\n            let url = this.$store.state.apiendpoints.dashboard_stats_view2\n\n            let payload = {\n                'metric_type': 'pie_count',\n                'module_type': 'maintenance_type'\n            }\n\n            payload['from_date'] = this.filters.from_date\n            payload['to_date'] = this.filters.to_date\n\n            if (this.pie_maintenance_sub_type) {\n                payload['pie_maintenance_sub_type'] = this.pie_maintenance_sub_type\n            }\n\n            Request(this, 'GET', url, payload).then(\n                (res) => {\n                    this.maintenance_type_pie_labels = res.chart_data.labels\n                    this.maintenance_type_pie_data = res.chart_data.count\n                    this.api_errors = {}\n                },\n                (err) => {\n                    if (err.error) {\n                        this.api_errors = err.error\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: (err.error && err.error.__non_field_errors__) ? err.error.__non_field_errors__.join(',') : 'An Error Occured. Please Try Again',\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    } else {\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: \"Server error occured while loading charts. Please try again later.\",\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    }\n                }\n            )\n        },\n        load_road_incident_pie_data() {\n\n            let url = this.$store.state.apiendpoints.dashboard_stats_view2\n\n            let payload = {\n                'metric_type': 'pie_count',\n                'module_type': 'road_incident'\n            }\n\n            payload['from_date'] = this.filters.from_date\n            payload['to_date'] = this.filters.to_date\n\n            if (this.pie_road_incident_sub_type) {\n                payload['pie_road_incident_sub_type'] = this.pie_road_incident_sub_type\n            }\n\n            Request(this, 'GET', url, payload).then(\n                (res) => {\n                    this.road_incident_pie_labels = res.chart_data.labels\n                    this.road_incident_pie_data = res.chart_data.count\n                    this.api_errors = {}\n                },\n                (err) => {\n                    if (err.error) {\n                        this.api_errors = err.error\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: (err.error && err.error.__non_field_errors__) ? err.error.__non_field_errors__.join(',') : 'An Error Occured. Please Try Again',\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    } else {\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: \"Server error occured while loading charts. Please try again later.\",\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    }\n                }\n            )\n        },\n        load_enroachment_safety_pie_data() {\n\n            let url = this.$store.state.apiendpoints.dashboard_stats_view2\n\n            let payload = {\n                'metric_type': 'pie_count',\n                'module_type': 'enroachment_safety'\n            }\n\n            payload['from_date'] = this.filters.from_date\n            payload['to_date'] = this.filters.to_date\n\n            if (this.pie_enroachment_safety_sub_type) {\n                payload['pie_enroachment_safety_sub_type'] = this.pie_enroachment_safety_sub_type\n            }\n\n            Request(this, 'GET', url, payload).then(\n                (res) => {\n                    this.enroachment_safety_pie_labels = res.chart_data.labels\n                    this.enroachment_safety_pie_data = res.chart_data.count\n                    this.api_errors = {}\n                },\n                (err) => {\n                    if (err.error) {\n                        this.api_errors = err.error\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: (err.error && err.error.__non_field_errors__) ? err.error.__non_field_errors__.join(',') : 'An Error Occured. Please Try Again',\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    } else {\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: \"Server error occured while loading charts. Please try again later.\",\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    }\n                }\n            )\n        },\n        // bar data\n        load_bar_data() {\n\n            let url = this.$store.state.apiendpoints.dashboard_stats_view2\n\n            let payload = {\n                'metric_type': 'bar_count',\n            }\n\n            payload['from_date'] = this.filters.from_date\n            payload['to_date'] = this.filters.to_date\n\n            if (this.bar_major_maintenance_sub_type) {\n                payload['bar_major_maintenance_sub_type'] = this.bar_major_maintenance_sub_type\n            }\n\n            if (this.bar_road_incident_sub_type) {\n                payload['bar_road_incident_sub_type'] = this.bar_road_incident_sub_type\n            }\n\n            Request(this, 'GET', url, payload).then(\n                (res) => {\n                    this.bar_labels = res.chart_data.labels || []\n\n                    this.prepare_bar_data(res)\n\n                    let labels_mode = {\n                        'routine_maintenance': 'Routine Maintenance',\n                        'electrical_maintenance': 'Electrical Maintenance',\n                        'major_maintenance': 'Major Maintenance',\n                        'corrective_maintenance': 'Corrective Maintenance',\n                        'road_incident': 'Road Incident',\n                        'enroachment_row': 'Enroachment Row',\n                        'safety_program': 'Safety Program',\n                    }\n\n                    this.bar_labels_mode = labels_mode\n                    this.api_errors = {}\n                },\n                (err) => {\n\n                    if (err.error) {\n                        this.api_errors = err.error\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: (err.error && err.error.__non_field_errors__) ? err.error.__non_field_errors__.join(',') : 'An Error Occured. Please Try Again',\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    } else {\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: \"Server error occured while loading charts. Please try again later.\",\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    }\n                }\n            )\n        },\n        prepare_bar_data(res) {\n\n            if (this.bar_major_maintenance_sub_type && this.bar_road_incident_sub_type ) {\n                let data = {\n                    'road_incident': res.chart_data.road_incident || [],\n                    'major_maintenance': res.chart_data.major_maintenance || [],\n                }\n                this.bar_data = data\n                \n            } else if (this.bar_road_incident_sub_type) {\n                let data = {\n                    'road_incident': res.chart_data.road_incident || [],\n                }\n                this.bar_data = data\n                \n            } else if (this.bar_major_maintenance_sub_type) {\n                let data = {\n                    'major_maintenance': res.chart_data.major_maintenance || [],\n                }\n                this.bar_data = data\n\n            } else {\n                let data = {\n                    'routine_maintenance': res.chart_data.routine_maintenance || [],\n                    'electrical_maintenance': res.chart_data.electrical_maintenance || [],\n                    'major_maintenance': res.chart_data.major_maintenance || [],\n                    'corrective_maintenance': res.chart_data.corrective_maintenance || [],\n                    'road_incident': res.chart_data.road_incident || [],\n                    'enroachment_row': res.chart_data.enroachment_row || [],\n                    'safety_program': res.chart_data.safety_program || [],\n                }\n\n                this.bar_data = data\n            }\n        },\n        // line data\n        load_line_data() {\n\n            let url = this.$store.state.apiendpoints.dashboard_stats_view2\n\n            let payload = {\n                'metric_type': 'line_count',\n            }\n\n            if (this.line_filters.line_module_type) {\n                payload['line_module_type'] = this.line_filters.line_module_type\n            }\n\n            if (this.line_filters.line_major_maintenance_sub_type) {\n                payload['line_major_maintenance_sub_type'] = this.line_filters.line_major_maintenance_sub_type\n            }\n\n            if (this.line_filters.line_road_incident_sub_type) {\n                payload['line_road_incident_sub_type'] = this.line_filters.line_road_incident_sub_type\n            }\n\n            Request(this, 'GET', url, payload).then(\n                (res) => {\n                    this.set_line_chart_background_color(Object.keys(res.chart_data.line_count.dataset))\n                    this.line_labels = res.chart_data.line_count.labels\n                    this.line_data = res.chart_data.line_count.dataset\n                    this.api_errors = {}\n                },\n                (err) => {\n                    if (err.error) {\n                        this.api_errors = err.error\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: (err.error && err.error.__non_field_errors__) ? err.error.__non_field_errors__.join(',') : 'An Error Occured. Please Try Again',\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    } else {\n                        this.$vs.notify({\n                            time: 2500,\n                            title: 'Error',\n                            text: \"Server error occured while loading charts. Please try again later.\",\n                            iconPack: 'feather',\n                            icon: 'icon-alert-circle',\n                            color: 'danger'\n                        })\n                    }\n                }\n            )\n        },\n        set_line_chart_background_color(years) {\n            this.line_chart_background_color[years[0]] = '#E2989F'\n            this.line_chart_background_color[years[1]] = '#F0A983'\n        }\n    }\n}\n</script>\n  \n<style lang=\"scss\">\n@mixin mobile {\n    @media only screen and (max-width: 768px) {\n        @content;\n    }\n}\n\n#dashboard2 {\n  \n  @include mobile {\n    .space-btw-charts {\n      margin-bottom: 3vh !important;\n    }\n\n    .d2-dropdown-alignment {\n      .vs--single .vs__selected {\n        max-width: 26vw !important;\n      }\n    }\n\n    .d2-other-pie-dropdown-alignment {\n        .vs--single .vs__selected {\n            max-width: 45vw !important;\n        } \n    }\n\n    .vs-col {\n      padding: 0px !important;\n    }\n\n    .widget--heading {\n        .input-custom-dropdown .vs__dropdown-toggle {\n            background-color: white;\n        }\n    }\n\n    .mobile-box-count {\n\n        .vx-card {\n            border-radius: 1rem;\n        }\n\n        .vx-card .vx-card__collapsible-content .vx-card__body {\n            padding-top: 1px !important;\n            padding-left: 8px !important;\n            padding-bottom: 10px !important;\n            padding-right: 5px !important;\n            min-height: 15vh;\n        }\n\n        span {\n            font-size: smaller;\n        }\n    }\n\n    .mobile_to_date {\n      .vdp-datepicker__calendar {\n        margin-left: -40vw\n      }\n    }\n    \n  }\n}\n\n.vs--single .vs__selected {\n    overflow: hidden !important;\n    max-width: 19.8ch !important;\n    white-space: nowrap !important;\n}\n\n.vs-tabs--ul {\n    box-shadow: none;\n}\n\n.vs-tabs-primary .line-vs-tabs {\n    box-shadow: none !important;\n}\n\n.vs-tabs--content {\n    padding: 2px 10px !important;\n}\n\n.custombox .vs-con-loading__container {\n    width: 78% !important;\n    margin: 0 auto !important;\n}\n\n.widget {\n    border-radius: 12px;\n\n    .vx-card__header {\n        padding-top: 0;\n    }\n\n    &--heading {\n        border-top-left-radius: 12px;\n        border-top-right-radius: 12px;\n        padding: 10px 10px;\n        display: flex;\n        align-items: center;\n        background-color: #CDCDCD;\n\n        h5 {\n            display: inline-flex;\n            margin: 0;\n            flex-grow: 1;\n        }\n\n        .right {\n            .input-custom-dropdown .vs__dropdown-toggle {\n                min-width: 170px;\n                background-color: white;\n            }\n        }\n    }\n}\n\n.box-data-card {\n    width: 19.5% !important;\n\n    .vx-card .vx-card__collapsible-content .vx-card__body {\n        padding: 0.8rem !important;\n    }\n}\n\n.box-data-alignment-d1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 12vh;\n\n    .box-icon {\n        width: 70px;\n        height: 65px;\n        border-radius: 15px;\n        background-color: #FFF7F4;\n        color: #FF6B07;\n        font-size: 1.8rem;\n        font-weight: 600 !important;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .box-count {\n        display: flex;\n        flex-direction: column;\n        margin-left: 8px;\n    }\n\n    .box-count span {\n        font-size: 0.8rem;\n        font-weight: 600;\n        color: #A8B1CA;\n    }\n\n    .box-count h6 {\n        font-size: 1.5rem;\n        margin-top: 5px;\n    }\n}\n\n.vertical {\n    border-left: 3px solid #D9D9D9;\n    height: 280px;\n}\n\n.d2-dropdown-alignment {\n    .vs--single .vs__selected {\n        overflow: hidden !important;\n        max-width: 12vw!important;\n        white-space: nowrap !important;\n    }\n\n    .vs__selected-options {\n        flex-wrap: nowrap;\n    }\n}\n\n.d2-other-pie-dropdown-alignment {\n    @extend .d2-dropdown-alignment;\n\n    .vs--single .vs__selected {\n        max-width: 9vw!important;\n    }\n}\n\n.space-btw-charts {\n    margin-bottom: 5vh;\n}\n\n.d2-pie-legend {\n    display: flex; \n    justify-content: center; \n    align-items: center; \n    flex-wrap: wrap;\n\n    &--container {\n        display: flex; \n        justify-content: center; \n        align-items: center;\n        margin-right: 12px;\n        margin-bottom: 6px;\n\n        div {\n            width: 15px;\n            height: 15px;\n            border-radius: 4px;\n            margin-right: 2px;\n        }\n\n        p {\n            font-size: 12px;\n            font-weight: 600;\n        }\n    }\n}\n</style>\n<style type=\"text/css\" media=\"screen, projection\">@import url(https://s3.amazonaws.com/assets.freshdesk.com/widget/freshwidget.css);</style>  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard2.vue?vue&type=template&id=8e1f8722&\"\nimport script from \"./Dashboard2.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard2.vue?vue&type=style&index=0&id=8e1f8722&prod&lang=scss&\"\nimport style1 from \"./Dashboard2.vue?vue&type=style&index=1&id=8e1f8722&prod&media=screen%2C%20projection&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',[_c('canvas',{ref:\"lineChart\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <canvas ref=\"lineChart\"></canvas>\n    </div>\n</template>\n  \n<script>\nimport Chart from 'chart.js/auto';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\n\nexport default {\n    props: {\n        labels: {\n            required: true,\n            type: Array\n        },\n        dataset: {\n            required: true,\n            type: Object\n        },\n        legend_position: {\n            required: false,\n            type: String || null,\n            default: null\n        },\n        height: {\n            required: false,\n            type: Number,\n            default: 380\n        },\n        background_color: {\n            type: Object,\n            required: false\n        }\n    },\n    mounted() {\n        this.renderChart()\n        this.setHeight()\n    },\n    watch: {\n        dataset(newV, oldV) {\n            if (newV == oldV) return\n            this.updateChart()\n        },\n        labels(newV, oldV) {\n            if (newV == oldV) return\n            this.updateChart()\n        }\n    },\n    methods: {\n        updateChart() {\n            this._lineChart.destroy();\n            this.renderChart()\n            this.setHeight()\n        },\n        renderChart() {\n            this._lineChart = new Chart(\n                this.$refs.lineChart,\n                {\n                    type: 'line',\n                    plugins: [ChartDataLabels],\n                    options: {\n                        maintainAspectRatio: false,\n                        animation: true,\n                        responsive: true,\n                        plugins: {\n                            legend: {\n                                display: true,\n                                position: this.legend_position,\n                                labels: {\n                                    usePointStyle: true,\n                                    pointStyle: 'rectRounded',\n                                    font: {\n                                        weight: 'bold',\n                                        size: 13,\n                                    }\n                                }\n                            },\n                            tooltip: {\n                                enabled: true\n                            },\n                            datalabels: {\n                                borderRadius: 4,\n                                backgroundColor: function(context) {\n                                    return context.dataset.backgroundColor;\n                                },\n                                color: 'black',\n                                display: function (context) {\n                                    let val = context.dataset.data[context.dataIndex]                                    \n                                    if (val == 0) return false\n                                    return true\n                                },\n                                font: {\n                                    size: 13,\n                                    weight: 'bold'\n                                },\n                            }\n                        },\n                    },\n                    data: this.prepareDataset()\n                }\n            );\n        },\n        prepareDataset() {\n            let result = []\n            Object.keys(this.dataset).forEach(key => {\n                let temp_payload = {\n                    label: key || 'Unknown',\n                    data: this.dataset[key],\n                    hoverOffset: 4,\n                    backgroundColor: this.background_color ? this.background_color[key] : 'rgba(' + this.getRandomValue() + ', ' + this.getRandomValue() + ', ' + this.getRandomValue() + ', 0.8)',\n                    borderColor: this.background_color ? this.background_color[key] : 'rgba(' + this.getRandomValue() + ', ' + this.getRandomValue() + ', ' + this.getRandomValue() + ', 0.8)',\n                }\n                result.push(temp_payload)\n            })\n\n            return {\n                labels: this.labels,\n                datasets: result\n            }\n        },\n        // Function to generate a random color value (0-255)\n        getRandomValue() {\n            return Math.floor(Math.random() * 256);\n        },\n        setHeight(){\n            const lineChart = this.$refs.lineChart\n            const chartHeight = this.height ? this.height : 380;\n            lineChart.style.height = `${chartHeight}px`;\n        }\n    }\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LineChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LineChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LineChart.vue?vue&type=template&id=2341b298&\"\nimport script from \"./LineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./LineChart.vue?vue&type=script&lang=js&\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard2.vue?vue&type=style&index=0&id=8e1f8722&prod&lang=scss&\""],"sourceRoot":""}