{"version":3,"sources":["webpack:///./src/assets/images/icon/icon-grafik.png","webpack:///./src/views/reports/components/SummaryCard.vue","webpack:///src/views/reports/components/SummaryCard.vue","webpack:///./src/views/reports/components/SummaryCard.vue?159c","webpack:///./src/views/reports/components/SummaryCard.vue?9ec2","webpack:///./node_modules/core-js/modules/_string-pad.js","webpack:///./src/views/reports/components/OccupancyChart.vue","webpack:///src/views/reports/components/OccupancyChart.vue","webpack:///./src/views/reports/components/OccupancyChart.vue?fc58","webpack:///./src/views/reports/components/OccupancyChart.vue?1e77","webpack:///./node_modules/core-js/modules/es6.regexp.flags.js","webpack:///./node_modules/core-js/modules/_string-html.js","webpack:///./src/views/reports/components/StatisticBox.vue?00c1","webpack:///./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack:///./src/views/reports/components/SummaryCard.vue?7e48","webpack:///./node_modules/core-js/modules/es6.regexp.to-string.js","webpack:///./src/views/custom_report/detail.vue?16ee","webpack:///./src/views/custom_report/custom_report_bottom.vue?9beb","webpack:///./src/views/reports/components/StatisticBox.vue","webpack:///src/views/reports/components/StatisticBox.vue","webpack:///./src/views/reports/components/StatisticBox.vue?b19c","webpack:///./src/views/reports/components/StatisticBox.vue?6176","webpack:///./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js","webpack:///./node_modules/core-js/modules/_string-repeat.js","webpack:///./node_modules/core-js/modules/_own-keys.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./src/views/reports/components/CountingChart.vue?29ea","webpack:///./node_modules/core-js/modules/es6.string.link.js","webpack:///./src/views/reports/components/CountingChart.vue","webpack:///src/views/reports/components/CountingChart.vue","webpack:///./src/views/reports/components/CountingChart.vue?3090","webpack:///./src/views/reports/components/CountingChart.vue?288d","webpack:///./node_modules/core-js/modules/_create-property.js","webpack:///./node_modules/core-js/modules/es7.string.pad-start.js","webpack:///./src/views/custom_report/detail.vue","webpack:///./src/views/custom_report/custom_report_bottom.vue","webpack:///src/views/custom_report/custom_report_bottom.vue","webpack:///./src/views/custom_report/custom_report_bottom.vue?b330","webpack:///./src/views/custom_report/custom_report_bottom.vue?97b1","webpack:///src/views/custom_report/detail.vue","webpack:///./src/views/custom_report/detail.vue?30f1","webpack:///./src/views/custom_report/detail.vue?280d"],"names":["module","exports","render","_vm","this","_c","_self","reportBuilt","staticClass","_l","vehicles","vehicle","index","key","class","getCardWidthClass","getCardBorderClass","type","attrs","icon","_v","_s","title","shouldDisplayDonutChart","chartSeries","data","calculateTotal","inCount","outCount","getTotalCountingWidthClass","totalDatas","totalInData","totalOutData","_e","staticRenderFns","props","computed","_this","filter","site","sum","slice","reduce","accumulator","currentValue","total","forEach","category","name","includes","lastNonZeroIndex","lastIndexOf","find","value","acc","methods","console","log","length","inData","item","concat","outData","lastNonZeroIndexIn","lastNonZeroIndexOut","totalVisibleCards","component","toLength","repeat","defined","that","maxLength","fillString","left","S","String","stringLength","fillStr","undefined","intMaxLength","fillLen","stringFiller","call","Math","ceil","charts","chart","idx","chartOptions","series","lists","dummyData","components","VueApexCharts","beforeMount","mounted","buildChartData","map","x","_objectSpread","colors","plotOptions","bar","horizontal","endingShape","columnWidth","dataLabels","enabled","stroke","show","width","stacked","toolbar","xaxis","categories","yaxis","text","fill","opacity","tooltip","y","formatter","val","abs","push","flags","f","RegExp","prototype","configurable","get","$export","fails","quot","createHTML","string","tag","attribute","p1","replace","NAME","exec","O","P","F","test","toLowerCase","split","_typeof","o","Symbol","iterator","constructor","anObject","$flags","DESCRIPTORS","TO_STRING","$toString","define","fn","source","R","countTotal","totalPerson","totalCar","totalMotorcycle","totalOtherVehicle","countIn","inPerson","inCar","inMotorcycle","inOtherVehicle","countOut","outPerson","outCar","outMotorcycle","outOtherVehicle","on","$event","showPopupSelectDateReport","directives","rawName","showPrint","expression","printChart","validInputReport","cancelExport","submitExportCsv","disabledDates","model","datestart","callback","$$v","dateend","from","Date","Datepicker","toggleChart","$emit","window","print","ownKeys","toIObject","gOPD","createProperty","getOwnPropertyDescriptors","object","desc","getDesc","keys","result","i","toInteger","count","str","res","n","Infinity","RangeError","gOPN","gOPS","Reflect","it","getSymbols","_toPrimitive","input","hint","prim","toPrimitive","TypeError","Number","_toPropertyKey","arg","_defineProperty","obj","Object","defineProperty","enumerable","writable","url","chartsInOut","getVehicleTypeClass","buildChartDataInOut","vehicleType","filteredSeries","hidePerson","filteredLabels","labels","label","minWidth","toFixed","markers","size","_this2","seriesData","vehicleTypes","inDataItem","outDataItem","prependZero","s","$defineProperty","createDesc","$pad","userAgent","WEBKIT_BUG","padStart","arguments","selectedCustomReport","reportName","breadcrumb","$route","isBreadCrumbSite","link","isBreadCrumbArea","area","isBreadCrumbCamera","camera","staticStyle","siteLists","eventLists","event","disableSearch","dateSelectLists","dateSelected","code","timerangeLists","timerange","notAferToday","daterange","preventDefault","buildReport","apply","summaryData","showReport","require","showBottomLists","bottomTitle","nextLink","statisticsData","datas","scopedSlots","_u","_ref","camName","ipAddress","slot","required","Array","next","occupancy","Boolean","default","home","active","goToNextStep","oldBC","localStorage","getItem","oldBCObj","JSON","parse","id","setItem","stringify","$router","detail","disabledDateAfter","searchQuery","DatePicker","vSelect","ReportBottomLists","StatisticBox","OccupancyChart","CountingChart","SummaryCard","selectedCustomReportStore","checkRoute","getSiteLists","getEventLists","getChartData","getReportData","reportSearch","reportSearchParsed","startdate","enddate","isBreadCrumbHome","apiReportDetailCsv","reportModel","customReportId","params","chartModel","siteId","rangeParam","rawStartMonth","getMonth","startMonth","toString","startDate","getDate","rawEndMonth","endMonth","endDate","getFullYear","date","setHours","openCustomReport","$store","state","sites","$vs","loading","api","siteName","then","status","close","catch","e","events","filteredEventLists","parameterEventId","dispatch","downloadCsvDailyReport","_this3","qParams","moment","start","format","end","reportData","itemsFormatted","nameLabel","headers","inPersom","inMotor","inOther","inTotal","outPersom","outMotor","outOther","outTotal","rData","areaName","cameraName","totalIn","totalOut","now","fileTitle","exportCSVFile","_this4","getCustomReportGrafik","_this5","getCameraCustomReportSelection"],"mappings":"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","file":"js/chunk-37e2778e.2430eda4.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/icon-grafik.a39f1de0.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.reportBuilt)?_c('div',[_c('div',{staticClass:\"vx-row\"},[_vm._l((_vm.vehicles),function(vehicle,index){return _c('div',{key:index,class:_vm.getCardWidthClass()},[_c('vx-card',{class:_vm.getCardBorderClass(vehicle.type)},[_c('font-awesome-icon',{attrs:{\"icon\":vehicle.icon,\"size\":\"2xl\"}}),_c('div',{staticClass:\"summary-title\"},[_vm._v(_vm._s(vehicle.title))]),(_vm.shouldDisplayDonutChart())?_c('div',{staticClass:\"h5\"},[_vm._v(\"\\n          \"+_vm._s(_vm.chartSeries[0].data[index] || 0)+\"\\n        \")]):_c('div',{staticClass:\"h5\"},[_vm._v(\"\\n          In: \"+_vm._s(_vm.calculateTotal(vehicle.type).inCount)+\" Out:\\n          \"+_vm._s(_vm.calculateTotal(vehicle.type).outCount)+\"\\n        \")])],1)],1)}),_c('div',{class:_vm.getTotalCountingWidthClass()},[_c('vx-card',{staticClass:\"border-left-yellow\"},[_c('div',{staticClass:\"summary-title large\"},[_vm._v(\"Total Counting\")]),(_vm.shouldDisplayDonutChart())?_c('div',{staticClass:\"h5\"},[_vm._v(\"\\n          \"+_vm._s(_vm.totalDatas)+\"\\n        \")]):_c('div',{staticClass:\"h5\"},[_vm._v(\"\\n          In: \"+_vm._s(_vm.totalInData)+\" Out: \"+_vm._s(_vm.totalOutData)+\"\\n        \")])])],1)],2)]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"reportBuilt\">\r\n    <div class=\"vx-row\">\r\n      <div\r\n        v-for=\"(vehicle, index) in vehicles\"\r\n        :key=\"index\"\r\n        :class=\"getCardWidthClass()\"\r\n      >\r\n        <vx-card :class=\"getCardBorderClass(vehicle.type)\">\r\n          <font-awesome-icon :icon=\"vehicle.icon\" size=\"2xl\" />\r\n          <div class=\"summary-title\">{{ vehicle.title }}</div>\r\n          <div class=\"h5\" v-if=\"shouldDisplayDonutChart()\">\r\n            {{ chartSeries[0].data[index] || 0 }}\r\n          </div>\r\n          <div class=\"h5\" v-else>\r\n            In: {{ calculateTotal(vehicle.type).inCount }} Out:\r\n            {{ calculateTotal(vehicle.type).outCount }}\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n      <div :class=\"getTotalCountingWidthClass()\">\r\n        <vx-card class=\"border-left-yellow\">\r\n          <div class=\"summary-title large\">Total Counting</div>\r\n          <div class=\"h5\" v-if=\"shouldDisplayDonutChart()\">\r\n            {{ totalDatas }}\r\n          </div>\r\n          <div class=\"h5\" v-else>\r\n            In: {{ totalInData }} Out: {{ totalOutData }}\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: [\"chartSeries\", \"site\", \"reportBuilt\"],\r\n  data() {\r\n    return {\r\n      // siteId: this.site,\r\n    };\r\n  },\r\n  computed: {\r\n    vehicles() {\r\n      return [\r\n        { type: \"Car\", icon: \"fa-solid fa-car\", title: \"Car\" },\r\n        {\r\n          type: \"Motorcycle\",\r\n          icon: \"fa-solid fa-motorcycle\",\r\n          title: \"Motorcycle\",\r\n        },\r\n        {\r\n          type: \"Other Vehicle\",\r\n          icon: \"fa-solid fa-truck\",\r\n          title: \"Other Vehicle\",\r\n        },\r\n        { type: \"Person\", icon: \"fa-solid fa-person\", title: \"Person\" },\r\n      ].filter((vehicle) => vehicle.type !== \"Person\" || this.site !== 36);\r\n    },\r\n    // totalDatas() {\r\n    //   var sum = this.chartSeries[0].data.reduce((accumulator, currentValue) => {\r\n    //     return accumulator + currentValue;\r\n    //   }, 0);\r\n    //   return sum;\r\n    // },\r\n    totalDatas() {\r\n      var sum = 0;\r\n      if (this.site === 36) {\r\n        sum = this.chartSeries[0].data\r\n          .slice(0, -1)\r\n          .reduce((accumulator, currentValue) => {\r\n            return accumulator + currentValue;\r\n          }, 0);\r\n      } else {\r\n        sum = this.chartSeries[0].data.reduce((accumulator, currentValue) => {\r\n          return accumulator + currentValue;\r\n        }, 0);\r\n      }\r\n      return sum;\r\n    },\r\n    // totalInData() {\r\n    //   return this.chartSeries.reduce(\r\n    //     (total, category) =>\r\n    //       category.name.includes(\"In\") ? total + category.data[1] : total,\r\n    //     0\r\n    //   );\r\n    // },\r\n    // totalOutData() {\r\n    //   return this.chartSeries.reduce(\r\n    //     (total, category) =>\r\n    //       category.name.includes(\"Out\") ? total + category.data[1] : total,\r\n    //     0\r\n    //   );\r\n    // },\r\n    // totalInData() {\r\n    //   if (this.site === 36) {\r\n    //     return this.chartSeries.reduce((total, category) => {\r\n    //       if (category.name.includes(\"In\") && category.name !== \"Person In\") {\r\n    //         return total + category.data[1];\r\n    //       }\r\n    //       return total;\r\n    //     }, 0);\r\n    //   } else {\r\n    //     return this.chartSeries.reduce(\r\n    //       (total, category) =>\r\n    //         category.name.includes(\"In\") ? total + category.data[1] : total,\r\n    //       0\r\n    //     );\r\n    //   }\r\n    // },\r\n    // totalOutData() {\r\n    //   if (this.site === 36) {\r\n    //     return this.chartSeries.reduce((total, category) => {\r\n    //       if (category.name.includes(\"Out\") && category.name !== \"Person Out\") {\r\n    //         return total + category.data[1];\r\n    //       }\r\n    //       return total;\r\n    //     }, 0);\r\n    //   } else {\r\n    //     return this.chartSeries.reduce(\r\n    //       (total, category) =>\r\n    //         category.name.includes(\"Out\") ? total + category.data[1] : total,\r\n    //       0\r\n    //     );\r\n    //   }\r\n    // },\r\n    totalInData() {\r\n      let total = 0;\r\n      if (this.site === 36) {\r\n        this.chartSeries.forEach((category) => {\r\n          if (category.name.includes(\"In\") && category.name !== \"Person In\") {\r\n            const lastNonZeroIndex = category.data.lastIndexOf(\r\n              category.data.find((value) => value !== 0)\r\n            );\r\n            if (lastNonZeroIndex !== -1) {\r\n              total += category.data\r\n                .slice(lastNonZeroIndex)\r\n                .reduce((acc, value) => acc + value, 0);\r\n            }\r\n          }\r\n        });\r\n      } else {\r\n        this.chartSeries.forEach((category) => {\r\n          if (category.name.includes(\"In\")) {\r\n            const lastNonZeroIndex = category.data.lastIndexOf(\r\n              category.data.find((value) => value !== 0)\r\n            );\r\n            if (lastNonZeroIndex !== -1) {\r\n              total += category.data\r\n                .slice(lastNonZeroIndex)\r\n                .reduce((acc, value) => acc + value, 0);\r\n            }\r\n          }\r\n        });\r\n      }\r\n      return total;\r\n    },\r\n    totalOutData() {\r\n      let total = 0;\r\n      if (this.site === 36) {\r\n        this.chartSeries.forEach((category) => {\r\n          if (category.name.includes(\"Out\") && category.name !== \"Person Out\") {\r\n            const lastNonZeroIndex = category.data.lastIndexOf(\r\n              category.data.find((value) => value !== 0)\r\n            );\r\n            if (lastNonZeroIndex !== -1) {\r\n              total += category.data\r\n                .slice(lastNonZeroIndex)\r\n                .reduce((acc, value) => acc + value, 0);\r\n            }\r\n          }\r\n        });\r\n      } else {\r\n        this.chartSeries.forEach((category) => {\r\n          if (category.name.includes(\"Out\")) {\r\n            const lastNonZeroIndex = category.data.lastIndexOf(\r\n              category.data.find((value) => value !== 0)\r\n            );\r\n            if (lastNonZeroIndex !== -1) {\r\n              total += category.data\r\n                .slice(lastNonZeroIndex)\r\n                .reduce((acc, value) => acc + value, 0);\r\n            }\r\n          }\r\n        });\r\n      }\r\n      return total;\r\n    },\r\n  },\r\n  methods: {\r\n    getTotalCountingWidthClass() {\r\n      return this.site == 36\r\n        ? \"vx-col w-full md:w-1/2 lg:w-1/3 xl:w-1/4 mb-5\"\r\n        : \"vx-col w-full md:w-1/2 lg:w-1/3 xl:w-1/5 mb-5\";\r\n    },\r\n    // shouldDisplayDonutChart() {\r\n    //   console.log(\"site:\", this.site);\r\n    //   return this.chartSeries[0].name.includes(\"Data Donut\");\r\n    // },\r\n    shouldDisplayDonutChart() {\r\n      console.log(\"site:\", this.site);\r\n      if (this.chartSeries.length > 0 && this.chartSeries[0].name) {\r\n        return this.chartSeries[0].name.includes(\"Data Donut\");\r\n      }\r\n      return false;\r\n    },\r\n    // calculateTotal(category) {\r\n    //   const inData = this.chartSeries.find(\r\n    //     (item) => item.name === `${category} In`\r\n    //   );\r\n    //   const outData = this.chartSeries.find(\r\n    //     (item) => item.name === `${category} Out`\r\n    //   );\r\n    //   const inCount = inData ? inData.data[1] : 0;\r\n    //   const outCount = outData ? outData.data[1] : 0;\r\n    //   return { inCount, outCount };\r\n    // },\r\n    calculateTotal(category) {\r\n      const inData = this.chartSeries.find(\r\n        (item) => item.name === `${category} In`\r\n      );\r\n      const outData = this.chartSeries.find(\r\n        (item) => item.name === `${category} Out`\r\n      );\r\n\r\n      let inCount = 0;\r\n      let outCount = 0;\r\n\r\n      // Find the index of the last non-zero value in the data array\r\n      let lastNonZeroIndexIn = inData\r\n        ? inData.data.lastIndexOf(inData.data.find((value) => value !== 0))\r\n        : -1;\r\n      let lastNonZeroIndexOut = outData\r\n        ? outData.data.lastIndexOf(outData.data.find((value) => value !== 0))\r\n        : -1;\r\n\r\n      // Sum only from the last non-zero value onwards\r\n      if (lastNonZeroIndexIn !== -1) {\r\n        inCount = inData.data\r\n          .slice(lastNonZeroIndexIn)\r\n          .reduce((total, value) => total + value, 0);\r\n      }\r\n\r\n      if (lastNonZeroIndexOut !== -1) {\r\n        outCount = outData.data\r\n          .slice(lastNonZeroIndexOut)\r\n          .reduce((total, value) => total + value, 0);\r\n      }\r\n\r\n      return { inCount, outCount };\r\n    },\r\n\r\n    getCardWidthClass() {\r\n      const totalVisibleCards = this.vehicles.length + 1;\r\n      switch (totalVisibleCards) {\r\n        case 1:\r\n          return \"vx-col w-full\";\r\n        case 2:\r\n          return \"vx-col w-full md:w-1/2\";\r\n        case 3:\r\n          return \"vx-col w-full md:w-1/2 lg:w-1/3\";\r\n        case 4:\r\n          return \"vx-col w-full md:w-1/2 lg:w-1/4\";\r\n        default:\r\n          return \"vx-col w-full md:w-1/2 lg:w-1/3 xl:w-1/5\";\r\n      }\r\n    },\r\n    getCardBorderClass(type) {\r\n      switch (type) {\r\n        case \"Car\":\r\n          return \"border-left-blue\";\r\n        case \"Motorcycle\":\r\n          return \"border-left-red\";\r\n        case \"Other Vehicle\":\r\n          return \"border-left-grey\";\r\n        case \"Person\":\r\n          return \"border-left-green\";\r\n        default:\r\n          return \"\";\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.border-left-blue {\r\n  border-left: 4px solid #4e73df;\r\n}\r\n\r\n.border-left-blue svg path {\r\n  fill: #4e73df;\r\n}\r\n\r\n.border-left-red {\r\n  border-left: 4px solid #e74a3a;\r\n}\r\n\r\n.border-left-red svg path {\r\n  fill: #e74a3a;\r\n}\r\n\r\n.border-left-grey {\r\n  border-left: 4px solid #848796;\r\n}\r\n\r\n.border-left-grey svg path {\r\n  fill: #848796;\r\n}\r\n\r\n.border-left-green {\r\n  border-left: 4px solid #1bc88a;\r\n}\r\n\r\n.border-left-green svg path {\r\n  fill: #1bc88a;\r\n}\r\n\r\n.border-left-yellow {\r\n  border-left: 4px solid #f7c446;\r\n}\r\n\r\n.summary-title {\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  padding: 4px 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.total-text {\r\n  font-size: 23px;\r\n}\r\n\r\n.summary-title.large {\r\n  font-size: 14px;\r\n  margin-top: 25px;\r\n}\r\n</style>\r\n","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!./SummaryCard.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!./SummaryCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SummaryCard.vue?vue&type=template&id=c41cbe38&scoped=true\"\nimport script from \"./SummaryCard.vue?vue&type=script&lang=js\"\nexport * from \"./SummaryCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./SummaryCard.vue?vue&type=style&index=0&id=c41cbe38&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c41cbe38\",\n  null\n  \n)\n\nexport default component.exports","// https://github.com/tc39/proposal-string-pad-start-end\nvar toLength = require('./_to-length');\nvar repeat = require('./_string-repeat');\nvar defined = require('./_defined');\n\nmodule.exports = function (that, maxLength, fillString, left) {\n  var S = String(defined(that));\n  var stringLength = S.length;\n  var fillStr = fillString === undefined ? ' ' : String(fillString);\n  var intMaxLength = toLength(maxLength);\n  if (intMaxLength <= stringLength || fillStr == '') return S;\n  var fillLen = intMaxLength - stringLength;\n  var stringFiller = repeat.call(fillStr, Math.ceil(fillLen / fillStr.length));\n  if (stringFiller.length > fillLen) stringFiller = stringFiller.slice(0, fillLen);\n  return left ? stringFiller + S : S + stringFiller;\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._l((_vm.charts),function(chart,idx){return _c('div',{key:idx,staticClass:\"vx-col w-full mb-12\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(chart.name))]),_c('vue-apex-charts',{attrs:{\"height\":\"300\",\"options\":chart.chartOptions,\"series\":chart.chart.series}})],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div v-for=\"(chart, idx) in charts\" :key=\"idx\" class=\"vx-col w-full mb-12\">\r\n            <div class=\"title\">{{ chart.name }}</div>\r\n            <vue-apex-charts height=\"300\" :options=\"chart.chartOptions\" :series=\"chart.chart.series\"></vue-apex-charts>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from \"vue-apexcharts\";\r\n\r\nimport dummyData from '../chart.json';\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            lists: [],\r\n            charts: [],\r\n        }\r\n    },\r\n    computed: {\r\n        dummyData() {\r\n            return dummyData\r\n        },\r\n    },\r\n    components: {\r\n        VueApexCharts\r\n    },\r\n    beforeMount() {\r\n        this.lists = this.dummyData.data\r\n    },\r\n    mounted() {\r\n        this.buildChartData()\r\n    },\r\n    methods: {\r\n        buildChartData() {\r\n            this.lists.map((x) => {\r\n                const chart = {\r\n                    ...x,\r\n                    chartOptions: {\r\n                        colors: [\"#28C76F\", \"#EA5455\", \"#FF9F43\", \"#1E1E1E\"],\r\n                        plotOptions: {\r\n                            bar: {\r\n                                horizontal: false,\r\n                                endingShape: \"rounded\",\r\n                                columnWidth: \"20%\",\r\n                            },\r\n                        },\r\n                        dataLabels: {\r\n                            enabled: false,\r\n                        },\r\n                        stroke: {\r\n                            show: true,\r\n                            width: 2,\r\n                            colors: [\"transparent\"],\r\n                        },\r\n                        chart: {\r\n                            stacked: true,\r\n                            type: \"bar\",\r\n                            toolbar: { show: false },\r\n                        },\r\n                        xaxis: {\r\n                            categories: x.chart.categories,\r\n                        },\r\n                        yaxis: {\r\n                            title: {\r\n                                text: \"Unit\",\r\n                            },\r\n                        },\r\n                        fill: {\r\n                            opacity: 1,\r\n                        },\r\n                        tooltip: {\r\n                            y: {\r\n                                formatter: function (val) {\r\n                                    return Math.abs(val);\r\n                                },\r\n                            },\r\n                        },\r\n                    },\r\n                }\r\n                this.charts.push(chart);\r\n            });\r\n        },\r\n    }\r\n}\r\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!./OccupancyChart.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!./OccupancyChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OccupancyChart.vue?vue&type=template&id=630c1752\"\nimport script from \"./OccupancyChart.vue?vue&type=script&lang=js\"\nexport * from \"./OccupancyChart.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","// 21.2.5.3 get RegExp.prototype.flags()\nif (require('./_descriptors') && /./g.flags != 'g') require('./_object-dp').f(RegExp.prototype, 'flags', {\n  configurable: true,\n  get: require('./_flags')\n});\n","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n  var S = String(defined(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\nmodule.exports = function (NAME, exec) {\n  var O = {};\n  O[NAME] = exec(createHTML);\n  $export($export.P + $export.F * fails(function () {\n    var test = ''[NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  }), 'String', O);\n};\n","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/dist/cjs.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!./StatisticBox.vue?vue&type=style&index=0&id=7a195374&prod&lang=scss&scoped=true\"","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}","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!./SummaryCard.vue?vue&type=style&index=0&id=c41cbe38&prod&scoped=true&lang=css\"","'use strict';\nrequire('./es6.regexp.flags');\nvar anObject = require('./_an-object');\nvar $flags = require('./_flags');\nvar DESCRIPTORS = require('./_descriptors');\nvar TO_STRING = 'toString';\nvar $toString = /./[TO_STRING];\n\nvar define = function (fn) {\n  require('./_redefine')(RegExp.prototype, TO_STRING, fn, true);\n};\n\n// 21.2.5.14 RegExp.prototype.toString()\nif (require('./_fails')(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {\n  define(function toString() {\n    var R = anObject(this);\n    return '/'.concat(R.source, '/',\n      'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);\n  });\n// FF44- RegExp#toString has a wrong name\n} else if ($toString.name != TO_STRING) {\n  define(function toString() {\n    return $toString.call(this);\n  });\n}\n","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/dist/cjs.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!./detail.vue?vue&type=style&index=0&id=5c58f860&prod&lang=scss&scoped=true\"","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/dist/cjs.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!./custom_report_bottom.vue?vue&type=style&index=0&id=53a74833&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"in-out-info mb-8\"},[_c('div',{staticClass:\"left-side\"},[_c('div',{staticClass:\"box\"},[_c('vx-card',[_c('div',{staticClass:\"title\"},[_vm._v(\"Current Occupancy\")]),_c('div',{staticClass:\"value text-green\"},[_vm._v(_vm._s(_vm.data.countTotal))]),_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-person\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.totalPerson))])],1),_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-car\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.totalCar))])],1),_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-motorcycle\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.totalMotorcycle))])],1),_c('div',[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-truck\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.totalOtherVehicle))])],1)])])],1),_c('div',{staticClass:\"box\"},[_c('vx-card',[_c('div',{staticClass:\"title\"},[_vm._v(\"Entries\")]),_c('div',{staticClass:\"value text-blue\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-arrow-up\"}}),_vm._v(\" \"+_vm._s(_vm.data.countIn))],1),_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-person\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.inPerson))])],1),_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-car\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.inCar))])],1),_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-motorcycle\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.inMotorcycle))])],1),_c('div',[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-truck\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.inOtherVehicle))])],1)])])],1),_c('div',{staticClass:\"box\"},[_c('vx-card',[_c('div',{staticClass:\"title\"},[_vm._v(\"Exits\")]),_c('div',{staticClass:\"value text-red\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-arrow-down\"}}),_vm._v(\" \"+_vm._s(_vm.data.countOut))],1),_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-person\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.outPerson))])],1),_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-car\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.outCar))])],1),_c('div',{staticClass:\"pr-3\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-motorcycle\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.outMotorcycle))])],1),_c('div',[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-truck\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.data.outOtherVehicle))])],1)])])],1),_c('vs-tooltip',{attrs:{\"text\":\"Download Daily Report\"}},[_c('div',{staticClass:\"box flex items-center justify-center toggle-chart\",on:{\"click\":function($event){_vm.showPopupSelectDateReport = true}}},[_c('font-awesome-icon',{staticClass:\"large-faicon\",attrs:{\"icon\":\"fa-solid fa-file-lines\"}})],1)])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPrint),expression:\"showPrint\"}],staticClass:\"right-side\"},[_c('vs-tooltip',{attrs:{\"text\":\"Print Chart\"}},[_c('div',{staticClass:\"box flex items-center justify-center toggle-chart\",on:{\"click\":function($event){return _vm.printChart()}}},[_c('feather-icon',{staticClass:\"m-0\",attrs:{\"icon\":\"PrinterIcon\",\"svgClasses\":\"icon\"}})],1)])],1),_c('vs-prompt',{attrs:{\"title\":\"Export CSV\",\"is-valid\":_vm.validInputReport,\"active\":_vm.showPopupSelectDateReport},on:{\"cancel\":_vm.cancelExport,\"accept\":_vm.submitExportCsv,\"close\":_vm.cancelExport,\"update:active\":function($event){_vm.showPopupSelectDateReport=$event}}},[_c('p',[_vm._v(\"Download daily report (csv)\")]),_c('div',{staticClass:\"vx-row pt-4\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-3\"},[_c('datepicker',{attrs:{\"placeholder\":\"Start Date\",\"disabledDates\":_vm.disabledDates},model:{value:(_vm.datestart),callback:function ($$v) {_vm.datestart=$$v},expression:\"datestart\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-3\"},[_c('datepicker',{attrs:{\"placeholder\":\"End Date\",\"disabledDates\":_vm.disabledDates},model:{value:(_vm.dateend),callback:function ($$v) {_vm.dateend=$$v},expression:\"dateend\"}})],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"in-out-info mb-8\">\r\n    <div class=\"left-side\">\r\n      <div class=\"box\">\r\n        <vx-card>\r\n          <div class=\"title\">Current Occupancy</div>\r\n          <div class=\"value text-green\">{{ data.countTotal }}</div>\r\n          <div class=\"flex justify-between\">\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-person\" />\r\n              <span class=\"ml-2\">{{ data.totalPerson }}</span>\r\n            </div>\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-car\" />\r\n              <span class=\"ml-2\">{{ data.totalCar }}</span>\r\n            </div>\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-motorcycle\" />\r\n              <span class=\"ml-2\">{{ data.totalMotorcycle }}</span>\r\n            </div>\r\n            <div>\r\n              <font-awesome-icon icon=\"fa-solid fa-truck\" />\r\n              <span class=\"ml-2\">{{ data.totalOtherVehicle }}</span>\r\n            </div>\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n      <div class=\"box\">\r\n        <vx-card>\r\n          <div class=\"title\">Entries</div>\r\n          <div class=\"value text-blue\"><font-awesome-icon icon=\"fa-solid fa-arrow-up\" /> {{ data.countIn }}</div>\r\n          <div class=\"flex justify-between\">\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-person\" />\r\n              <span class=\"ml-2\">{{ data.inPerson }}</span>\r\n            </div>\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-car\" />\r\n              <span class=\"ml-2\">{{ data.inCar }}</span>\r\n            </div>\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-motorcycle\" />\r\n              <span class=\"ml-2\">{{ data.inMotorcycle }}</span>\r\n            </div>\r\n            <div>\r\n              <font-awesome-icon icon=\"fa-solid fa-truck\" />\r\n              <span class=\"ml-2\">{{ data.inOtherVehicle }}</span>\r\n            </div>\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n      <div class=\"box\">\r\n        <vx-card>\r\n          <div class=\"title\">Exits</div>\r\n          <div class=\"value text-red\"><font-awesome-icon icon=\"fa-solid fa-arrow-down\" /> {{ data.countOut }}</div>\r\n          <div class=\"flex justify-between\">\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-person\" />\r\n              <span class=\"ml-2\">{{ data.outPerson }}</span>\r\n            </div>\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-car\" />\r\n              <span class=\"ml-2\">{{ data.outCar }}</span>\r\n            </div>\r\n            <div class=\"pr-3\">\r\n              <font-awesome-icon icon=\"fa-solid fa-motorcycle\" />\r\n              <span class=\"ml-2\">{{ data.outMotorcycle }}</span>\r\n            </div>\r\n            <div>\r\n              <font-awesome-icon icon=\"fa-solid fa-truck\" />\r\n              <span class=\"ml-2\">{{ data.outOtherVehicle }}</span>\r\n            </div>\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n      <!-- <vs-tooltip text=\"Show Counting Chart\">\r\n          <div class=\"box flex items-center justify-center toggle-chart\" @click=\"toggleChart\">\r\n            <font-awesome-icon icon=\"fa-solid fa-chart-column\" class=\"large-faicon\" />\r\n          </div>\r\n        </vs-tooltip> -->\r\n      <vs-tooltip text=\"Download Daily Report\">\r\n        <div class=\"box flex items-center justify-center toggle-chart\" @click=\"showPopupSelectDateReport = true\">\r\n          <font-awesome-icon icon=\"fa-solid fa-file-lines\" class=\"large-faicon\" />\r\n        </div>\r\n      </vs-tooltip>\r\n    </div>\r\n    <div class=\"right-side\" v-show=\"showPrint\">\r\n      <vs-tooltip text=\"Print Chart\">\r\n\r\n        <div class=\"box flex items-center justify-center toggle-chart\" @click=\"printChart()\">\r\n          <feather-icon icon=\"PrinterIcon\" class=\"m-0\" svgClasses=\"icon\" />\r\n        </div>\r\n      </vs-tooltip>\r\n      <!-- <div class=\"box flex items-center justify-center toggle-chart\" @click=\"$emit('csv')\">\r\n          <feather-icon\r\n                icon=\"FileTextIcon\"\r\n                class=\"m-0\"\r\n                svgClasses=\"icon\"\r\n              />\r\n          </div> -->\r\n    </div>\r\n\r\n    <vs-prompt title=\"Export CSV\" @cancel=\"cancelExport\" @accept=\"submitExportCsv\" @close=\"cancelExport\"\r\n      :is-valid=\"validInputReport\" :active.sync=\"showPopupSelectDateReport\">\r\n      <p>Download daily report (csv)</p>\r\n      <div class=\"vx-row pt-4\">\r\n        <div class=\"vx-col sm:w-1/2 w-full mb-3\">\r\n          <datepicker placeholder=\"Start Date\" :disabledDates=\"disabledDates\" v-model=\"datestart\"></datepicker>\r\n        </div>\r\n        <div class=\"vx-col sm:w-1/2 w-full mb-3\">\r\n          <datepicker placeholder=\"End Date\" :disabledDates=\"disabledDates\" v-model=\"dateend\"></datepicker>\r\n        </div>\r\n      </div>\r\n    </vs-prompt>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Datepicker from 'vuejs-datepicker';\r\nexport default {\r\n  props: ['data'],\r\n  data() {\r\n    return {\r\n      disabledDates: {\r\n        from: new Date()\r\n      },\r\n      showPrint: false,\r\n      showPopupSelectDateReport: false,\r\n      datestart: null,\r\n      dateend: null\r\n    }\r\n  },\r\n  components: {\r\n    Datepicker\r\n  },\r\n  computed: {\r\n    validInputReport() {\r\n      if (this.datestart != null && this.dateend != null) {\r\n        return true\r\n      }\r\n      return false\r\n    }\r\n  },\r\n  methods: {\r\n    toggleChart() {\r\n      this.showPrint = !this.showPrint\r\n      this.$emit('togglechart')\r\n    },\r\n    printChart() {\r\n      window.print();\r\n    },\r\n    submitExportCsv() {\r\n      this.$emit('downloadDailyReport', { 'start': this.datestart, 'end': this.dateend })\r\n    },\r\n    cancelExport() {\r\n      this.showPopupSelectDateReport = false\r\n      this.datestart = null\r\n      this.dateend = null\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.in-out-info {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n\r\n  .left-side {\r\n    display: flex;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .right-side {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .box {\r\n    // background-color: #FFFFFF;\r\n    width: 25%;\r\n    // border: 2px solid #1372ac;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    margin-right: 16px;\r\n\r\n    &.toggle-chart {\r\n      width: 54px;\r\n      height: 54px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .title {\r\n      font-size: 12pt;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .value {\r\n      font-weight: 700;\r\n      font-size: 20pt;\r\n    }\r\n\r\n    .icon {\r\n      width: 32px;\r\n      height: 32px;\r\n      color: #1372ac;\r\n    }\r\n  }\r\n\r\n  .large-faicon {\r\n    font-size: 32px;\r\n    color: #1372ac;\r\n  }\r\n}\r\n</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!./StatisticBox.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!./StatisticBox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StatisticBox.vue?vue&type=template&id=7a195374&scoped=true\"\nimport script from \"./StatisticBox.vue?vue&type=script&lang=js\"\nexport * from \"./StatisticBox.vue?vue&type=script&lang=js\"\nimport style0 from \"./StatisticBox.vue?vue&type=style&index=0&id=7a195374&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7a195374\",\n  null\n  \n)\n\nexport default component.exports","// https://github.com/tc39/proposal-object-getownpropertydescriptors\nvar $export = require('./_export');\nvar ownKeys = require('./_own-keys');\nvar toIObject = require('./_to-iobject');\nvar gOPD = require('./_object-gopd');\nvar createProperty = require('./_create-property');\n\n$export($export.S, 'Object', {\n  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {\n    var O = toIObject(object);\n    var getDesc = gOPD.f;\n    var keys = ownKeys(O);\n    var result = {};\n    var i = 0;\n    var key, desc;\n    while (keys.length > i) {\n      desc = getDesc(O, key = keys[i++]);\n      if (desc !== undefined) createProperty(result, key, desc);\n    }\n    return result;\n  }\n});\n","'use strict';\nvar toInteger = require('./_to-integer');\nvar defined = require('./_defined');\n\nmodule.exports = function repeat(count) {\n  var str = String(defined(this));\n  var res = '';\n  var n = toInteger(count);\n  if (n < 0 || n == Infinity) throw RangeError(\"Count can't be negative\");\n  for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) res += str;\n  return res;\n};\n","// all object keys, includes non-enumerable and symbols\nvar gOPN = require('./_object-gopn');\nvar gOPS = require('./_object-gops');\nvar anObject = require('./_an-object');\nvar Reflect = require('./_global').Reflect;\nmodule.exports = Reflect && Reflect.ownKeys || function ownKeys(it) {\n  var keys = gOPN.f(anObject(it));\n  var getSymbols = gOPS.f;\n  return getSymbols ? keys.concat(getSymbols(it)) : keys;\n};\n","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n  if (_typeof(input) !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (_typeof(res) !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}","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/dist/cjs.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!./CountingChart.vue?vue&type=style&index=0&id=c3f3f486&prod&lang=scss&scoped=true\"","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n  return function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  };\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.reportBuilt)?_c('div',{staticClass:\"vx-row\"},[(_vm.shouldDisplayDonutChart() && _vm.charts[0])?_c('div',{staticClass:\"vx-col w-1/3\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.charts[0].name))]),_c('vue-apex-charts',{attrs:{\"height\":\"300\",\"options\":_vm.charts[0].chartOptions,\"series\":_vm.charts[0].chart.series}})],1):_vm._e(),(_vm.shouldDisplayDonutChart() && _vm.charts[1])?_c('div',{staticClass:\"vx-col w-2/3\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.charts[1].name))]),_c('vue-apex-charts',{attrs:{\"height\":\"300\",\"options\":_vm.charts[1].chartOptions,\"series\":_vm.charts[1].chart.type.toLowerCase() === 'pie' ||\n        _vm.charts[1].chart.type.toLowerCase() === 'donut'\n          ? _vm.charts[1].chart.series[0].data\n          : _vm.charts[1].chart.series}})],1):_c('div',{staticClass:\"vx-col w-full\"},_vm._l((_vm.chartsInOut),function(chart,idx){return _c('div',{key:idx},[_c('div',{class:_vm.getVehicleTypeClass(chart.name)},[(chart.name === 'Motorcycle Chart')?_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-motorcycle\",\"size\":\"1x\"}}):_vm._e(),(chart.name === 'Car Chart')?_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-car\",\"size\":\"1x\"}}):_vm._e(),(chart.name === 'Other Vehicle Chart')?_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-truck\",\"size\":\"1x\"}}):_vm._e(),(chart.name === 'Person Chart')?_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-person\",\"size\":\"1x\"}}):_vm._e(),_vm._v(\"\\n        \"+_vm._s(chart.name)+\"\\n      \")],1),_c('vue-apex-charts',{attrs:{\"height\":\"300\",\"options\":chart.chartOptions,\"series\":chart.chart.series}})],1)}),0)]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"reportBuilt\" class=\"vx-row\">\r\n    <div class=\"vx-col w-1/3\" v-if=\"shouldDisplayDonutChart() && charts[0]\">\r\n      <div class=\"title\">{{ charts[0].name }}</div>\r\n      <vue-apex-charts\r\n        height=\"300\"\r\n        :options=\"charts[0].chartOptions\"\r\n        :series=\"charts[0].chart.series\"\r\n      ></vue-apex-charts>\r\n    </div>\r\n    <div class=\"vx-col w-2/3\" v-if=\"shouldDisplayDonutChart() && charts[1]\">\r\n      <div class=\"title\">{{ charts[1].name }}</div>\r\n      <vue-apex-charts\r\n        height=\"300\"\r\n        :options=\"charts[1].chartOptions\"\r\n        :series=\"\r\n          charts[1].chart.type.toLowerCase() === 'pie' ||\r\n          charts[1].chart.type.toLowerCase() === 'donut'\r\n            ? charts[1].chart.series[0].data\r\n            : charts[1].chart.series\r\n        \"\r\n      ></vue-apex-charts>\r\n    </div>\r\n    <div class=\"vx-col w-full\" v-else>\r\n      <div v-for=\"(chart, idx) in chartsInOut\" :key=\"idx\">\r\n        <div :class=\"getVehicleTypeClass(chart.name)\">\r\n          <font-awesome-icon\r\n            v-if=\"chart.name === 'Motorcycle Chart'\"\r\n            icon=\"fa-solid fa-motorcycle\"\r\n            size=\"1x\"\r\n          />\r\n          <font-awesome-icon\r\n            v-if=\"chart.name === 'Car Chart'\"\r\n            icon=\"fa-solid fa-car\"\r\n            size=\"1x\"\r\n          />\r\n          <font-awesome-icon\r\n            v-if=\"chart.name === 'Other Vehicle Chart'\"\r\n            icon=\"fa-solid fa-truck\"\r\n            size=\"1x\"\r\n          />\r\n          <font-awesome-icon\r\n            v-if=\"chart.name === 'Person Chart'\"\r\n            icon=\"fa-solid fa-person\"\r\n            size=\"1x\"\r\n          />\r\n          {{ chart.name }}\r\n        </div>\r\n        <vue-apex-charts\r\n          height=\"300\"\r\n          :options=\"chart.chartOptions\"\r\n          :series=\"chart.chart.series\"\r\n        ></vue-apex-charts>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from \"vue-apexcharts\";\r\nimport dummyData from \"../chart_counting.json\";\r\n\r\nexport default {\r\n  props: [\"lists\", \"site\", \"reportBuilt\"],\r\n  data() {\r\n    return {\r\n      charts: [],\r\n      chartsInOut: [],\r\n    };\r\n  },\r\n  computed: {\r\n    dummyData() {\r\n      return dummyData;\r\n    },\r\n  },\r\n  components: {\r\n    VueApexCharts,\r\n  },\r\n  mounted() {\r\n    this.buildChartData();\r\n    this.buildChartDataInOut();\r\n  },\r\n  methods: {\r\n    getVehicleTypeClass(vehicleType) {\r\n      switch (vehicleType.toLowerCase()) {\r\n        case \"car chart\":\r\n          return \"car-chart-class\";\r\n        case \"motorcycle chart\":\r\n          return \"motorcycle-chart-class\";\r\n        case \"other vehicle chart\":\r\n          return \"other-vehicle-chart-class\";\r\n        case \"person chart\":\r\n          return \"person-chart-class\";\r\n        default:\r\n          return \"default-chart-class\";\r\n      }\r\n    },\r\n    shouldDisplayDonutChart() {\r\n      return this.lists[0].chart.series[0].name.includes(\"Data Donut\");\r\n    },\r\n\r\n    buildChartData() {\r\n      this.lists.map((x) => {\r\n        // Check if site id is 36\r\n        const hidePerson = this.site === 36;\r\n\r\n        let filteredSeries;\r\n        if (\r\n          x.chart.type.toLowerCase() === \"pie\" ||\r\n          x.chart.type.toLowerCase() === \"donut\"\r\n        ) {\r\n          // For Pie or Donut Charts\r\n          filteredSeries = hidePerson\r\n            ? x.chart.series[0].data.slice(0, -1)\r\n            : x.chart.series[0].data;\r\n        } else {\r\n          // For other types of charts\r\n          // filteredSeries = x.chart.series;\r\n          filteredSeries = hidePerson\r\n            ? x.chart.series.filter((series) => series.name !== \"Person\")\r\n            : x.chart.series;\r\n        }\r\n\r\n        // Filter out the \"Person\" label if site id is 36\r\n        const filteredLabels = x.chart.labels.filter((label, index) => {\r\n          return !hidePerson || index !== x.chart.labels.length - 1;\r\n        });\r\n\r\n        const chart = {\r\n          ...x,\r\n          chart: {\r\n            ...x.chart,\r\n            type: x.chart.type.toLowerCase(),\r\n            series: filteredSeries, // Use the filtered series data\r\n          },\r\n          chartOptions: {\r\n            colors: x.chart.colors,\r\n            chart: {\r\n              type: x.chart.type.toLowerCase(),\r\n              toolbar: { show: false },\r\n            },\r\n            yaxis: {\r\n              title: {\r\n                text: \"Unit\",\r\n              },\r\n              labels: {\r\n                minWidth: 40,\r\n              },\r\n            },\r\n            dataLabels: {\r\n              enabled: x.chart.type.toLowerCase() === \"donut\",\r\n              formatter: function (val) {\r\n                return val.toFixed(2) + \"%\";\r\n              },\r\n            },\r\n            labels: filteredLabels, // Use the filtered labels\r\n            xaxis: {\r\n              categories: x.chart.categories,\r\n            },\r\n            fill: {\r\n              opacity: 1,\r\n            },\r\n            markers: {\r\n              size: 6,\r\n            },\r\n            stroke: {\r\n              width: 2,\r\n            },\r\n          },\r\n        };\r\n        this.charts.push(chart);\r\n      });\r\n    },\r\n    //DEFAULT\r\n    // buildChartData() {\r\n    //   this.lists.map((x) => {\r\n    //     const chart = {\r\n    //       ...x,\r\n    //       chart: {\r\n    //         ...x.chart,\r\n    //         type: x.chart.type.toLowerCase(),\r\n    //         series:\r\n    //           x.chart.type.toLowerCase() == \"pie\" ||\r\n    //           x.chart.type.toLowerCase() == \"donut\"\r\n    //             ? x.chart.series[0].data\r\n    //             : x.chart.series,\r\n    //       },\r\n    //       chartOptions: {\r\n    //         colors: x.chart.colors,\r\n    //         chart: {\r\n    //           type: x.chart.type.toLowerCase(),\r\n    //           toolbar: { show: false },\r\n    //         },\r\n    //         yaxis: {\r\n    //           title: {\r\n    //             text: \"Unit\",\r\n    //           },\r\n    //           labels: {\r\n    //             minWidth: 40,\r\n    //           },\r\n    //         },\r\n    //         dataLabels: {\r\n    //           enabled:\r\n    //             x.chart.type.toLowerCase() == \"donut\" ||\r\n    //             x.chart.type.toLowerCase() == \"donut\"\r\n    //               ? true\r\n    //               : false,\r\n    //           formatter: function (val) {\r\n    //             return val.toFixed(2) + \"%\";\r\n    //           },\r\n    //         },\r\n    //         labels: x.chart.labels,\r\n    //         xaxis: {\r\n    //           categories: x.chart.categories,\r\n    //         },\r\n    //         fill: {\r\n    //           opacity: 1,\r\n    //         },\r\n    //         markers: {\r\n    //           size: 6,\r\n    //         },\r\n    //         stroke: {\r\n    //           width: 2,\r\n    //         },\r\n    //       },\r\n    //     };\r\n    //     this.charts.push(chart);\r\n    //   });\r\n    // },\r\n    //DEFAULT IN OUT\r\n    // buildChartDataInOut() {\r\n    //   const seriesData = this.lists[0].chart.series;\r\n    //   const categories = this.lists[0].chart.categories;\r\n    //   const colors = this.lists[0].chart.colors;\r\n\r\n    //   // Define vehicle types\r\n    //   const vehicleTypes = [\"Car\", \"Motorcycle\", \"Other Vehicle\", \"Person\"];\r\n\r\n    //   // Loop through vehicle types\r\n    //   vehicleTypes.forEach((type, index) => {\r\n    //     const chart = {\r\n    //       name: `${type} Chart`,\r\n    //       chartOptions: {\r\n    //         colors: [colors[index * 2], colors[index * 2 + 1]],\r\n    //         chart: {\r\n    //           type: \"line\",\r\n    //           toolbar: { show: false },\r\n    //         },\r\n    //         yaxis: {\r\n    //           title: {\r\n    //             text: \"Unit\",\r\n    //           },\r\n    //           labels: {\r\n    //             minWidth: 40,\r\n    //           },\r\n    //         },\r\n    //         labels: [],\r\n    //         xaxis: {\r\n    //           categories,\r\n    //         },\r\n    //         fill: {\r\n    //           opacity: 1,\r\n    //         },\r\n    //         markers: {\r\n    //           size: 6,\r\n    //         },\r\n    //         stroke: {\r\n    //           width: 2,\r\n    //         },\r\n    //       },\r\n    //       chart: {\r\n    //         type: \"line\",\r\n    //         series: [\r\n    //           {\r\n    //             name: `${type} In`,\r\n    //             data: this.prependZero(\r\n    //               seriesData.find((item) => item.name === `${type} In`).data\r\n    //             ),\r\n    //           },\r\n    //           {\r\n    //             name: `${type} Out`,\r\n    //             data: this.prependZero(\r\n    //               seriesData.find((item) => item.name === `${type} Out`).data\r\n    //             ),\r\n    //           },\r\n    //         ],\r\n    //       },\r\n    //     };\r\n\r\n    //     // Add 0 values for each series without cloning\r\n    //     chart.chart.series.forEach((s) => {\r\n    //       this.prependZero(s.data);\r\n    //     });\r\n\r\n    //     // Use dynamic categories based on actual data\r\n    //     chart.chartOptions.xaxis.categories = categories;\r\n\r\n    //     this.chartsInOut.push(chart);\r\n    //   });\r\n    // },\r\n\r\n    // buildChartDataInOut() {\r\n    //   const seriesData = this.lists[0].chart.series;\r\n    //   const categories = this.lists[0].chart.categories;\r\n    //   const colors = this.lists[0].chart.colors;\r\n\r\n    //   // Define vehicle types\r\n    //   const vehicleTypes = [\"Car\", \"Motorcycle\", \"Other Vehicle\", \"Person\"];\r\n\r\n    //   // Check if site id is 36\r\n    //   const hidePerson = this.site === 36;\r\n\r\n    //   // Loop through vehicle types\r\n    //   vehicleTypes.forEach((type, index) => {\r\n    //     // Exclude person data if site id is 36\r\n    //     if (type === \"Person\" && hidePerson) return;\r\n\r\n    //     const chart = {\r\n    //       name: `${type} Chart`,\r\n    //       chartOptions: {\r\n    //         colors: [colors[index * 2], colors[index * 2 + 1]],\r\n    //         chart: {\r\n    //           type: \"line\",\r\n    //           toolbar: { show: false },\r\n    //         },\r\n    //         yaxis: {\r\n    //           title: {\r\n    //             text: \"Unit\",\r\n    //           },\r\n    //           labels: {\r\n    //             minWidth: 40,\r\n    //           },\r\n    //         },\r\n    //         labels: [],\r\n    //         xaxis: {\r\n    //           categories,\r\n    //         },\r\n    //         fill: {\r\n    //           opacity: 1,\r\n    //         },\r\n    //         markers: {\r\n    //           size: 6,\r\n    //         },\r\n    //         stroke: {\r\n    //           width: 2,\r\n    //         },\r\n    //       },\r\n    //       chart: {\r\n    //         type: \"line\",\r\n    //         series: [\r\n    //           {\r\n    //             name: `${type} In`,\r\n    //             data: this.prependZero(\r\n    //               seriesData.find((item) => item.name === `${type} In`).data\r\n    //             ),\r\n    //           },\r\n    //           {\r\n    //             name: `${type} Out`,\r\n    //             data: this.prependZero(\r\n    //               seriesData.find((item) => item.name === `${type} Out`).data\r\n    //             ),\r\n    //           },\r\n    //         ],\r\n    //       },\r\n    //     };\r\n\r\n    //     // Add 0 values for each series without cloning\r\n    //     chart.chart.series.forEach((s) => {\r\n    //       this.prependZero(s.data);\r\n    //     });\r\n\r\n    //     // Use dynamic categories based on actual data\r\n    //     chart.chartOptions.xaxis.categories = categories;\r\n\r\n    //     this.chartsInOut.push(chart);\r\n    //   });\r\n    // },\r\n\r\n    buildChartDataInOut() {\r\n      const seriesData = this.lists[0].chart.series;\r\n      const categories = this.lists[0].chart.categories;\r\n      const colors = this.lists[0].chart.colors;\r\n\r\n      // Define vehicle types\r\n      const vehicleTypes = [\"Car\", \"Motorcycle\", \"Other Vehicle\", \"Person\"];\r\n\r\n      // Check if site id is 36\r\n      const hidePerson = this.site === 36;\r\n\r\n      // Loop through vehicle types\r\n      vehicleTypes.forEach((type, index) => {\r\n        // Exclude person data if site id is 36\r\n        if (type === \"Person\" && hidePerson) return;\r\n\r\n        // Find the series data for \"in\" and \"out\" categories\r\n        const inDataItem = seriesData.find((item) => item.name === `${type} In`);\r\n        const outDataItem = seriesData.find((item) => item.name === `${type} Out`);\r\n\r\n        // Initialize arrays to hold \"in\" and \"out\" data\r\n        const inData = inDataItem ? this.prependZero(inDataItem.data) : [];\r\n        const outData = outDataItem ? this.prependZero(outDataItem.data) : [];\r\n\r\n        // Create the chart object\r\n        const chart = {\r\n          name: `${type} Chart`,\r\n          chartOptions: {\r\n            colors: [colors[index * 2], colors[index * 2 + 1]],\r\n            chart: {\r\n              type: \"line\",\r\n              toolbar: { show: false },\r\n            },\r\n            yaxis: {\r\n              title: {\r\n                text: \"Unit\",\r\n              },\r\n              labels: {\r\n                minWidth: 40,\r\n              },\r\n            },\r\n            labels: [],\r\n            xaxis: {\r\n              categories,\r\n            },\r\n            fill: {\r\n              opacity: 1,\r\n            },\r\n            markers: {\r\n              size: 6,\r\n            },\r\n            stroke: {\r\n              width: 2,\r\n            },\r\n          },\r\n          chart: {\r\n            type: \"line\",\r\n            series: [\r\n              {\r\n                name: `${type} In`,\r\n                data: inData,\r\n              },\r\n              {\r\n                name: `${type} Out`,\r\n                data: outData,\r\n              },\r\n            ],\r\n          },\r\n        };\r\n\r\n        // Add 0 values for each series without cloning\r\n        chart.chart.series.forEach((s) => {\r\n          this.prependZero(s.data);\r\n        });\r\n\r\n        // Use dynamic categories based on actual data\r\n        chart.chartOptions.xaxis.categories = categories;\r\n\r\n        // Push the chart object to the chartsInOut array\r\n        this.chartsInOut.push(chart);\r\n      });\r\n    },\r\n\r\n    prependZero(data) {\r\n      // Check if the array is empty before adding a zero\r\n      if (data.length === 0) {\r\n        data.push(0);\r\n      }\r\n      return data;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.car-chart-class {\r\n  color: #4e73df;\r\n  font-weight: bold;\r\n  font-size: medium;\r\n}\r\n\r\n.motorcycle-chart-class {\r\n  color: #e74a3a;\r\n  font-weight: bold;\r\n  font-size: medium;\r\n}\r\n.other-vehicle-chart-class {\r\n  color: #848796;\r\n  font-weight: bold;\r\n  font-size: medium;\r\n}\r\n.person-chart-class {\r\n  color: #1bc88a;\r\n  font-weight: bold;\r\n  font-size: medium;\r\n}\r\n</style>\r\n","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!./CountingChart.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!./CountingChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CountingChart.vue?vue&type=template&id=c3f3f486&scoped=true\"\nimport script from \"./CountingChart.vue?vue&type=script&lang=js\"\nexport * from \"./CountingChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./CountingChart.vue?vue&type=style&index=0&id=c3f3f486&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c3f3f486\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $defineProperty = require('./_object-dp');\nvar createDesc = require('./_property-desc');\n\nmodule.exports = function (object, index, value) {\n  if (index in object) $defineProperty.f(object, index, createDesc(0, value));\n  else object[index] = value;\n};\n","'use strict';\n// https://github.com/tc39/proposal-string-pad-start-end\nvar $export = require('./_export');\nvar $pad = require('./_string-pad');\nvar userAgent = require('./_user-agent');\n\n// https://github.com/zloirock/core-js/issues/280\nvar WEBKIT_BUG = /Version\\/10\\.\\d+(\\.\\d+)?( Mobile\\/\\w+)? Safari\\//.test(userAgent);\n\n$export($export.P + $export.F * WEBKIT_BUG, 'String', {\n  padStart: function padStart(maxLength /* , fillString = ' ' */) {\n    return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, true);\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.selectedCustomReport != null)?_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6\"},[_c('div',{staticClass:\"content-area__heading\"},[_c('h2',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.selectedCustomReport.reportName))])])]):_vm._e(),_c('div',{staticClass:\"flex items-center justify-between mb-4\"},[(_vm.breadcrumb != null)?_c('div',[(_vm.$route.name != 'custom_report_view')?_c('div',{staticClass:\"orgs\"},[_c('ul',{staticClass:\"brdcrmb\"},[(_vm.isBreadCrumbSite)?_c('li',[_c('router-link',{attrs:{\"to\":_vm.breadcrumb.site.link}},[_vm._v(_vm._s(_vm.breadcrumb.site.title))])],1):_vm._e(),(_vm.isBreadCrumbArea)?_c('li',[_c('router-link',{attrs:{\"to\":_vm.breadcrumb.area.link}},[_vm._v(_vm._s(_vm.breadcrumb.area.title))])],1):_vm._e(),(_vm.isBreadCrumbCamera)?_c('li',[_c('router-link',{attrs:{\"to\":_vm.breadcrumb.camera.link}},[_vm._v(_vm._s(_vm.breadcrumb.camera.title))])],1):_vm._e()])]):_vm._e()]):_vm._e()]),_c('vx-card',[_c('div',{staticClass:\"flex items-center space-x-2\"},[_c('div',{staticStyle:{\"min-width\":\"250px\"}},[_c('v-select',{staticClass:\"w-full\",attrs:{\"disabled\":\"\",\"label\":\"name\",\"placeholder\":\"Site\",\"options\":_vm.siteLists},model:{value:(_vm.site),callback:function ($$v) {_vm.site=$$v},expression:\"site\"}})],1),_c('div',{staticStyle:{\"min-width\":\"200px\"}},[_c('v-select',{staticClass:\"w-full\",attrs:{\"disabled\":\"\",\"label\":\"eventName\",\"placeholder\":\"Select event\",\"options\":_vm.eventLists},model:{value:(_vm.event),callback:function ($$v) {_vm.event=$$v},expression:\"event\"}})],1),_c('div',{staticStyle:{\"min-width\":\"200px\"}},[_c('v-select',{staticClass:\"w-full\",attrs:{\"disabled\":_vm.disableSearch,\"placeholder\":\"Select date\",\"options\":_vm.dateSelectLists},model:{value:(_vm.dateSelected),callback:function ($$v) {_vm.dateSelected=$$v},expression:\"dateSelected\"}})],1),(_vm.dateSelected.code == 'today')?_c('div',{staticStyle:{\"min-width\":\"200px\"}},[_c('v-select',{staticClass:\"w-full\",attrs:{\"disabled\":_vm.disableSearch,\"placeholder\":\"Select time range\",\"options\":_vm.timerangeLists},model:{value:(_vm.timerange),callback:function ($$v) {_vm.timerange=$$v},expression:\"timerange\"}})],1):_vm._e(),(_vm.dateSelected.code != 'today')?_c('div',[_c('date-picker',{attrs:{\"disabled\":_vm.disableSearch,\"placeholder\":\"Select datetime range\",\"type\":\"date\",\"range\":\"\",\"format\":\"DD/MM/YYYY\",\"disabled-date\":_vm.notAferToday},model:{value:(_vm.daterange),callback:function ($$v) {_vm.daterange=$$v},expression:\"daterange\"}})],1):_vm._e(),(!_vm.disableSearch)?_c('div',{staticClass:\"flex-grow flex justify-end\"},[_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-search\"},on:{\"click\":function($event){$event.preventDefault();return _vm.buildReport.apply(null, arguments)}}},[_vm._v(\"Build Report\")])],1):_vm._e()])]),_c('div',{staticClass:\"mb-4\"},[_vm._v(\" \")]),_c('summary-card',{attrs:{\"data\":_vm.summaryData}}),(_vm.showReport && _vm.lists.length > 0)?_c('vx-card',[_c('counting-chart',{attrs:{\"lists\":_vm.lists}})],1):_c('vx-card',[_c('div',{staticClass:\"flex flex-col items-center text-center\"},[_c('img',{staticStyle:{\"width\":\"300px\"},attrs:{\"src\":require(\"@/assets/images/icon/icon-grafik.png\")}}),_c('h3',[_vm._v(\"Silahkan pilih tanggal\")])])]),_c('div',{staticClass:\"mb-4\"},[_vm._v(\" \")]),(_vm.showReport && _vm.showBottomLists)?_c('vx-card',[_c('report-bottom-lists',{attrs:{\"title\":_vm.bottomTitle,\"next\":_vm.nextLink,\"datas\":_vm.statisticsData}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"orgs\"},[_c('span',[_vm._v(_vm._s(_vm.title))])]),_c('vs-table',{attrs:{\"stripe\":\"\",\"data\":_vm.datas},scopedSlots:_vm._u([{key:\"default\",fn:function({ data }){return _vm._l((_vm.datas),function(data,i){return _c('vs-tr',{key:i},[_c('vs-td',{attrs:{\"data\":i}},[_vm._v(\"\\n          \"+_vm._s(i + 1)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data.name}},[_vm._v(\"\\n          \"+_vm._s(data.name)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data.camName}},[_vm._v(\"\\n          \"+_vm._s(data.camName)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data.ipAddress}},[_vm._v(\"\\n          \"+_vm._s(data.ipAddress)+\"\\n        \")])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticStyle:{\"width\":\"50px\"}},[_vm._v(\"No\")]),_c('vs-th',{staticClass:\"text-left\"},[_vm._v(\"Name\")]),_c('vs-th',{staticClass:\"text-left\"},[_vm._v(\"Camera Name\")]),_c('vs-th',{staticClass:\"text-left\"},[_vm._v(\"IP Address\")])],1)],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"orgs\">\r\n      <span>{{ title }}</span>\r\n    </div>\r\n    <vs-table stripe :data=\"datas\">\r\n      <template slot=\"thead\">\r\n        <vs-th style=\"width:50px\">No</vs-th>\r\n        <vs-th class=\"text-left\">Name</vs-th>\r\n        <vs-th class=\"text-left\">Camera Name</vs-th>\r\n        <vs-th class=\"text-left\">IP Address</vs-th>\r\n      </template>\r\n\r\n      <template slot-scope=\"{ data }\">\r\n        <vs-tr v-for=\"(data, i) in datas\" :key=\"i\">\r\n          <vs-td :data=\"i\">\r\n            {{ i + 1 }}\r\n          </vs-td>\r\n          <vs-td :data=\"data.name\">\r\n            {{ data.name }}\r\n          </vs-td>\r\n          <vs-td :data=\"data.camName\">\r\n            {{ data.camName }}\r\n          </vs-td>\r\n          <vs-td :data=\"data.ipAddress\">\r\n            {{ data.ipAddress }}\r\n          </vs-td>\r\n        </vs-tr>\r\n      </template>\r\n    </vs-table>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  //props: ['title', 'datas', 'next', 'occupancy'],\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    datas: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    next: {\r\n      type: String,\r\n      required: false\r\n    },\r\n    occupancy: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      breadcrumb: {\r\n        home: {\r\n          title: \"Custom Reports\",\r\n          link: \"/custom_report\",\r\n          active: true,\r\n        },\r\n        site: {\r\n          title: \"Custom Reports\",\r\n          link: \"/custom_report\",\r\n          active: false,\r\n        },\r\n        area: {\r\n          title: \"Custom Reports\",\r\n          link: \"/custom_report\",\r\n          active: false,\r\n        },\r\n        camera: {\r\n          title: \"Custom Reports\",\r\n          link: \"/custom_report\",\r\n          active: false,\r\n        }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    goToNextStep(data) {\r\n      const oldBC = localStorage.getItem('reportBreadcrumb')\r\n      let oldBCObj = this.breadcrumb\r\n      if (oldBC != undefined && oldBC != null) {\r\n        oldBCObj = JSON.parse(oldBC)\r\n      }\r\n\r\n      oldBCObj.home.active = false;\r\n      oldBCObj.site.active = false;\r\n      oldBCObj.area.active = false;\r\n      oldBCObj.camera.active = false;\r\n\r\n      if (this.next.includes(\"site\")) {\r\n        oldBCObj.site = {\r\n          title: data.name,\r\n          link: \"/custom_report/site/\" + data.id,\r\n          active: true\r\n        }\r\n      }\r\n\r\n      if (this.next.includes(\"area\")) {\r\n        oldBCObj.area = {\r\n          title: data.name,\r\n          link: \"/custom_report/area/\" + data.id,\r\n          active: true\r\n        }\r\n      }\r\n\r\n      if (this.next.includes(\"camera\")) {\r\n        oldBCObj.camera = {\r\n          title: data.name,\r\n          link: \"/custom_report/camera/\" + data.id,\r\n          active: true\r\n        }\r\n      }\r\n\r\n      localStorage.setItem('reportBreadcrumb', JSON.stringify(oldBCObj))\r\n\r\n      this.$router.push(this.next + '/' + data.id)\r\n    }\r\n  },\r\n  mounted() {\r\n    if (this.$route.name == 'custom_report_view') {\r\n      console.log(\"masuk home\")\r\n      localStorage.setItem('reportBreadcrumb', JSON.stringify(this.breadcrumb))\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.orgs {\r\n  font-size: 32px;\r\n\r\n  span {\r\n    color: #1372ac;\r\n    font-weight: 600;\r\n  }\r\n\r\n  padding-bottom: 20px;\r\n}\r\n\r\n.site-lists {\r\n  .site-item {\r\n    font-weight: 600;\r\n    border-bottom: 1px solid #ddd;\r\n    padding-bottom: 5px;\r\n    margin-bottom: 20px;\r\n\r\n    .box-info {\r\n      border: 1px solid #ccc;\r\n      background-color: #eee;\r\n      padding: 5px 10px;\r\n      height: 30px;\r\n\r\n      &.inout {\r\n        width: 250px;\r\n        margin-right: 10px;\r\n      }\r\n\r\n      &.cam {\r\n        width: 100px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</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!./custom_report_bottom.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!./custom_report_bottom.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./custom_report_bottom.vue?vue&type=template&id=53a74833&scoped=true\"\nimport script from \"./custom_report_bottom.vue?vue&type=script&lang=js\"\nexport * from \"./custom_report_bottom.vue?vue&type=script&lang=js\"\nimport style0 from \"./custom_report_bottom.vue?vue&type=style&index=0&id=53a74833&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"53a74833\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <div v-if=\"selectedCustomReport != null\" class=\"router-header flex flex-wrap items-center mb-6\">\r\n            <div class=\"content-area__heading\">\r\n                <h2 class=\"mb-1\">{{ selectedCustomReport.reportName }}</h2>\r\n            </div>\r\n        </div>\r\n        <!-- <page-breadcrumb title=\"Graph\" :routes=\"routes\" /> -->\r\n        <div class=\"flex items-center justify-between mb-4\">\r\n            <div v-if=\"breadcrumb != null\">\r\n                <div class=\"orgs\" v-if=\"$route.name != 'custom_report_view'\">\r\n                    <ul class=\"brdcrmb\">\r\n                        <li v-if=\"isBreadCrumbSite\"><router-link :to=\"breadcrumb.site.link\">{{ breadcrumb.site.title\r\n                        }}</router-link></li>\r\n                        <li v-if=\"isBreadCrumbArea\"><router-link :to=\"breadcrumb.area.link\">{{ breadcrumb.area.title\r\n                        }}</router-link></li>\r\n                        <li v-if=\"isBreadCrumbCamera\"><router-link :to=\"breadcrumb.camera.link\">{{ breadcrumb.camera.title\r\n                        }}</router-link></li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <vx-card>\r\n\r\n            <div class=\"flex items-center space-x-2\">\r\n                <div style=\"min-width:250px\">\r\n                    <v-select disabled label=\"name\" placeholder=\"Site\" class=\"w-full\" v-model=\"site\" :options=\"siteLists\"></v-select>\r\n                </div>\r\n                <div style=\"min-width:200px\">\r\n                    <v-select disabled label=\"eventName\" placeholder=\"Select event\" class=\"w-full\" v-model=\"event\"\r\n                        :options=\"eventLists\"></v-select>\r\n                </div>\r\n                <div style=\"min-width:200px\">\r\n                    <v-select :disabled=\"disableSearch\" placeholder=\"Select date\" class=\"w-full\" v-model=\"dateSelected\"\r\n                        :options=\"dateSelectLists\"></v-select>\r\n                </div>\r\n                <div style=\"min-width:200px\" v-if=\"dateSelected.code == 'today'\">\r\n                    <v-select :disabled=\"disableSearch\" placeholder=\"Select time range\" class=\"w-full\" v-model=\"timerange\"\r\n                        :options=\"timerangeLists\"></v-select>\r\n                </div>\r\n                <div v-if=\"dateSelected.code != 'today'\">\r\n                    <date-picker :disabled=\"disableSearch\" placeholder=\"Select datetime range\" v-model=\"daterange\"\r\n                        type=\"date\" range format=\"DD/MM/YYYY\" :disabled-date=\"notAferToday\"></date-picker>\r\n                </div>\r\n                <div v-if=\"!disableSearch\" class=\"flex-grow flex justify-end\">\r\n                    <vs-button color=\"success\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-search\"\r\n                        @click.prevent=\"buildReport\">Build Report</vs-button>\r\n                </div>\r\n            </div>\r\n\r\n        </vx-card>\r\n\r\n        <div class=\"mb-4\">&nbsp;</div>\r\n\r\n        <summary-card :data=\"summaryData\"></summary-card>\r\n\r\n        <vx-card v-if=\"showReport && lists.length > 0\">\r\n            <counting-chart :lists=\"lists\" />\r\n        </vx-card>\r\n\r\n        <vx-card v-else>\r\n            <div class=\"flex flex-col items-center text-center\">\r\n                <img style=\"width:300px\" src=\"@/assets/images/icon/icon-grafik.png\" />\r\n                <h3>Silahkan pilih tanggal</h3>\r\n            </div>\r\n        </vx-card>\r\n\r\n        <div class=\"mb-4\">&nbsp;</div>\r\n\r\n        <vx-card v-if=\"showReport && showBottomLists\">\r\n            <report-bottom-lists :title=\"bottomTitle\" :next=\"nextLink\" :datas=\"statisticsData\"></report-bottom-lists>\r\n        </vx-card>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from 'moment';\r\nimport vSelect from \"vue-select\";\r\nimport DatePicker from 'vue2-datepicker';\r\nimport api from '@/api'\r\nimport ReportBottomLists from \"./custom_report_bottom.vue\";\r\nimport StatisticBox from \"../reports/components/StatisticBox.vue\";\r\nimport OccupancyChart from \"../reports/components/OccupancyChart.vue\";\r\nimport CountingChart from \"../reports/components/CountingChart.vue\";\r\nimport SummaryCard from \"../reports/components/SummaryCard.vue\";\r\n\r\nimport 'vue2-datepicker/index.css';\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            breadcrumb: null,\r\n            daterange: '',\r\n            site: '',\r\n            event: '',\r\n            eventLists: [],\r\n            detail: null,\r\n            siteLists: [],\r\n            timerange: '1 hour',\r\n            timerangeLists: [\r\n                { code: \"1 hour\", label: \"1 hour\" },\r\n                { code: \"3 hours\", label: \"3 hours\" },\r\n                { code: \"6 hours\", label: \"6 hours\" },\r\n                { code: \"12 hours\", label: \"12 hours\" },\r\n                { code: \"24 hours\", label: \"24 hours\" },\r\n            ],\r\n            dateSelected: { code: \"today\", label: \"Today\" },\r\n            dateSelectLists: [\r\n                { code: \"today\", label: \"Today\" },\r\n                { code: \"other\", label: \"Select Date\" },\r\n            ],\r\n            disabledDateAfter: new Date(),\r\n            showReport: false,\r\n            lists: [],\r\n            statisticsData: [],\r\n            bottomTitle: '',\r\n            nextLink: '',\r\n            isBreadCrumbSite: true,\r\n            isBreadCrumbArea: true,\r\n            isBreadCrumbCamera: true,\r\n            disableSearch: false,\r\n            showBottomLists: true,\r\n            searchQuery: \"\",\r\n            selectedCustomReport: null\r\n        }\r\n    },\r\n    components: {\r\n        DatePicker,\r\n        vSelect,\r\n        ReportBottomLists,\r\n        StatisticBox,\r\n        OccupancyChart,\r\n        CountingChart,\r\n        SummaryCard\r\n    },\r\n    computed: {\r\n        summaryData() {\r\n            if (this.lists.length > 0) {\r\n                return this.lists[0].chart.series[0].data\r\n            }\r\n            return []\r\n        }\r\n    },\r\n    beforeMount() {\r\n        this.breadcrumb = JSON.parse(localStorage.getItem('reportBreadcrumb'));\r\n\r\n        const selectedCustomReportStore = localStorage.getItem('selectedCustomReport')\r\n        const selectedCustomReport = JSON.parse(selectedCustomReportStore)\r\n        console.log(selectedCustomReport)\r\n        if(selectedCustomReport != null && selectedCustomReport != undefined && selectedCustomReport != '') {\r\n            this.selectedCustomReport = selectedCustomReport\r\n        }\r\n\r\n        this.checkRoute()\r\n    },\r\n    mounted() {\r\n        this.getSiteLists()\r\n        this.getEventLists()\r\n        console.log(\"route_name\")\r\n        console.log(this.$route.name)\r\n        if (this.$route.name != 'custom_report_view') {\r\n            this.getChartData()\r\n            this.getReportData()\r\n        }\r\n    },\r\n    methods: {\r\n        checkRoute() {\r\n            const reportSearch = localStorage.getItem('reportSearch')\r\n            const reportSearchParsed = JSON.parse(reportSearch)\r\n            if(reportSearchParsed != undefined && reportSearchParsed != null && reportSearchParsed != '') {\r\n                this.site = reportSearchParsed.site != undefined ? reportSearchParsed.site : ''\r\n                this.event = reportSearchParsed.event != undefined ? reportSearchParsed.event : ''\r\n                this.dateSelected = reportSearchParsed.dateSelected != undefined ? reportSearchParsed.dateSelected : { code: \"today\", label: \"Today\" }\r\n                this.timerange = reportSearchParsed.timerange != undefined ? reportSearchParsed.timerange : '1 hour'\r\n                this.startdate = reportSearchParsed.startdate != undefined ? reportSearchParsed.startdate : ''\r\n                this.enddate = reportSearchParsed.enddate != undefined ? reportSearchParsed.enddate : ''\r\n\r\n                if(this.dateSelected.code == 'other') {\r\n                    this.daterange = [\r\n                        new Date(this.startdate),\r\n                        new Date(this.enddate)\r\n                    ]\r\n                }\r\n            }\r\n\r\n            if (this.$route.name != 'custom_report_view') {\r\n                this.showReport = true\r\n                this.disableSearch = true\r\n            }\r\n\r\n            this.isBreadCrumbHome = true;\r\n            this.isBreadCrumbSite = true;\r\n            this.isBreadCrumbArea = false;\r\n            this.isBreadCrumbCamera = false;\r\n\r\n            this.bottomTitle = 'Camera Lists'\r\n            this.apiReportDetailCsv = '/ReportDetail/download/site'\r\n            this.reportModel = {\r\n                customReportId: this.$route.params.id\r\n            }\r\n            this.chartModel = {\r\n                siteId: this.site.id,\r\n                rangeParam: this.timerange.code,\r\n                customReportId: this.$route.params.id\r\n            }\r\n\r\n            // switch (this.$route.name) {\r\n            //     case 'custom_report_area':\r\n            //         this.isBreadCrumbHome = true;\r\n            //         this.isBreadCrumbSite = true;\r\n            //         this.isBreadCrumbArea = true;\r\n            //         this.isBreadCrumbCamera = false;\r\n\r\n            //         this.bottomTitle = 'Camera'\r\n            //         this.nextLink = '/custom_report/camera'\r\n            //         this.apiReportPath = '/Avigilon/dashboard/area'\r\n            //         this.apiReportDetailCsv = '/ReportDetail/download/area'\r\n            //         this.reportModel = {\r\n            //             areaId: this.$route.params.id\r\n            //         }\r\n            //         this.chartModel = {\r\n            //             siteId: this.site.id,\r\n            //             areaId: this.$route.params.id,\r\n            //             customReportId: this.selectedCustomReport.id,\r\n            //             rangeParam: this.timerange.code,\r\n            //         }\r\n            //         if (this.dateSelected.code != 'today') {\r\n            //             this.chartModel = {\r\n            //                 siteId: this.site.id,\r\n            //                 areaId: this.$route.params.id,\r\n            //                 customReportId: this.selectedCustomReport.id,\r\n            //                 startdate: this.startdate,\r\n            //                 enddate: this.enddate\r\n            //             }\r\n            //         }\r\n            //         break;\r\n            //     case 'custom_report_camera':\r\n            //         this.isBreadCrumbHome = true;\r\n            //         this.isBreadCrumbSite = true;\r\n            //         this.isBreadCrumbArea = true;\r\n            //         this.isBreadCrumbCamera = true;\r\n\r\n            //         this.showBottomLists = false\r\n            //         this.bottomTitle = ''\r\n            //         this.nextLink = ''\r\n            //         this.apiReportPath = '/Avigilon/dashboard/camera'\r\n            //         this.apiReportDetailCsv = '/ReportDetail/download/camera'\r\n            //         this.reportModel = {\r\n            //             cameraId: this.$route.params.id\r\n            //         }\r\n            //         this.chartModel = {\r\n            //             siteId: this.site.id,\r\n            //             areaId: this.area,\r\n            //             cameraId: this.$route.params.id,\r\n            //             customReportId: this.selectedCustomReport.id,\r\n            //             rangeParam: this.timerange.code,\r\n            //         }\r\n            //         if (this.dateSelected.code != 'today') {\r\n            //             this.chartModel = {\r\n            //                 siteId: this.site.id,\r\n            //                 areaId: this.area,\r\n            //                 cameraId: this.$route.params.id,\r\n            //                 customReportId: this.selectedCustomReport.id,\r\n            //                 startdate: this.startdate,\r\n            //                 enddate: this.enddate\r\n            //             }\r\n            //         }\r\n            //         break;\r\n            //     default:\r\n            //         this.isBreadCrumbHome = true;\r\n            //         this.isBreadCrumbSite = true;\r\n            //         this.isBreadCrumbArea = false;\r\n            //         this.isBreadCrumbCamera = false;\r\n\r\n            //         this.bottomTitle = 'Area'\r\n            //         this.nextLink = '/custom_report/area'\r\n            //         this.apiReportPath = 'getCameraCustomReportSelection'\r\n            //         this.apiReportDetailCsv = '/ReportDetail/download/site'\r\n            //         this.reportModel = {\r\n            //             siteId: this.site.id\r\n            //         }\r\n            //         this.chartModel = {\r\n            //             siteId: this.site.id,\r\n            //             rangeParam: this.timerange.code\r\n            //         }\r\n            // }\r\n        },\r\n        buildReport() {\r\n            this.showReport = true\r\n            \r\n            if (this.dateSelected.code == 'today') {\r\n                this.chartModel = {\r\n                    siteId: this.site.id,\r\n                    rangeParam: this.timerange.code,\r\n                    customReportId: this.$route.params.id\r\n                }\r\n            } else {\r\n                const rawStartMonth = this.daterange[0].getMonth() + 1\r\n                const startMonth = rawStartMonth.toString().padStart(2, '0')\r\n                const startDate = this.daterange[0].getDate().toString().padStart(2, '0')\r\n\r\n                const rawEndMonth = this.daterange[1].getMonth() + 1\r\n                const endMonth = rawEndMonth.toString().padStart(2, '0')\r\n                const endDate = this.daterange[1].getDate().toString().padStart(2, '0')\r\n\r\n                this.chartModel = {\r\n                    siteId: this.site.id,\r\n                    customReportId: this.$route.params.id,\r\n                    startdate: `${this.daterange[0].getFullYear()}-${startMonth}-${startDate}`,\r\n                    enddate: `${this.daterange[1].getFullYear()}-${endMonth}-${endDate}`\r\n                }\r\n            }\r\n\r\n            this.getChartData()\r\n            this.getReportData()\r\n        },\r\n        notAferToday(date) {\r\n            return date > new Date(new Date().setHours(23, 59, 0, 0));\r\n        },\r\n        openCustomReport() {\r\n            this.$router.push('/custom_report')\r\n        },\r\n        getSiteLists() {\r\n            if (this.$store.state.sites.length > 0) {\r\n                this.siteLists = this.$store.state.sites\r\n            } else {\r\n                this.$vs.loading()\r\n                api.sites({\r\n                    siteName: this.searchQuery\r\n                })\r\n                    .then(result => result.data)\r\n                    .then(data => {\r\n                        if (data.status) {\r\n                            this.siteLists = data.data\r\n                        }\r\n                        this.$vs.loading.close()\r\n                    })\r\n                    .catch((e) => {\r\n                        console.log(e)\r\n                        this.$vs.loading.close()\r\n                    });\r\n            }\r\n        },\r\n        getEventLists() {\r\n            if (this.$store.state.events.length > 0) {\r\n                this.eventLists = this.$store.state.events\r\n                if (this.selectedCustomReport != null && this.selectedCustomReport != undefined) {\r\n                    const filteredEventLists = this.eventLists.filter(item => item.id == this.selectedCustomReport.parameterEventId)\r\n                    this.event = filteredEventLists[0]\r\n                }\r\n            } else {\r\n                this.$vs.loading()\r\n                api.getEventLists()\r\n                    .then(result => result.data)\r\n                    .then(data => {\r\n                        if (data.status) {\r\n                            this.eventLists = data.data\r\n                            this.$store.dispatch('updateEventLists', data.data)\r\n\r\n                            if (this.selectedCustomReport != null && this.selectedCustomReport != undefined) {\r\n                                const filteredEventLists = this.eventLists.filter(item => item.id == this.selectedCustomReport.parameterEventId)\r\n                                this.event = filteredEventLists[0]\r\n                            }\r\n                        }\r\n                        this.$vs.loading.close()\r\n                    })\r\n                    .catch((e) => {\r\n                        console.log(e)\r\n                        this.$vs.loading.close()\r\n                    });\r\n            }\r\n        },\r\n        downloadCsvDailyReport(params) {\r\n            // GET /api/ReportDetail/download/site?siteId=3&startDate=2022-09-24&endDate=2022-09-26\r\n            this.$vs.loading()\r\n\r\n            const qParams = {\r\n                ...this.reportModel,\r\n                startDate: moment(params.start).format('YYYY-MM-DD'),\r\n                endDate: moment(params.end).format('YYYY-MM-DD')\r\n            }\r\n\r\n            console.log(qParams)\r\n\r\n            api.reportData(this.apiReportDetailCsv, qParams)\r\n                .then(result => result.data)\r\n                .then(data => {\r\n                    let itemsFormatted = [];\r\n\r\n                    let nameLabel = ''\r\n                    if (this.apiReportDetailCsv.includes('site')) {\r\n                        nameLabel = 'Site Name'\r\n                    }\r\n                    if (this.apiReportDetailCsv.includes('area')) {\r\n                        nameLabel = 'Area Name'\r\n                    }\r\n                    if (this.apiReportDetailCsv.includes('camera')) {\r\n                        nameLabel = 'Camera Name'\r\n                    }\r\n\r\n                    var headers = {\r\n                        name: nameLabel,\r\n                        inPersom: 'IN_Person',\r\n                        inCar: 'IN_Car',\r\n                        inMotor: 'IN_Motorcycle',\r\n                        inOther: 'IN_OtherVehicle',\r\n                        inTotal: 'Total_IN',\r\n                        outPersom: 'OUT_Person',\r\n                        outCar: 'OUT_Car',\r\n                        outMotor: 'OUT_Motorcycle',\r\n                        outOther: 'OUT_OtherVehicle',\r\n                        outTotal: 'Total_OUT',\r\n                        date: 'Date'\r\n                    };\r\n\r\n                    if (data.status) {\r\n                        const rData = data.data\r\n\r\n                        rData.forEach((item) => {\r\n                            let name = ''\r\n                            if (this.apiReportDetailCsv.includes('site')) {\r\n                                name = item.siteName\r\n                            }\r\n                            if (this.apiReportDetailCsv.includes('area')) {\r\n                                name = item.areaName\r\n                            }\r\n                            if (this.apiReportDetailCsv.includes('camera')) {\r\n                                name = item.cameraName\r\n                            }\r\n\r\n                            itemsFormatted.push({\r\n                                name: name.replace(/,/g, ''), // remove commas to avoid errors,\r\n                                inPersom: item.inPerson,\r\n                                inCar: item.inCar,\r\n                                inMotor: item.inMotorcycle,\r\n                                inOther: item.inOtherVehicle,\r\n                                inTotal: item.totalIn,\r\n                                outPersom: item.outPerson,\r\n                                outCar: item.outCar,\r\n                                outMotor: item.outMotorcycle,\r\n                                outOther: item.outOtherVehicle,\r\n                                outTotal: item.totalOut,\r\n                                date: item.date\r\n                            });\r\n                        });\r\n\r\n                        const now = Date.now();\r\n                        var fileTitle = 'report-' + now; // or 'my-unique-title'\r\n\r\n                        this.$vs.loading.close()\r\n                        this.exportCSVFile(headers, itemsFormatted, fileTitle); // call the exportCSVFile() function to process the JSON and trigger the download\r\n                    }\r\n                })\r\n                .catch((e) => {\r\n                    console.log(e)\r\n                    this.$vs.loading.close()\r\n                });\r\n        },\r\n        getChartData() {\r\n            this.$vs.loading()\r\n            api.getCustomReportGrafik(this.chartModel)\r\n            .then((result) => result.data)\r\n            .then(data => {\r\n                console.log(data)\r\n                this.lists = data.data\r\n                this.showReport = true\r\n                this.$vs.loading.close()\r\n            })\r\n            .catch((e) => {\r\n                console.log(e)\r\n                this.$vs.loading.close()\r\n            });\r\n        },\r\n        getReportData() {\r\n            api.getCameraCustomReportSelection(this.reportModel)\r\n                .then(result => result.data)\r\n                .then(data => {\r\n                    if (data.status) {\r\n                        this.statisticsData = data.data\r\n                    }\r\n                    this.$vs.loading.close()\r\n                })\r\n                .catch((e) => {\r\n                    console.log(e)\r\n                    this.$vs.loading.close()\r\n                });\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.orgs {\r\n    font-size: 16px;\r\n\r\n    span {\r\n        color: #1372ac;\r\n        font-weight: 600;\r\n    }\r\n\r\n    padding-bottom: 20px;\r\n}\r\n\r\n.title {\r\n    text-align: center;\r\n    font-size: 18pt;\r\n    font-weight: 700;\r\n}\r\n\r\n.brdcrmb {\r\n    text-transform: capitalize;\r\n    font-weight: 600;\r\n    display: flex;\r\n    color: #1372AC;\r\n\r\n    li {\r\n        a {\r\n            text-transform: capitalize;\r\n            color: #1372AC;\r\n            padding: 0 10px;\r\n\r\n        }\r\n\r\n        &:first-child {\r\n            a {\r\n                padding-left: 0 !important;\r\n                padding-right: 10px;\r\n            }\r\n        }\r\n\r\n        &::after {\r\n            content: \"/\";\r\n        }\r\n\r\n        &:last-child {\r\n            &::after {\r\n                content: \"\";\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>\r\n","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!./detail.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!./detail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=5c58f860&scoped=true\"\nimport script from \"./detail.vue?vue&type=script&lang=js\"\nexport * from \"./detail.vue?vue&type=script&lang=js\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=5c58f860&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5c58f860\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}