{"version":3,"sources":["webpack:///./src/views/rake_dtls.vue?c8c6","webpack:///./src/views/rake_dtls.vue?1467","webpack:///src/views/rake_dtls.vue","webpack:///./src/views/rake_dtls.vue?286b","webpack:///./src/views/rake_dtls.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","attrs","gridOptions","rowSelection","columnDefs","defaultColDef","rowData","on","onGridReady","onRowSelected","$event","addItems","_v","onRemoveSelected","save","staticRenderFns","name","gridApi","columnApi","editedRowIDs","Set","editedRows","components","AgGridVue","headerName","field","editable","sortable","minWidth","flex","resizable","onCellValueChanged","getRakeDtls","api","gridColumnApi","computed","methods","console","log","$route","query","deviceid","a","defaults","headers","common","localStorage","getItem","get","then","response","data","catch","e","params","add","node","id","size","forEach","push","getRowNode","p","edited_rakedtls","post","clear","event","addIndex","newItems","rake_no","shed","getSelectedRows","applyTransaction","selectedData","length","confirm","delete","remove","component","VBtn"],"mappings":"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","file":"js/chunk-0457c1b6.ee7eebfc.js","sourcesContent":["import mod 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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_dtls.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_dtls.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"90%\"}},[_c('ag-grid-vue',{staticClass:\"ag-theme-alpine\",staticStyle:{\"width\":\"100%\",\"height\":\"90%\"},attrs:{\"id\":\"myGrid\",\"gridOptions\":_vm.gridOptions,\"headerHeight\":48,\"rowSelection\":_vm.rowSelection,\"columnDefs\":_vm.columnDefs,\"defaultColDef\":_vm.defaultColDef,\"rowData\":_vm.rowData},on:{\"grid-ready\":_vm.onGridReady,\"row-selected\":_vm.onRowSelected}}),_c('v-btn',{attrs:{\"color\":\"green darken-1\"},on:{\"click\":function($event){return _vm.addItems()}}},[_vm._v(\"Add Row\")]),_c('v-btn',{attrs:{\"color\":\"red darken-1\"},on:{\"click\":function($event){return _vm.onRemoveSelected()}}},[_vm._v(\"Remove Selected\")]),_c('v-btn',{attrs:{\"color\":\"blue darken-1\"},on:{\"click\":_vm.save}},[_vm._v(\"Save\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"width: 100%; height: 90%\">\r\n    <ag-grid-vue\r\n      style=\"width: 100%; height: 90%\"\r\n      class=\"ag-theme-alpine\"\r\n      id=\"myGrid\"\r\n      :gridOptions=\"gridOptions\"\r\n      @grid-ready=\"onGridReady\"\r\n      :headerHeight=\"48\"\r\n      :rowSelection=\"rowSelection\"\r\n      :columnDefs=\"columnDefs\"\r\n      :defaultColDef=\"defaultColDef\"\r\n      @row-selected=\"onRowSelected\"\r\n      :rowData=\"rowData\"\r\n    >\r\n    </ag-grid-vue>\r\n    <v-btn color=\"green darken-1\" v-on:click=\"addItems()\">Add Row</v-btn>\r\n    <v-btn color=\"red darken-1\" v-on:click=\"onRemoveSelected()\"\r\n      >Remove Selected</v-btn\r\n    >\r\n    <v-btn color=\"blue darken-1\" @click=\"save\">Save</v-btn>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { AgGridVue } from \"ag-grid-vue\";\r\nimport axios from \"axios\";\r\nimport { AutocompleteSelectCellEditor } from \"ag-grid-autocomplete-editor\";\r\nimport \"ag-grid-autocomplete-editor/main.css\";\r\nimport {\r\n  mapState,\r\n  mapGetter,\r\n  mapActions\r\n} from 'vuex'\r\nexport default {\r\n  name: \"rake_dtls\",\r\n  data() {\r\n    return {\r\n      gridOptions: null,\r\n      gridApi: null,\r\n      rowSelection: null,\r\n      columnApi: null,\r\n      columnDefs: null,\r\n      defaultColDef: null,\r\n      rowData: null,\r\n      editedRowIDs: new Set([]),\r\n      editedRows: [],\r\n    };\r\n  },\r\n  components: {\r\n    AgGridVue,\r\n  },\r\n  beforeMount() {\r\n    this.gridOptions = {};\r\n    this.rowSelection = \"single\";\r\n    this.columnDefs = [\r\n      { headerName: \"PK\", field: \"id\", editable: false, sortable: true },\r\n      { headerName: \"Device id\", field: \"deviceid\",editable: false, },\r\n      { headerName: \"Rake No\", field: \"rake_no\", minWidth: 200 },\r\n      { headerName: \"Shed\", field: \"shed\" },\r\n    ];\r\n    \r\n    this.rowData = [];\r\n    this.defaultColDef = {\r\n      flex: 1,\r\n      minWidth: 88,\r\n      editable: true,\r\n      resizable: true,\r\n      onCellValueChanged: this.onCellValueChanged,\r\n    };\r\n    this.getRakeDtls();\r\n  },\r\n  mounted() {\r\n    this.gridApi = this.gridOptions.api;\r\n    this.gridColumnApi = this.gridOptions.columnApi;\r\n\r\n  },\r\n  computed: {\r\n    ...mapState(['curUser']),\r\n  },\r\n  methods: {\r\n    getRakeDtls() {\r\n      console.log(this.$route.query.deviceid)\r\n      this.rowData = [];\r\n      axios.defaults.headers.common[\"Authorization\"] =\r\n        localStorage.getItem(\"jwtToken\");\r\n      axios\r\n        .get(\r\n          `${process.env.VUE_APP_API_URL}/device/rakedltsbyid/${this.$route.query.deviceid}`\r\n        )\r\n        .then((response) => {\r\n          // console.log(response);\r\n          this.rowData = response.data;\r\n        })\r\n        .catch((e) => {\r\n          console.log(e);\r\n        });\r\n    },\r\n\r\n    onCellValueChanged(params) {\r\n      // console.log(params)\r\n      this.editedRowIDs.add(params.node.id);\r\n    },\r\n    save() {\r\n      if (this.editedRowIDs.size == 0) {\r\n        return;\r\n      }\r\n      // console.log(this.editedRows)\r\n      this.editedRowIDs.forEach((id) => {\r\n        this.editedRows.push(this.gridApi.getRowNode(id).data);\r\n        // console.log(this.editedRows)\r\n      });\r\n      var p = {\r\n        edited_rakedtls: this.editedRows,\r\n      };\r\n      axios.defaults.headers.common[\"Authorization\"] =\r\n        localStorage.getItem(\"jwtToken\");\r\n\r\n      axios\r\n        .post(`${process.env.VUE_APP_API_URL}/device/rake_dtls`, p)\r\n        .then((response) => {\r\n          // clear the set post update call\r\n          this.editedRowIDs.clear();\r\n          this.editedRows = [];\r\n          this.getRakeDtls();\r\n        })\r\n        .catch((e) => {\r\n          console.log(e);\r\n        });\r\n      // call the api to update data\r\n    },\r\n    onGridReady(params) {},\r\n    // populateGrid(workbook) {\r\n    //   // our data is in the first sheet\r\n    //   var firstSheetName = workbook.SheetNames[0];\r\n    //   var worksheet = workbook.Sheets[firstSheetName];\r\n\r\n    //   // we expect the following columns to be present\r\n    //   var columns = {\r\n    //     A: \"stn_sr_no\",\r\n    //     B: \"train_no\",\r\n    //     C: \"stn_name\",\r\n    //     D: \"stn_type\",\r\n    //     E: \"block_section\",\r\n    //     F: \"wtt_arr\",\r\n    //     G: \"wtt_day_arr\",\r\n    //     H: \"wtt_dep\",\r\n    //     I: \"wtt_day_dep\",\r\n    //     J: \"stop\",\r\n    //     K: \"ptt_arr\",\r\n    //     L: \"ptt_day_arr\",\r\n    //     M: \"ptt_dep\",\r\n    //     N: \"ptt_day_dep\",\r\n    //     O: \"pf\",\r\n    //     P: \"division\",\r\n    //     Q: \"zone\",\r\n    //     R: \"tr\",\r\n    //     S: \"er\",\r\n    //     T: \"distance\",\r\n    //   };\r\n    //   this.rowData = [];\r\n\r\n    //   // start at the 2nd row - the first row are the headers\r\n    //   var rowIndex = 2;\r\n\r\n    //   // iterate over the worksheet pulling out the columns we're expecting\r\n    //   while (worksheet[\"A\" + rowIndex]) {\r\n    //     var row = {};\r\n    //     Object.keys(columns).forEach(function (column) {\r\n    //       row[columns[column]] = worksheet[column + rowIndex].w;\r\n    //     });\r\n\r\n    //     this.rowData.push(row);\r\n\r\n    //     rowIndex++;\r\n    //   }\r\n\r\n    //   // finally, set the imported rowData into the grid\r\n\r\n    //   //  gridOptions.api.setRowData(rowData);\r\n    // },\r\n    onRowSelected(event) {\r\n      // console.log(event)\r\n    },\r\n    addItems(addIndex) {\r\n      var newItems = [\r\n        {\r\n          deviceid: this.$route.query.deviceid,\r\n          rake_no: null,\r\n          shed: null,\r\n        },\r\n      ];\r\n      var selectedData = this.gridApi.getSelectedRows();\r\n      // console.log(selectedData)\r\n      var res = this.gridApi.applyTransaction({\r\n        add: newItems,\r\n        addIndex: addIndex,\r\n      });\r\n    },\r\n    onRemoveSelected() {\r\n      var selectedData = this.gridApi.getSelectedRows();\r\n      if (selectedData.length == 0) {\r\n        return;\r\n      }\r\n      var p = {\r\n        id: selectedData[0].id\r\n      };\r\n      if (confirm(\"Are you sure you want to delete this item?\")) {\r\n        axios.defaults.headers.common[\"Authorization\"] =\r\n          localStorage.getItem(\"jwtToken\");\r\n        axios\r\n          .delete(\r\n            `${process.env.VUE_APP_API_URL}/device/delete_rakedtl_byid`,\r\n            { params: p }\r\n          )\r\n          .then((response) => {\r\n            //alert(\"Registered successfully\")\r\n            this.gridApi.applyTransaction({ remove: selectedData });\r\n          })\r\n          .catch((e) => {\r\n            console.log(e);\r\n          });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n@import \"../../node_modules/ag-grid-community/dist/styles/ag-grid.css\";\r\n@import \"../../node_modules/ag-grid-community/dist/styles/ag-theme-alpine.css\";\r\n.ag-header-cell-label {\r\n  text-overflow: clip;\r\n  overflow: visible;\r\n  white-space: normal;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_dtls.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_dtls.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rake_dtls.vue?vue&type=template&id=66eee748&\"\nimport script from \"./rake_dtls.vue?vue&type=script&lang=js&\"\nexport * from \"./rake_dtls.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rake_dtls.vue?vue&type=style&index=0&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\ninstallComponents(component, {VBtn})\n"],"sourceRoot":""}