{"version":3,"sources":["webpack:///./src/views/custom_report/form.vue","webpack:///src/views/custom_report/form.vue","webpack:///./src/views/custom_report/form.vue?8598","webpack:///./src/views/custom_report/form.vue?a4cb"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","$event","$router","push","name","_v","preventDefault","saveData","staticStyle","isEdit","siteLists","model","value","site","callback","$$v","expression","report_name","eventLists","event","id","eventTypeIn","eventTypeOut","_e","cameraTreeLists","length","key","staticRenderFns","data","eventType","selectedCustomReport","watch","x","y","getCameraTreePerSite","components","vSelect","OtherAccessForm","beforeMount","undefined","$route","params","selectedReport","localStorage","getItem","JSON","parse","reportName","inOut","toString","mounted","getSiteLists","getEventLists","methods","setEventType","console","log","_this","siteId","_objectSpread","customReportId","$vs","loading","api","getCustomReportCameraPerSite","then","result","status","close","catch","e","_this2","$store","state","sites","filteredSiteLists","filter","item","siteName","searchQuery","dispatch","_this3","events","filteredEventLists","parameterEventId","updateCustomReport","saveCustomReport","notify","title","text","color","position","_this4","InOut","aksesCameraArea","setTimeout","message","_this5","getCustomReportDetail","_this6","getCustomReportLists","component"],"mappings":"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","file":"js/chunk-2d0c0e52.69e94317.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',[_c('div',{staticClass:\"flex justify-end\"},[_c('vs-button',{staticClass:\"mr-4\",attrs:{\"color\":\"danger\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-x\"},on:{\"click\":function($event){return _vm.$router.push({ name: 'custom_report' })}}},[_vm._v(\"Cancel\")]),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-save\"},on:{\"click\":function($event){$event.preventDefault();return _vm.saveData()}}},[_vm._v(\"Save\")])],1),_c('div',{staticClass:\"pt-8 w-full md:w-1/2\"},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',[_vm._v(\"Site\")])]),_c('div',{staticClass:\"vx-col w-full mb-4 sm:w-1/4 sm:mb-0\",staticStyle:{\"min-width\":\"300px\"}},[_c('v-select',{staticClass:\"w-full\",attrs:{\"disabled\":_vm.isEdit,\"label\":\"name\",\"placeholder\":\"Site\",\"options\":_vm.siteLists},model:{value:(_vm.site),callback:function ($$v) {_vm.site=$$v},expression:\"site\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',[_vm._v(\"Report Name\")])]),_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",model:{value:(_vm.report_name),callback:function ($$v) {_vm.report_name=$$v},expression:\"report_name\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',[_vm._v(\"Event Code\")])]),_c('div',{staticClass:\"vx-col w-full mb-4 sm:w-1/2 sm:mb-0\"},[_c('v-select',{staticClass:\"w-full\",attrs:{\"label\":\"eventName\",\"placeholder\":\"Select event\",\"options\":_vm.eventLists},model:{value:(_vm.event),callback:function ($$v) {_vm.event=$$v},expression:\"event\"}})],1)]),(_vm.event != null && _vm.event.id == '14')?_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col mb-1 w-full\"},[_c('span',[_vm._v(\"Type\")])]),_c('div',{staticClass:\"vx-col sm:w-1/4 w-full flex items-center\"},[_c('vs-checkbox',{attrs:{\"vs-value\":\"1\"},model:{value:(_vm.eventTypeIn),callback:function ($$v) {_vm.eventTypeIn=$$v},expression:\"eventTypeIn\"}},[_vm._v(\"IN\")]),_c('vs-checkbox',{attrs:{\"vs-value\":\"2\"},model:{value:(_vm.eventTypeOut),callback:function ($$v) {_vm.eventTypeOut=$$v},expression:\"eventTypeOut\"}},[_vm._v(\"OUT\")])],1)]):_vm._e(),_c('div',{staticClass:\"vx-row mb-6\"},[(_vm.cameraTreeLists.length > 0)?_c('div',{staticClass:\"vx-col w-full border\"},[_c('OtherAccessForm',{key:_vm.site.id,attrs:{\"edit\":_vm.isEdit},model:{value:(_vm.cameraTreeLists),callback:function ($$v) {_vm.cameraTreeLists=$$v},expression:\"cameraTreeLists\"}})],1):_vm._e()])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <vx-card>\r\n    <div class=\"flex justify-end\">\r\n      <vs-button\r\n        @click=\"$router.push({ name: 'custom_report' })\"\r\n        color=\"danger\"\r\n        type=\"filled\"\r\n        icon-pack=\"feather\"\r\n        icon=\"icon-x\"\r\n        class=\"mr-4\"\r\n        >Cancel</vs-button\r\n      >\r\n      <vs-button\r\n        color=\"primary\"\r\n        type=\"filled\"\r\n        icon-pack=\"feather\"\r\n        icon=\"icon-save\"\r\n        @click.prevent=\"saveData()\"\r\n        >Save</vs-button\r\n      >\r\n    </div>\r\n\r\n    <div class=\"pt-8 w-full md:w-1/2\">\r\n      <div class=\"vx-row mb-6\">\r\n        <div class=\"vx-col w-full\">\r\n          <span>Site</span>\r\n        </div>\r\n        <div\r\n          style=\"min-width: 300px\"\r\n          class=\"vx-col w-full mb-4 sm:w-1/4 sm:mb-0\"\r\n        >\r\n          <v-select\r\n            :disabled=\"isEdit\"\r\n            label=\"name\"\r\n            placeholder=\"Site\"\r\n            class=\"w-full\"\r\n            v-model=\"site\"\r\n            :options=\"siteLists\"\r\n          ></v-select>\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mb-6\">\r\n        <div class=\"vx-col w-full\">\r\n          <span>Report Name</span>\r\n        </div>\r\n        <div class=\"vx-col w-full\">\r\n          <vs-input class=\"w-full\" v-model=\"report_name\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mb-6\">\r\n        <div class=\"vx-col w-full\">\r\n          <span>Event Code</span>\r\n        </div>\r\n        <div class=\"vx-col w-full mb-4 sm:w-1/2 sm:mb-0\">\r\n          <v-select\r\n            label=\"eventName\"\r\n            placeholder=\"Select event\"\r\n            class=\"w-full\"\r\n            v-model=\"event\"\r\n            :options=\"eventLists\"\r\n          ></v-select>\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mb-6\" v-if=\"event != null && event.id == '14'\">\r\n        <div class=\"vx-col mb-1 w-full\">\r\n          <span>Type</span>\r\n        </div>\r\n        <div class=\"vx-col sm:w-1/4 w-full flex items-center\">\r\n          <vs-checkbox v-model=\"eventTypeIn\" vs-value=\"1\">IN</vs-checkbox>\r\n          <vs-checkbox v-model=\"eventTypeOut\" vs-value=\"2\">OUT</vs-checkbox>\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mb-6\">\r\n        <div v-if=\"cameraTreeLists.length > 0\" class=\"vx-col w-full border\">\r\n          <OtherAccessForm\r\n            :key=\"site.id\"\r\n            :edit=\"isEdit\"\r\n            v-model=\"cameraTreeLists\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </vx-card>\r\n</template>\r\n\r\n<script>\r\nimport api from \"@/api\";\r\nimport vSelect from \"vue-select\";\r\nimport OtherAccessForm from \"../configurations/orgs/users/other_access_tree.vue\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      report_name: \"\",\r\n      site: null,\r\n      siteLists: [],\r\n      event: null,\r\n      eventLists: [],\r\n      isEdit: false,\r\n      cameraTreeLists: [],\r\n      eventType: \"0\",\r\n      eventTypeIn: \"\",\r\n      eventTypeOut: \"\",\r\n      selectedCustomReport: null,\r\n    };\r\n  },\r\n  watch: {\r\n    site(x, y) {\r\n      if (x != \"\" && x != null) {\r\n        if (x != y) {\r\n          this.getCameraTreePerSite();\r\n        }\r\n      } else {\r\n        this.cameraTreeLists = [];\r\n      }\r\n    },\r\n    eventTypeIn: \"setEventType\",\r\n    eventTypeOut: \"setEventType\",\r\n  },\r\n  components: {\r\n    vSelect,\r\n    OtherAccessForm,\r\n  },\r\n  // beforeMount() {\r\n  //   if (this.$route.params.id != undefined) {\r\n  //     var selectedReport = localStorage.getItem(\"selectedCustomReport\");\r\n  //     if (selectedReport != null && selectedReport != undefined) {\r\n  //       this.selectedCustomReport = JSON.parse(selectedReport);\r\n  //       this.report_name = this.selectedCustomReport.reportName;\r\n  //       this.eventType = this.selectedCustomReport.inOut;\r\n  //     }\r\n  //     this.isEdit = true;\r\n  //     this.getCameraTreePerSite();\r\n  //   }\r\n  // },\r\n  beforeMount() {\r\n  if (this.$route.params.id != undefined) {\r\n    var selectedReport = localStorage.getItem(\"selectedCustomReport\");\r\n    if (selectedReport != null && selectedReport != undefined) {\r\n      this.selectedCustomReport = JSON.parse(selectedReport);\r\n      this.report_name = this.selectedCustomReport.reportName;\r\n      this.eventType = this.selectedCustomReport.inOut.toString();\r\n\r\n      // Set eventTypeIn and eventTypeOut based on the value of this.selectedCustomReport.inOut\r\n      if (this.eventType === \"1\") {\r\n        this.eventTypeIn = \"1\";\r\n        this.eventTypeOut = \"\";\r\n      } else if (this.eventType === \"2\") {\r\n        this.eventTypeIn = \"\";\r\n        this.eventTypeOut = \"2\";\r\n      } else if (this.eventType === \"3\") {\r\n        this.eventTypeIn = \"1\";\r\n        this.eventTypeOut = \"2\";\r\n      } else {\r\n        this.eventTypeIn = false;\r\n        this.eventTypeOut = false;\r\n      }\r\n    }\r\n    this.isEdit = true;\r\n    this.getCameraTreePerSite();\r\n  }\r\n},\r\n  mounted() {\r\n    this.getSiteLists();\r\n    this.getEventLists();\r\n  },\r\n  methods: {\r\n    setEventType() {\r\n      this.eventType =\r\n        this.eventTypeIn && this.eventTypeOut\r\n          ? \"3\"\r\n          : this.eventTypeIn\r\n          ? \"1\"\r\n          : this.eventTypeOut\r\n          ? \"2\"\r\n          : \"0\";\r\n      console.log(\"Current value of eventType:\", this.eventType);\r\n    },\r\n    getCameraTreePerSite() {\r\n      let params = {\r\n        siteId: this.site.id,\r\n      };\r\n\r\n      if (this.isEdit) {\r\n        params = {\r\n          ...params,\r\n          customReportId: this.$route.params.id,\r\n        };\r\n      }\r\n\r\n      this.$vs.loading();\r\n      this.cameraTreeLists = [];\r\n      api\r\n        .getCustomReportCameraPerSite(params)\r\n        .then((result) => result.data)\r\n        .then((data) => {\r\n          if (data.status) {\r\n            this.cameraTreeLists = 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    getSiteLists() {\r\n      if (this.$store.state.sites.length > 0) {\r\n        this.siteLists = this.$store.state.sites;\r\n        if (\r\n          this.selectedCustomReport == null ||\r\n          this.selectedCustomReport == undefined\r\n        ) {\r\n          this.site = this.siteLists[0];\r\n        } else {\r\n          const filteredSiteLists = this.siteLists.filter(\r\n            (item) => item.id == this.selectedCustomReport.siteId\r\n          );\r\n          this.site = filteredSiteLists[0];\r\n        }\r\n      } else {\r\n        this.$vs.loading();\r\n        api\r\n          .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              if (\r\n                this.selectedCustomReport == null ||\r\n                this.selectedCustomReport == undefined\r\n              ) {\r\n                this.site = this.siteLists[0];\r\n              } else {\r\n                const filteredSiteLists = this.siteLists.filter(\r\n                  (item) => item.id == this.selectedCustomReport.siteId\r\n                );\r\n                this.site = filteredSiteLists[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    getEventLists() {\r\n      if (this.$store.state.events.length > 0) {\r\n        this.eventLists = this.$store.state.events;\r\n        if (\r\n          this.selectedCustomReport != null &&\r\n          this.selectedCustomReport != undefined\r\n        ) {\r\n          const filteredEventLists = this.eventLists.filter(\r\n            (item) => item.id == this.selectedCustomReport.parameterEventId\r\n          );\r\n          this.event = filteredEventLists[0];\r\n        }\r\n      } else {\r\n        this.$vs.loading();\r\n        api\r\n          .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 (\r\n                this.selectedCustomReport != null &&\r\n                this.selectedCustomReport != undefined\r\n              ) {\r\n                const filteredEventLists = this.eventLists.filter(\r\n                  (item) =>\r\n                    item.id == this.selectedCustomReport.parameterEventId\r\n                );\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    saveData() {\r\n    console.log(\"Event:\", this.event);\r\n    console.log(\"EventType:\", this.eventType);\r\n    console.log(\"event.id\", this.event.id);\r\n      if (this.event !== null && this.event.id == '14') {\r\n      if (this.eventType === \"0\") {\r\n        this.$vs.notify({\r\n          title: \"Error\",\r\n          text: \"Please select at least one type (IN or OUT).\",\r\n          color: \"danger\",\r\n          position: \"bottom-center\",\r\n        });\r\n        return;\r\n      }\r\n    }\r\n      if (this.isEdit) {\r\n        this.updateCustomReport();\r\n      } else {\r\n        this.saveCustomReport();\r\n      }\r\n    },\r\n    saveCustomReport() {\r\n      this.$vs.loading();\r\n      const params = {\r\n        siteId: this.site.id,\r\n        reportName: this.report_name,\r\n        parameterEventId: this.event.id,\r\n        InOut: this.eventType,\r\n        aksesCameraArea: this.cameraTreeLists,\r\n      };\r\n      api\r\n        .saveCustomReport(params)\r\n        .then((result) => result.data)\r\n        .then((data) => {\r\n          this.$vs.loading.close();\r\n          if (!data.status) {\r\n            this.$vs.notify({\r\n              title: \"Error\",\r\n              text: data.message,\r\n              color: \"danger\",\r\n              position: \"bottom-center\",\r\n            });\r\n          } else {\r\n            this.$vs.notify({\r\n              title: \"Success\",\r\n              text: \"Custom report created successfully\",\r\n              color: \"success\",\r\n              position: \"bottom-center\",\r\n            });\r\n            setTimeout(() => {\r\n              this.$router.push({ name: \"custom_report\" });\r\n            }, 500);\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    updateCustomReport() {\r\n      this.$vs.loading();\r\n      const params = {\r\n        customReportId: this.$route.params.id,\r\n        siteId: this.site.id,\r\n        reportName: this.report_name,\r\n        parameterEventId: this.event.id,\r\n        InOut: this.eventType,\r\n        aksesCameraArea: this.cameraTreeLists,\r\n      };\r\n      api\r\n        .updateCustomReport(params)\r\n        .then((result) => result.data)\r\n        .then((data) => {\r\n          this.$vs.loading.close();\r\n          if (!data.status) {\r\n            this.$vs.notify({\r\n              title: \"Error\",\r\n              text: data.message,\r\n              color: \"danger\",\r\n              position: \"bottom-center\",\r\n            });\r\n          } else {\r\n            this.$vs.notify({\r\n              title: \"Success\",\r\n              text: \"Custom report created successfully\",\r\n              color: \"success\",\r\n              position: \"bottom-center\",\r\n            });\r\n            setTimeout(() => {\r\n              this.$router.push({ name: \"custom_report\" });\r\n            }, 500);\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    getCustomReportDetail() {\r\n      this.$vs.loading();\r\n      api\r\n        .getCustomReportLists({\r\n          customReportId: this.selectedCustomReport.id,\r\n        })\r\n        .then((result) => result.data)\r\n        .then((data) => {\r\n          if (data.status) {\r\n            console.log(data.data);\r\n            //this.lists = 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","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!./form.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!./form.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./form.vue?vue&type=template&id=f30da570\"\nimport script from \"./form.vue?vue&type=script&lang=js\"\nexport * from \"./form.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"],"sourceRoot":""}