{"version":3,"sources":["webpack:///./src/components/forms/Form.vue?27e3","webpack:///./src/components/forms/Form.vue","webpack:///./src/components/forms/Form.vue?47d9","webpack:///./src/components/forms/Form.vue?9be4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","dialog","dialogDelete","formTitle","formTitleCreate","formTitleEdit","editedIndex","editedItem","defaultItem","serviceBase","ServiceBase","alert","Alert","$nextTick","Object","assign","resetEditedItem","item","getById","url","id","then","res","status","data","popAlert","message","catch","error","console","log","params","component","getTableData","post","code","closeDialog","put","delete","closeDelete","components"],"mappings":"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","file":"js/chunk-2d0d2ba2.f22208c7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\nimport { Component, Vue, Emit } from \"vue-property-decorator\";\nimport { ServiceBase } from \"@/service/base/ServiceBase\";\nimport { Alert } from \"@/components/Alert/Alert.ts\";\n\n@Component({\n  components: {},\n})\nexport default class Form extends Vue {\n  protected dialog = false;\n  protected dialogDelete = false;\n  protected formTitle = \"\";\n  protected formTitleCreate = \"New Item\";\n  protected formTitleEdit = \"Edit Item\";\n  protected editedIndex = \"create\"; // 'create', 'edit'\n  protected editedItem: any = {};\n  protected defaultItem: any = {};\n  protected serviceBase = new ServiceBase();\n  protected alert = new Alert();\n\n  protected resetEditedItem() {\n    this.$nextTick(() => {\n      this.editedItem = Object.assign({}, this.defaultItem);\n    });\n  }\n\n  protected openCreateDialog() {\n    this.resetEditedItem();\n    this.editedIndex = \"create\";\n    this.formTitle = this.formTitleCreate;\n    this.dialog = true;\n  }\n\n  protected openEditDialog(item: any, getById = false, url = \"\") {\n    this.editedIndex = \"edit\";\n    this.formTitle = this.formTitleEdit;\n\n    if (!getById) {\n      // get editedItem from table\n      this.editedItem = Object.assign({}, item);\n      this.dialog = true;\n    } else {\n      // get editedItem from api call\n      this.serviceBase\n        .getById(item.id, url)\n        .then((res: any) => {\n          if (res.status === 200) {\n            this.editedItem = res.data.data;\n            this.dialog = true;\n          } else {\n            this.alert.popAlert(\"warning\", `Warning: ${res.data.message}`, 3);\n          }\n        })\n        .catch((error: any) => {\n          this.alert.popAlert(\"error\", `Error: ${error}}`, 3);\n          console.log(\"error: \", error);\n        });\n    }\n  }\n\n  protected openDeleteDialog(item: any) {\n    this.editedItem = Object.assign({}, item);\n    this.dialogDelete = true;\n  }\n\n  protected closeDialog() {\n    this.dialog = false;\n    this.resetEditedItem();\n  }\n\n  protected closeDelete() {\n    this.dialogDelete = false;\n    this.resetEditedItem();\n  }\n\n  protected create(\n    item: any,\n    params: any = {},\n    url = \"\",\n    component: any = {\n      getTableData: () => {\n        return;\n      },\n    }\n  ) {\n    // create\n    this.serviceBase\n      .post(item, params, url)\n      .then((res: any) => {\n        if (res.status === 200) {\n          if (res.data.message === \"DATA_NOT_FOUND\") {\n            this.alert.popAlert(\"warning\", `Warning: DATA_NOT_FOUND`, 3);\n          }\n          if (res.data.code === 200) {\n            this.alert.popAlert(\"success\", `${res.data.message}.`, 3);\n          } else {\n            this.alert.popAlert(\"warning\", `Warning: ${res.data.message}`, 3);\n          }\n          this.editedItem = this.defaultItem;\n          this.closeDialog();\n          component.getTableData();\n        } else {\n          this.alert.popAlert(\"warning\", `Warning: ${res.data.message}`, 3);\n        }\n      })\n      .catch((error: any) => {\n        this.alert.popAlert(\"error\", `Error: ${error}}`, 3);\n        console.log(\"error: \", error);\n      });\n  }\n\n  protected save(\n    item: any,\n    params: any = {},\n    url = \"\",\n    component: any = {\n      getTableData: () => {\n        return;\n      },\n    }\n  ) {\n    // update\n    this.serviceBase\n      .put(item, params, url)\n      .then((res: any) => {\n        if (res.status === 200) {\n          this.alert.popAlert(\"success\", \"Save success.\", 3);\n          this.editedItem = this.defaultItem;\n          this.closeDialog();\n          component.getTableData();\n        } else {\n          this.alert.popAlert(\"warning\", `Warning: ${res.data.message}`, 3);\n        }\n      })\n      .catch((error: any) => {\n        this.alert.popAlert(\"error\", `Error: ${error}}`, 3);\n        console.log(\"error: \", error);\n      });\n  }\n\n  protected deleteItemConfirm(\n    id: number,\n    params: any = {},\n    url = \"\",\n    component: any = {\n      getTableData: () => {\n        return;\n      },\n    }\n  ) {\n    // delete\n    this.serviceBase\n      .delete(id, params, url)\n      .then((res: any) => {\n        if (res.status === 200) {\n          this.alert.popAlert(\"success\", \"Delete success.\", 3);\n          this.resetEditedItem();\n          this.closeDelete();\n          component.getTableData();\n        } else {\n          this.alert.popAlert(\"warning\", `Warning: ${res.data.message}`, 3);\n        }\n      })\n      .catch((error: any) => {\n        this.alert.popAlert(\"error\", `Error: ${error}}`, 3);\n        console.log(\"error: \", error);\n      });\n  }\n}\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../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=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../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=ts&\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=1cd7d4d1&scoped=true&\"\nimport script from \"./Form.vue?vue&type=script&lang=ts&\"\nexport * from \"./Form.vue?vue&type=script&lang=ts&\"\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  \"1cd7d4d1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}