{"version":3,"sources":["webpack:///src/views/income-expense/IncomeExpenseExpenseDetail/index.vue","webpack:///./src/views/income-expense/IncomeExpenseExpenseDetail/index.vue","webpack:///./src/views/income-expense/IncomeExpenseExpenseDetail/index.vue?d1eb","webpack:///./src/utils/navigation.js"],"names":["Form","render","staticRenderFns","data","isEditable","isEditing","computed","mapGetters","watch","value","addEventListener","handleBeforeunload","removeEventListener","created","fetch","methods","dismiss","back","name","edit","del","$confirm","undefined","confirmButtonText","cancelButtonText","type","beforeClose","action","instance","done","confirmButtonLoading","showCancelButton","showClose","closeOnClickModal","closeOnPressEscape","status","IncomeExpenseService","$route","params","id","Error","$notify","success","err","error","message","cancel","form","$refs","submit","loading","useLoading","update","income_expense_type","amount","datetime","description","attachments","evidences","map","item","note","close","$message","warning","result","get","Date","name_locale","useEvidence","url","attachment","hasReverted","is_reverted","is_usable","e","preventDefault","returnValue","h","arguments","ActionBar","save","isAdmin","ActionBarTitle","PageContainer","AppContainer","component","async","previousPath","window","history","state","router","replace","fallbackLocation"],"mappings":"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","file":"js/chunk-356a321d.643d7c54.js","sourcesContent":["<script>\nimport {\n  ActionBar,\n  ActionBarTitle,\n  //ActionBarButton\n} from '@/components/ui/action-bar'\nimport { PageContainer } from '@/components/page/page-container'\nimport { AppContainer } from '@/components/ui/container'\nimport { IncomeExpenseService } from '@/services'\nimport { useEvidence } from '@/use/evidence'\nimport { useLoading } from '@/use/loading'\nimport { back } from '@/utils/navigation'\nimport { mapGetters } from 'vuex'\n\nconst Form = () => import('../components/Form')\n\nexport default {\n  data() {\n    return {\n      data: {},\n      isEditable: false,\n      isEditing: false\n    }\n  },\n\n  computed: {\n    ...mapGetters('auth', ['isAdmin'])\n  },\n\n  watch: {\n    isEditing(value) {\n      if (value) {\n        addEventListener('beforeunload', this.handleBeforeunload)\n      } else {\n        removeEventListener('beforeunload', this.handleBeforeunload)\n      }\n    }\n  },\n\n  created() {\n    this.fetch()\n  },\n\n  methods: {\n    dismiss() {\n      back({ name: 'IncomeExpense' })\n    },\n\n    edit() {\n      this.isEditing = true\n    },\n\n    del() {\n      this.$confirm('ยืนยันการลบรายการ', undefined, {\n        confirmButtonText: 'ลบ',\n        cancelButtonText: 'ไม่',\n        type: 'warning',\n        beforeClose: async (action, instance, done) => {\n          if (action !== 'confirm') {\n            done()\n            return\n          }\n\n          instance.confirmButtonLoading = true\n          instance.confirmButtonText = 'กำลังลบ...'\n          instance.showCancelButton = false\n          instance.showClose = false\n          instance.closeOnClickModal = false\n          instance.closeOnPressEscape = false\n\n          try {\n            const {\n              data: { status }\n            } = await IncomeExpenseService.del(this.$route.params.id)\n\n            if (status === 'error')\n              throw new Error('เกิดข้อผิดพลาดในการลบข้อมูล')\n\n            this.$notify.success('ลบข้อมูลเรียบร้อย')\n\n            back({ name: 'IncomeExpense' })\n          } catch (err) {\n            this.$notify.error(err.message)\n          } finally {\n            done()\n          }\n        }\n      })\n    },\n\n    cancel() {\n      this.isEditing = false\n    },\n\n    async save() {\n      try {\n        const form = await this.$refs.form.submit()\n\n        const loading = useLoading()\n\n        try {\n          const {\n            data: { status }\n          } = await IncomeExpenseService.update(this.$route.params.id, {\n            income_expense_type: form.type.id,\n            amount: form.amount,\n            datetime: form.datetime,\n            description: form.description,\n            attachments: form.evidences.map(item => item.id),\n            note: form.note\n          })\n\n          if (status === 'error')\n            throw new Error('เกิดข้อผิดพลาดในการส่งข้อมูล')\n\n          this.$notify.success('บันทึกข้อมูลเรียบร้อย')\n\n          back({ name: 'IncomeExpense' })\n        } catch (err) {\n          this.$notify.error(err.message)\n        } finally {\n          loading.close()\n        }\n      } catch (err) {\n        this.$message.warning('กรุณากรอกข้อมูลให้ครบถ้วนและถูกต้อง')\n      }\n    },\n\n    async fetch() {\n      const loading = useLoading()\n\n      try {\n        const {\n          data: { status, result }\n        } = await IncomeExpenseService.get(this.$route.params.id)\n\n        if (status === 'error') throw new Error('เกิดข้อผิดพลาดในการรับข้อมูล')\n\n        this.data = {\n          datetime: new Date(result.datetime),\n          type: result.income_expense_type\n            ? {\n                id: result.income_expense_type.id,\n                name: result.income_expense_type.name_locale\n              }\n            : null,\n          description: result.description,\n          amount: +result.amount,\n          evidences: result.attachments.map(item =>\n            useEvidence({ id: item.id, url: item.attachment })\n          ),\n          note: result.note,\n          hasReverted: result.is_reverted\n        }\n\n        this.isEditable =\n          result.income_expense_type && result.income_expense_type.is_usable\n      } catch (err) {\n        this.$notify.error(err.message)\n      } finally {\n        loading.close()\n      }\n    },\n\n    handleBeforeunload(e) {\n      e.preventDefault()\n      e.returnValue = ''\n    }\n  },\n\n  render() {\n    return (\n      <div>\n        <ActionBar dismissible={!this.isEditing} onDismiss={this.dismiss}>\n          {this.isEditable &&\n            (!this.isEditing\n              ? this.isAdmin && [\n                  // <ActionBarButton\n                  //   slot=\"action\"\n                  //   type=\"primary\"\n                  //   onClick={this.edit}\n                  // >\n                  //   แก้ไข\n                  // </ActionBarButton>,\n                  !this.data.hasReverted && (\n                  <el-button\n                      slot=\"action\"\n                      type=\"danger\"\n                      onClick={this.del}\n                    >\n                      ลบ\n                  </el-button>\n                  )\n                ]\n              : [\n              <el-button\n                    slot=\"action\"\n                    type=\"danger\"\n                    onClick={this.cancel}\n                  >\n                    ยกเลิก\n                </el-button>,\n              <el-button\n                    slot=\"action\"\n                    type=\"primary\"\n                    onClick={this.save}\n                  >\n                    บันทึก\n              </el-button>\n                ])}\n          <ActionBarTitle>รายละเอียดรายจ่าย</ActionBarTitle>\n        </ActionBar>\n        <PageContainer>\n          <AppContainer>\n            <h1>รายละเอียดรายจ่าย</h1>\n            <Form ref=\"form\" data={this.data} readonly={!this.isEditing} />\n          </AppContainer>\n        </PageContainer>\n      </div>\n    )\n  }\n}\n</script>\n","var render, staticRenderFns\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.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","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!./index.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!./index.vue?vue&type=script&lang=js\"","import router from '@/router'\n\nexport const back = async fallbackLocation => {\n  const { previousPath } = window.history.state\n\n  if (previousPath) await router.back()\n  else await router.replace(fallbackLocation || { name: 'Home' })\n}\n"],"sourceRoot":""}