{"version":3,"sources":["webpack:///./src/views/configurations/orgs/sites/list_cameras.vue?573c","webpack:///./src/views/configurations/orgs/sites/list_cameras.vue","webpack:///src/views/configurations/orgs/sites/list_cameras.vue","webpack:///./src/views/configurations/orgs/sites/list_cameras.vue?518c","webpack:///./src/views/configurations/orgs/sites/list_cameras.vue?88c2"],"names":["render","_vm","this","_c","_self","staticClass","isEdit","_e","attrs","on","$event","$router","go","_v","push","name","preventDefault","saveForm","ref","staticStyle","columnDefs","defaultColDef","lists","onGridReady","staticRenderFns","data","gridApi","resizable","headerName","field","flex","computed","currentSiteForm","$store","state","components","AgGridVue","mounted","undefined","id","refreshCameras","importCameras","methods","params","api","_this","$vs","loading","saveSite","then","result","close","status","notify","title","text","color","position","setTimeout","message","catch","e","console","log","_this2","importCamera","ipAddress","concat","username","password","_this3","siteId","component"],"mappings":"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","file":"js/chunk-384e51fd.fd9cbce3.js","sourcesContent":["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!./list_cameras.vue?vue&type=style&index=0&id=bf52baac&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',[_c('div',{staticClass:\"flex justify-end mb-6\"},[(!_vm.isEdit)?_c('vs-button',{staticClass:\"mr-4\",attrs:{\"color\":\"danger\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-x\"},on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_vm._v(\"Cancel\")]):_vm._e(),(_vm.isEdit)?_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.$router.push({name:'org_management_sites'})}}},[_vm._v(\"Done\")]):_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-save\"},on:{\"click\":function($event){$event.preventDefault();return _vm.saveForm()}}},[_vm._v(\"Save\")])],1),_c('ag-grid-vue',{ref:\"agGridTable\",staticClass:\"ag-theme-alpine mb-4\",staticStyle:{\"height\":\"450px\"},attrs:{\"columnDefs\":_vm.columnDefs,\"defaultColDef\":_vm.defaultColDef,\"rowData\":_vm.lists,\"animateRows\":true,\"paginationAutoPageSize\":true,\"pagination\":true},on:{\"grid-ready\":_vm.onGridReady}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <vx-card>\r\n        <div class=\"flex justify-end mb-6\">\r\n            <vs-button v-if=\"!isEdit\" @click=\"$router.go(-1)\" color=\"danger\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-x\" class=\"mr-4\">Cancel</vs-button>\r\n            \r\n            <vs-button v-if=\"isEdit\" color=\"primary\" type=\"filled\" @click=\"$router.push({name:'org_management_sites'})\">Done</vs-button>\r\n            <vs-button v-else color=\"primary\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-save\" @click.prevent=\"saveForm()\">Save</vs-button>\r\n        </div>\r\n\r\n        <ag-grid-vue\r\n          ref=\"agGridTable\"\r\n          style=\"height: 450px\"\r\n          class=\"ag-theme-alpine mb-4\"\r\n          :columnDefs=\"columnDefs\"\r\n          :defaultColDef=\"defaultColDef\"\r\n          :rowData=\"lists\"\r\n          :animateRows=\"true\"\r\n          :paginationAutoPageSize=\"true\"\r\n          :pagination=\"true\"\r\n          @grid-ready=\"onGridReady\">\r\n        </ag-grid-vue>\r\n\r\n        <!-- <vs-table stripe :data=\"lists\">\r\n            <template slot=\"thead\">\r\n                <vs-th>No</vs-th>\r\n                <vs-th class=\"text-left\">Camera Name</vs-th>\r\n                <vs-th class=\"text-left\">Camera ID</vs-th>\r\n            </template>\r\n\r\n            <template slot-scope=\"{ data }\">\r\n                <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n                <vs-td :data=\"indextr\">\r\n                    {{ indextr + 1 }}\r\n                </vs-td>\r\n\r\n                <vs-td class=\"text-left\" :data=\"tr.name\">\r\n                    ({{ tr.name }})\r\n                </vs-td>\r\n\r\n                <vs-td class=\"text-left\" :data=\"tr.camId\">\r\n                    {{ tr.camId }}\r\n                </vs-td>\r\n                </vs-tr>\r\n            </template>\r\n        </vs-table> -->\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nimport { AgGridVue } from \"ag-grid-vue\"\r\nimport api from \"@/api\";\r\n\r\nimport \"ag-grid-community/styles/ag-grid.css\"; // Core grid CSS, always needed\r\nimport \"ag-grid-community/styles/ag-theme-alpine.css\"; // Optional theme CSS\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      gridApi: null,\r\n      lists: [],\r\n      isEdit: false,\r\n      defaultColDef: {\r\n        //flex:5,\r\n        //filter: true,\r\n        //sortable: true,\r\n        resizable: true,\r\n      },\r\n      columnDefs: [\r\n        {\r\n          headerName: 'No',\r\n          field: 'no',\r\n          flex:1\r\n        },\r\n        {\r\n          headerName: 'Camera Name',\r\n          field: 'name',\r\n          flex:2\r\n        },\r\n        {\r\n          headerName: 'Camera ID',\r\n          field: 'camId',\r\n          flex:5\r\n        }\r\n      ],\r\n    };\r\n  },\r\n  computed: {\r\n    currentSiteForm() {\r\n        return this.$store.state.currentSiteForm\r\n    },\r\n  },\r\n  components: {\r\n    AgGridVue\r\n  },\r\n  mounted() {\r\n    this.isEdit = this.currentSiteForm.id != undefined && this.currentSiteForm.id != 0\r\n\r\n    if(this.isEdit) {\r\n      this.refreshCameras()\r\n    } else {\r\n      this.importCameras()\r\n    }\r\n  },\r\n  methods: {\r\n    onGridReady(params) {\r\n        this.gridApi = params.api;\r\n    },\r\n    saveForm() {\r\n\r\n        this.$vs.loading()\r\n        api.saveSite(this.currentSiteForm, this.isEdit)\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:'Success save data',\r\n                color:'success',\r\n                position:'bottom-center'\r\n            })\r\n            setTimeout(() => {\r\n                this.$router.push({name:'org_management_sites'})\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    importCameras() {\r\n      this.$vs.loading();\r\n      api\r\n        .importCamera({\r\n          ipAddress: `${this.currentSiteForm.ipAddress}`,\r\n          username: this.currentSiteForm.username,\r\n          password: this.currentSiteForm.password,\r\n        })\r\n        .then((result) => result.data)\r\n        .then((data) => {\r\n          if (data.status) {\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    refreshCameras() {\r\n      this.$vs.loading();\r\n      api\r\n        .refreshCameras({\r\n          siteId: this.currentSiteForm.id,\r\n        })\r\n        .then((result) => result.data)\r\n        .then((data) => {\r\n          if (data.status) {\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\r\n<style lang=\"scss\" scoped>\r\n.icon {\r\n  margin: 0 5px;\r\n}\r\n.text-center:deep(.vs-table-text) {\r\n  justify-content: center;\r\n}\r\n.text-right:deep(.vs-table-text) {\r\n  justify-content: flex-end;\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!./list_cameras.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!./list_cameras.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./list_cameras.vue?vue&type=template&id=bf52baac&scoped=true\"\nimport script from \"./list_cameras.vue?vue&type=script&lang=js\"\nexport * from \"./list_cameras.vue?vue&type=script&lang=js\"\nimport style0 from \"./list_cameras.vue?vue&type=style&index=0&id=bf52baac&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  \"bf52baac\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}