{"version":3,"sources":["webpack:///./src/assets/images/icon/icon-grafik.png","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/_string-html.js","webpack:///./src/views/reports/components/ReportBottomLists.vue","webpack:///src/views/reports/components/ReportBottomLists.vue","webpack:///./src/views/reports/components/ReportBottomLists.vue?3230","webpack:///./src/views/reports/components/ReportBottomLists.vue?1a52","webpack:///./src/views/reports/components/StatisticBox.vue?00c1","webpack:///./node_modules/@babel/runtime/helpers/esm/typeof.js","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:///./src/views/reports/sub_new.vue?f289","webpack:///./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js","webpack:///./node_modules/core-js/modules/_own-keys.js","webpack:///./src/views/reports/sub_new.vue","webpack:///src/views/reports/sub_new.vue","webpack:///./src/views/reports/sub_new.vue?d188","webpack:///./src/views/reports/sub_new.vue?3330","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/ReportBottomLists.vue?027d","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"],"names":["module","exports","render","_vm","this","_c","_self","_l","charts","chart","idx","key","staticClass","_v","_s","name","attrs","chartOptions","series","staticRenderFns","data","lists","computed","dummyData","components","VueApexCharts","beforeMount","mounted","buildChartData","methods","_this","map","x","_objectSpread","colors","plotOptions","bar","horizontal","endingShape","columnWidth","dataLabels","enabled","stroke","show","width","stacked","type","toolbar","xaxis","categories","yaxis","title","text","fill","opacity","tooltip","y","formatter","val","Math","abs","push","component","$export","fails","defined","quot","createHTML","string","tag","attribute","value","S","String","p1","replace","NAME","exec","O","P","F","test","toLowerCase","split","length","datas","scopedSlots","_u","fn","_ref","i","occupancy","countIn","_e","countOut","countTotal","countBookmark","next","on","$event","preventDefault","goToNextStep","slot","staticStyle","props","required","Array","Boolean","default","breadcrumb","home","link","active","site","area","camera","oldBC","localStorage","getItem","oldBCObj","undefined","JSON","parse","includes","id","setItem","stringify","$router","$route","console","log","_typeof","o","Symbol","iterator","constructor","prototype","totalPerson","totalCar","totalMotorcycle","totalOtherVehicle","inPerson","inCar","inMotorcycle","inOtherVehicle","outPerson","outCar","outMotorcycle","outOtherVehicle","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","f","keys","result","gOPN","gOPS","anObject","Reflect","it","getSymbols","concat","isBreadCrumbSite","isBreadCrumbArea","isBreadCrumbCamera","disableSearch","siteLists","timerangeLists","timerange","buildReport","apply","arguments","refreshData","showReport","detail","downloadCsvDailyReport","require","showBottomLists","bottomTitle","nextLink","statisticsData","daterange","event","code","label","dateSelected","dateSelectLists","disabledDateAfter","chartModel","apiReportPath","apiChartPath","apiReportDetailPath","DatePicker","vSelect","ReportBottomLists","StatisticBox","OccupancyChart","CountingChart","dummyArea","dummyCamera","dummyDetail","checkRoute","getSiteLists","getChartData","reportDetail","getReportData","reportSearch","reportSearchParsed","isBreadCrumbHome","apiReportDetailCsv","reportModel","areaId","params","rangeParam","cameraId","validBuildReport","error","$vs","notify","color","position","serachParams","$store","dispatch","siteId","notAferToday","date","setHours","openCustomReport","state","sites","api","siteName","searchQuery","then","status","catch","e","convertToCSV","objArray","array","str","line","index","exportCSVFile","headers","items","fileTitle","unshift","jsonObject","csv","exportedFilenmae","blob","Blob","navigator","msSaveBlob","document","createElement","download","url","URL","createObjectURL","setAttribute","style","visibility","body","appendChild","click","removeChild","_this2","loading","qParams","startDate","moment","start","format","endDate","end","reportData","itemsFormatted","nameLabel","inPersom","inMotor","inOther","inTotal","outPersom","outMotor","outOther","outTotal","rData","forEach","item","areaName","cameraName","totalIn","totalOut","now","close","_this3","finally","_this4","_this5","_this6","_toPrimitive","input","hint","prim","toPrimitive","res","call","TypeError","Number","_toPropertyKey","arg","_defineProperty","obj","Object","defineProperty","enumerable","configurable","writable","reportBuilt","shouldDisplayDonutChart","chartsInOut","class","getVehicleTypeClass","buildChartDataInOut","vehicleType","filteredSeries","hidePerson","slice","filter","filteredLabels","labels","minWidth","toFixed","markers","size","seriesData","vehicleTypes","inDataItem","find","outDataItem","inData","prependZero","outData","s","$defineProperty","createDesc"],"mappings":"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","file":"js/chunk-d65b76fa.4c98ad80.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/icon-grafik.a39f1de0.png\";","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","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","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        \")]),(_vm.occupancy)?_c('vs-td',{staticClass:\"text-center\",attrs:{\"data\":data.countIn}},[_vm._v(\"\\n          \"+_vm._s(data.countIn != null ? data.countIn : 0)+\"\\n        \")]):_vm._e(),(_vm.occupancy)?_c('vs-td',{staticClass:\"text-center\",attrs:{\"data\":data.countOut}},[_vm._v(\"\\n          \"+_vm._s(data.countOut != null ? data.countOut : 0)+\"\\n        \")]):_vm._e(),(_vm.occupancy)?_c('vs-td',{staticClass:\"text-center\",attrs:{\"data\":data.countTotal}},[_vm._v(\"\\n          \"+_vm._s(data.countTotal != null ? data.countTotal : 0)+\"\\n        \")]):_vm._e(),(_vm.occupancy)?_c('vs-td',{staticClass:\"text-center\",attrs:{\"data\":data.countBookmark}},[_vm._v(\"\\n          \"+_vm._s(data.countBookmark != null ? data.countBookmark : 0)+\"\\n        \")]):_vm._e(),_c('vs-td',{staticClass:\"text-center\"},[_c('vs-tooltip',{attrs:{\"text\":\"Detail\"}},[(_vm.next != '')?_c('a',{attrs:{\"href\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.goToNextStep(data)}}},[_c('feather-icon',{staticClass:\"m-0\",attrs:{\"icon\":\"ChevronRightIcon\"}})],1):_vm._e()])],1)],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticStyle:{\"width\":\"50px\"}},[_vm._v(\"No\")]),_c('vs-th',{staticClass:\"text-left\"},[_vm._v(_vm._s(_vm.title))]),(_vm.occupancy)?_c('vs-th',{staticClass:\"text-center text-blue\",staticStyle:{\"width\":\"100px\"}},[_c('feather-icon',{staticClass:\"m-0\",attrs:{\"icon\":\"ArrowUpIcon\"}}),_vm._v(\" Entries\")],1):_vm._e(),(_vm.occupancy)?_c('vs-th',{staticClass:\"text-center text-red\",staticStyle:{\"width\":\"100px\"}},[_c('feather-icon',{staticClass:\"m-0\",attrs:{\"icon\":\"ArrowDownIcon\"}}),_vm._v(\" Exits\")],1):_vm._e(),(_vm.occupancy)?_c('vs-th',{staticClass:\"text-center text-green\",staticStyle:{\"width\":\"200px\"}},[_c('feather-icon',{staticClass:\"m-0\",attrs:{\"icon\":\"PlusIcon\"}}),_vm._v(\" Current Occupancy\")],1):_vm._e(),(_vm.occupancy)?_c('vs-th',{staticClass:\"text-center\",staticStyle:{\"width\":\"100px\"}},[_c('feather-icon',{staticClass:\"m-0\",attrs:{\"icon\":\"BookmarkIcon\"}}),_vm._v(\"\\n        Bookmarks\")],1):_vm._e(),_c('vs-th',{staticClass:\"text-center\",staticStyle:{\"width\":\"50px\"}},[_vm._v(\" \")])],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    <!-- <div class=\"site-lists\">\r\n        <div v-for=\"(data,i) in datas\" :key=\"i\" class=\"site-item flex justify-between items-center\">\r\n          <div class=\"flex items-center\">\r\n            <feather-icon\r\n                icon=\"MapPinIcon\"\r\n                class=\"m-0 p-3\"\r\n              />\r\n            {{data.name}}\r\n          </div>\r\n          <div class=\"flex items-center\">\r\n            <div class=\"box-info inout flex items-center justify-between\">\r\n              <div class=\"flex items-center text-blue\">\r\n                <feather-icon\r\n                  icon=\"ArrowUpIcon\"\r\n                  class=\"m-0\"\r\n                />\r\n                {{data.countIn != null ? data.countIn : 0}}\r\n              </div>\r\n              <div class=\"flex items-center text-red\">\r\n                <feather-icon\r\n                  icon=\"ArrowDownIcon\"\r\n                  class=\"m-0\"\r\n                />\r\n                {{data.countOut != null ? data.countOut : 0}}\r\n              </div>\r\n              <div class=\"flex items-center text-green\">\r\n                <feather-icon\r\n                  icon=\"PlusIcon\"\r\n                  class=\"m-0\"\r\n                />\r\n                {{data.countTotal != null ? data.countTotal : 0}}\r\n              </div>\r\n            </div>\r\n            <div class=\"box-info cam flex items-center justify-between mr-3\">\r\n              <feather-icon\r\n                  icon=\"BookmarkIcon\"\r\n                  class=\"m-0\"\r\n                />\r\n                {{data.countBookmark != null ? data.countBookmark : 0}}\r\n            </div>\r\n            <vs-tooltip text=\"Detail\">\r\n              <a href=\"\" v-if=\"next != ''\" @click.prevent=\"goToNextStep(data)\">\r\n                <feather-icon\r\n                  icon=\"ChevronRightIcon\"\r\n                  class=\"m-0\"\r\n                />\r\n              </a>\r\n            </vs-tooltip>\r\n          </div>\r\n        </div>\r\n      </div> -->\r\n\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\">{{ title }}</vs-th>\r\n        <vs-th v-if=\"occupancy\" class=\"text-center text-blue\" style=\"width:100px\"><feather-icon icon=\"ArrowUpIcon\"\r\n            class=\"m-0\" /> Entries</vs-th>\r\n        <vs-th v-if=\"occupancy\" class=\"text-center text-red\" style=\"width:100px\"><feather-icon icon=\"ArrowDownIcon\"\r\n            class=\"m-0\" /> Exits</vs-th>\r\n        <vs-th v-if=\"occupancy\" class=\"text-center text-green\" style=\"width:200px\"><feather-icon icon=\"PlusIcon\"\r\n            class=\"m-0\" /> Current Occupancy</vs-th>\r\n        <vs-th v-if=\"occupancy\" class=\"text-center\" style=\"width:100px\"><feather-icon icon=\"BookmarkIcon\" class=\"m-0\" />\r\n          Bookmarks</vs-th>\r\n        <vs-th class=\"text-center\" style=\"width:50px\">&nbsp;</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\r\n          <vs-td :data=\"data.name\">\r\n            {{ data.name }}\r\n          </vs-td>\r\n\r\n          <vs-td v-if=\"occupancy\" class=\"text-center\" :data=\"data.countIn\">\r\n            {{ data.countIn != null ? data.countIn : 0 }}\r\n          </vs-td>\r\n\r\n          <vs-td v-if=\"occupancy\" class=\"text-center\" :data=\"data.countOut\">\r\n            {{ data.countOut != null ? data.countOut : 0 }}\r\n          </vs-td>\r\n\r\n          <vs-td v-if=\"occupancy\" class=\"text-center\" :data=\"data.countTotal\">\r\n            {{ data.countTotal != null ? data.countTotal : 0 }}\r\n          </vs-td>\r\n\r\n          <vs-td v-if=\"occupancy\" class=\"text-center\" :data=\"data.countBookmark\">\r\n            {{ data.countBookmark != null ? data.countBookmark : 0 }}\r\n          </vs-td>\r\n\r\n          <vs-td class=\"text-center\">\r\n            <vs-tooltip text=\"Detail\">\r\n              <a href=\"\" v-if=\"next != ''\" @click.prevent=\"goToNextStep(data)\">\r\n                <feather-icon icon=\"ChevronRightIcon\" class=\"m-0\" />\r\n              </a>\r\n            </vs-tooltip>\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: \"Reports\",\r\n          link: \"/reports\",\r\n          active: true,\r\n        },\r\n        site: {\r\n          title: \"Reports\",\r\n          link: \"/reports\",\r\n          active: false,\r\n        },\r\n        area: {\r\n          title: \"Reports\",\r\n          link: \"/reports\",\r\n          active: false,\r\n        },\r\n        camera: {\r\n          title: \"Reports\",\r\n          link: \"/reports\",\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: \"/reports/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: \"/reports/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: \"/reports/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 == 'reports_index') {\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!./ReportBottomLists.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!./ReportBottomLists.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ReportBottomLists.vue?vue&type=template&id=4385ad30&scoped=true\"\nimport script from \"./ReportBottomLists.vue?vue&type=script&lang=js\"\nexport * from \"./ReportBottomLists.vue?vue&type=script&lang=js\"\nimport style0 from \"./ReportBottomLists.vue?vue&type=style&index=0&id=4385ad30&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  \"4385ad30\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/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}","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","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!./sub_new.vue?vue&type=style&index=0&id=e3074faa&prod&lang=scss&scoped=true\"","// 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","// 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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"flex items-center justify-between mb-4\"},[(_vm.breadcrumb != null)?_c('div',[(_vm.$route.name != 'report_occupancy')?_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:\"vx-row\"},[_c('div',{staticClass:\"vx-col mb-2\",staticStyle:{\"min-width\":\"300px\"}},[_c('v-select',{staticClass:\"w-full\",attrs:{\"disabled\":_vm.disableSearch,\"label\":\"name\",\"placeholder\":\"Select site\",\"options\":_vm.siteLists},model:{value:(_vm.site),callback:function ($$v) {_vm.site=$$v},expression:\"site\"}})],1),_c('div',{staticClass:\"vx-col mb-2\",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.disableSearch)?_c('div',{staticClass:\"vx-col mb-2\"},[_c('div',{staticClass:\"flex items-center justify between\"},[_c('vs-button',{staticClass:\"mr-2\",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\")]),_c('vs-button',{attrs:{\"color\":\"#67767f\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-refresh-cw\"},on:{\"click\":function($event){$event.preventDefault();return _vm.refreshData.apply(null, arguments)}}})],1)]):_vm._e()])]),_c('div',{staticClass:\"mb-4\"},[_vm._v(\" \")]),(_vm.showReport)?_c('statistic-box',{attrs:{\"data\":_vm.detail[0]},on:{\"downloadDailyReport\":_vm.downloadCsvDailyReport}}):_vm._e(),(_vm.showReport)?_c('vx-card',_vm._l((_vm.charts),function(chart,idx){return _c('div',{key:idx,staticClass:\"vx-col w-full mb-8\"},[_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):_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 site dan waktu\")])])]),_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 }","<template>\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 != 'report_occupancy'\">\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=\"vx-row\">\r\n                <div class=\"vx-col mb-2\" style=\"min-width:300px\">\r\n                    <v-select :disabled=\"disableSearch\" label=\"name\" placeholder=\"Select site\" class=\"w-full\" v-model=\"site\"\r\n                        :options=\"siteLists\"></v-select>\r\n                </div>\r\n                <div class=\"vx-col mb-2\" style=\"min-width:200px\">\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 class=\"vx-col mb-2\" v-if=\"!disableSearch\">\r\n                    <div class=\"flex items-center justify between\">\r\n                    <vs-button color=\"success\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-search\"\r\n                        @click.prevent=\"buildReport\" class=\"mr-2\">Build Report</vs-button>\r\n                    <vs-button color=\"#67767f\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-refresh-cw\"\r\n                        @click.prevent=\"refreshData\"></vs-button>\r\n                    </div>\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        <statistic-box v-if=\"showReport\" :data=\"detail[0]\" @downloadDailyReport=\"downloadCsvDailyReport\"></statistic-box>\r\n\r\n        <vx-card v-if=\"showReport\">\r\n            <div v-for=\"(chart, idx) in charts\" :key=\"idx\" class=\"vx-col w-full mb-8\">\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        </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 site dan waktu</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 VueApexCharts from \"vue-apexcharts\";\r\nimport vSelect from \"vue-select\";\r\nimport DatePicker from 'vue2-datepicker';\r\nimport api from '@/api'\r\nimport dummyArea from './area.json';\r\nimport dummyCamera from './camera.json';\r\nimport dummyDetail from './detail.json';\r\nimport ReportBottomLists from \"./components/ReportBottomLists.vue\";\r\nimport StatisticBox from \"./components/StatisticBox.vue\";\r\nimport OccupancyChart from \"./components/OccupancyChart.vue\";\r\nimport CountingChart from \"./components/CountingChart.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            detail: null,\r\n            siteLists: [],\r\n            timerange: { code: \"1 hour\", label: \"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            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            charts: [],\r\n            chartModel: {},\r\n            apiReportPath: '',\r\n            apiChartPath: '',\r\n            apiReportDetailPath: ''\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        VueApexCharts\r\n    },\r\n    computed: {\r\n        dummyArea() {\r\n            return dummyArea\r\n        },\r\n        dummyCamera() {\r\n            return dummyCamera\r\n        },\r\n        dummyDetail() {\r\n            return dummyDetail\r\n        }\r\n    },\r\n    beforeMount() {\r\n        this.breadcrumb = JSON.parse(localStorage.getItem('reportBreadcrumb'));\r\n        this.detail = this.dummyDetail.data\r\n        this.checkRoute()\r\n    },\r\n    mounted() {\r\n        this.getSiteLists()\r\n        if(this.$route.name != 'report_occupancy') {\r\n            this.getChartData()\r\n            this.reportDetail()\r\n            this.getReportData()\r\n        }\r\n    },\r\n    methods: {\r\n        refreshData() {\r\n            if (this.showReport) {\r\n            this.buildReport();\r\n            } \r\n        },\r\n        checkRoute() {\r\n            const reportSearch = localStorage.getItem('reportSearch')\r\n            const reportSearchParsed = JSON.parse(reportSearch)\r\n            if (this.$route.name != 'report_occupancy') {\r\n                this.showReport = true\r\n                this.site = reportSearchParsed.site\r\n                this.daterange = reportSearchParsed.daterange\r\n                this.timerange = reportSearchParsed.timerange\r\n                this.disableSearch = true\r\n            }\r\n\r\n            switch (this.$route.name) {\r\n                case 'report_occupancy_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 = '/report_occupancy/camera'\r\n                    this.apiReportPath = '/Avigilon/dashboard/area'\r\n                    this.apiChartPath = '/Avigilon/dashboard/area/chart'\r\n                    this.apiReportDetailPath = '/ReportDetail/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                        areaId: this.$route.params.id,\r\n                        rangeParam: this.timerange.code\r\n                    }\r\n                    break;\r\n                case 'report_occupancy_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.apiChartPath = '/Avigilon/dashboard/camera/chart'\r\n                    this.apiReportDetailPath = '/ReportDetail/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                        cameraId: this.$route.params.id,\r\n                        rangeParam: this.timerange.code\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 = '/report_occupancy/area'\r\n                    this.apiReportPath = '/Avigilon/dashboard/site'\r\n                    this.apiChartPath = '/Avigilon/dashboard/site/chart'\r\n                    this.apiReportDetailPath = '/ReportDetail/site'\r\n                    this.apiReportDetailCsv = '/ReportDetail/download/site'\r\n            }\r\n        },\r\n        validBuildReport() {\r\n            var error = 0\r\n            if (this.site == '') {\r\n                this.$vs.notify({\r\n                    title: 'Error',\r\n                    text: \"Pilih site terlebih dahulu\",\r\n                    color: 'danger',\r\n                    position: 'bottom-center'\r\n                })\r\n                error++\r\n            }\r\n            \r\n            if (this.timerange == null || this.timerange == '') {\r\n                this.$vs.notify({\r\n                    title: 'Error',\r\n                    text: \"Pilih range waktu terlebih dahulu\",\r\n                    color: 'danger',\r\n                    position: 'bottom-center'\r\n                })\r\n                error++\r\n            }\r\n\r\n            return error == 0\r\n        },\r\n        buildReport() {\r\n            if (!this.validBuildReport()) {\r\n                return\r\n            }\r\n\r\n            this.showReport = true\r\n            const serachParams = {\r\n                site: this.site,\r\n                timerange: this.timerange,\r\n            }\r\n\r\n            localStorage.setItem('reportSearch', JSON.stringify(serachParams))\r\n\r\n            this.$store.dispatch('updateSelectedSite', this.site)\r\n\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            console.log(this.reportModel);\r\n            console.log(this.chartModel);\r\n            this.getChartData()\r\n            this.reportDetail()\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                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                            this.$store.dispatch('updateSiteLists', data.data)\r\n                        }\r\n                    })\r\n                    .catch((e) => {\r\n                        console.log(e)\r\n                    });\r\n            }\r\n        },\r\n        convertToCSV(objArray) {\r\n          var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;\r\n          var str = '';\r\n\r\n          for (var i = 0; i < array.length; i++) {\r\n              var line = '';\r\n              for (var index in array[i]) {\r\n                  if (line != '') line += ','\r\n\r\n                  line += array[i][index];\r\n              }\r\n\r\n              str += line + '\\r\\n';\r\n          }\r\n\r\n          return str;\r\n        },\r\n        exportCSVFile(headers, items, fileTitle) {\r\n        if (headers) {\r\n            items.unshift(headers);\r\n        }\r\n\r\n        // Convert Object to JSON\r\n        var jsonObject = JSON.stringify(items);\r\n\r\n        var csv = this.convertToCSV(jsonObject);\r\n\r\n        var exportedFilenmae = fileTitle + '.csv' || 'export.csv';\r\n\r\n        var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });\r\n        if (navigator.msSaveBlob) { // IE 10+\r\n            navigator.msSaveBlob(blob, exportedFilenmae);\r\n        } else {\r\n            var link = document.createElement(\"a\");\r\n            if (link.download !== undefined) { // feature detection\r\n                // Browsers that support HTML5 download attribute\r\n                var url = URL.createObjectURL(blob);\r\n                link.setAttribute(\"href\", url);\r\n                link.setAttribute(\"download\", exportedFilenmae);\r\n                link.style.visibility = 'hidden';\r\n                document.body.appendChild(link);\r\n                link.click();\r\n                document.body.removeChild(link);\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.reportData(this.apiChartPath, this.chartModel)\r\n                .then((result) => result.data)\r\n                .then((data) => {\r\n                    if (data.status) {\r\n                        this.charts = []\r\n                        this.lists = data.data\r\n                    }\r\n                })\r\n                .finally(() => {\r\n                    if (this.lists.length > 0) {\r\n                        this.buildChartData();\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        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            this.$vs.loading.close()\r\n        },\r\n        reportDetail() {\r\n            api.reportData(this.apiReportDetailPath, this.reportModel)\r\n                .then(result => result.data)\r\n                .then(data => {\r\n                    if (data.status) {\r\n                        this.detail = data.data\r\n                    }\r\n                })\r\n                .catch((e) => {\r\n                    console.log(e)\r\n                });\r\n        },\r\n        getReportData() {\r\n            api.reportData(this.apiReportPath, 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                })\r\n                .catch((e) => {\r\n                    console.log(e)\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>","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!./sub_new.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!./sub_new.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./sub_new.vue?vue&type=template&id=e3074faa&scoped=true\"\nimport script from \"./sub_new.vue?vue&type=script&lang=js\"\nexport * from \"./sub_new.vue?vue&type=script&lang=js\"\nimport style0 from \"./sub_new.vue?vue&type=style&index=0&id=e3074faa&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  \"e3074faa\",\n  null\n  \n)\n\nexport default component.exports","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","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!./ReportBottomLists.vue?vue&type=style&index=0&id=4385ad30&prod&lang=scss&scoped=true\"","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"],"sourceRoot":""}