{"version":3,"sources":["webpack:///./src/views/Branch/Lease/addPayment.vue?ce94","webpack:///src/views/Branch/Lease/addPayment.vue","webpack:///./src/views/Branch/Lease/addPayment.vue?7c51","webpack:///./src/views/Branch/Lease/addPayment.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","mode","$t","directives","name","rawName","value","formData","expression","attrs","domProps","on","$event","target","composing","$set","maxDate","$root","$i18n","locale","$store","getters","getDatePickerColor","model","callback","$$v","isButtonDisabled","createPayment","updatePayment","staticStyle","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","PulseLoader","data","branch","amountPaid","paymentDate","branchSpaces","branchSpace","watch","created","document","mounted","beforeDestroy","methods","message","type","duration","post","configObject","then","path","query","companyId","branchId","dealerId","groupId","regionId","leaseId","catch","error","console","put","getPayment","get","response","component"],"mappings":"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","file":"js/chunk-2d21e327.f95cffd4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('MasterLayout',[_c('div',{staticClass:\"new-staff\"},[_c('div',{staticClass:\"add_new_bank_account_header\"},[_c('p',[_vm._v(\"\\n        \"+_vm._s(_vm.mode == \"create\" ? \"Create payment record\" : \"Edit payment record \")+\"\\n      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"cover\"},[_c('div',{staticClass:\"personal\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bInvoices.amtPaid\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.amountPaid),expression:\"formData.amountPaid\"}],staticClass:\"border-0\",attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.bInvoices.amtPaid')},domProps:{\"value\":(_vm.formData.amountPaid)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData, \"amountPaid\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bLease.paymentDate\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"onlyDate\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"YYYY-MM-DDTHH:mm:ss\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.selectDate')},model:{value:(_vm.formData.paymentDate),callback:function ($$v) {_vm.$set(_vm.formData, \"paymentDate\", $$v)},expression:\"formData.paymentDate\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"})])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4 pb-4\"},[_c('button',{staticClass:\"ep-btn ep-primary\",attrs:{\"disabled\":_vm.isButtonDisabled ? true : false},on:{\"click\":function($event){_vm.mode === 'create' ? _vm.createPayment($event) : _vm.updatePayment($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.mode == \"create\" ? \"Create\" : \"Update\")+\"\\n        \")]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <div class=\"new-staff\">\r\n      <div class=\"add_new_bank_account_header\">\r\n        <p>\r\n          {{\r\n            mode == \"create\" ? \"Create payment record\" : \"Edit payment record \"\r\n          }}\r\n        </p>\r\n      </div>\r\n      <div class=\"cover\">\r\n        <div class=\"personal\">\r\n          <div class=\"row\">\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.bInvoices.amtPaid\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"number\"\r\n                  :placeholder=\"$t('text.bInvoices.amtPaid')\"\r\n                  v-model=\"formData.amountPaid\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.bLease.paymentDate\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <vue-ctk-date-time-picker\r\n                  v-model=\"formData.paymentDate\"\r\n                  :max-date=\"maxDate\"\r\n                  :onlyDate=\"true\"\r\n                  :autoClose=\"true\"\r\n                  :locale=\"this.$root.$i18n.locale\"\r\n                  :color=\"$store.getters.getDatePickerColor\"\r\n                  format=\"YYYY-MM-DDTHH:mm:ss\"\r\n                  formatted=\"DD/MM/YYYY\"\r\n                  :label=\"$t('text.calendar.selectDate')\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-6\"></div>\r\n          </div>\r\n        </div>\r\n        <div class=\"text-center mt-4 pb-4\">\r\n          <button\r\n            :disabled=\"isButtonDisabled ? true : false\"\r\n            class=\"ep-btn ep-primary\"\r\n            @click=\"\r\n              mode === 'create' ? createPayment($event) : updatePayment($event)\r\n            \"\r\n          >\r\n            {{ mode == \"create\" ? \"Create\" : \"Update\" }}\r\n          </button>\r\n          <img\r\n            src=\"@/assets/img/git_loader.gif\"\r\n            style=\"display: none\"\r\n            width=\"35px\"\r\n            class=\"ml-3 loader\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </MasterLayout>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Branch/MasterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport backgroundUrl from \"@/assets/img/retain.jpg\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport PulseLoader from \"vue-spinner/src/PulseLoader.vue\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  name: \"AddPayment\",\r\n  title: \"Add branch lease payment record :: Epump Portal\",\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n    PulseLoader,\r\n  },\r\n  data() {\r\n    return {\r\n      branch: \"\",\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      formData: {\r\n        amountPaid: 0,\r\n        paymentDate: this.$moment().format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n      },\r\n      branchSpaces: [],\r\n      branchSpace: \"\",\r\n      mode: \"create\",\r\n      isButtonDisabled: false,\r\n    };\r\n  },\r\n  watch: {\r\n    branch: function (newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        this.branchId = this.branch.id;\r\n        if (this.branchId !== null) {\r\n        }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Create Branch space :: ${branch.name} Retail Outlet`;\r\n    });\r\n  },\r\n  mounted() {\r\n    if (this.$route.params.paymentId) {\r\n      this.mode = \"edit\";\r\n      this.formData.amountPaid = JSON.parse(this.$route.query.data).amountPaid;\r\n      this.formData.paymentDate = JSON.parse(\r\n        this.$route.query.data\r\n      ).paymentDate;\r\n    }\r\n  },\r\n  beforeDestroy() {},\r\n  methods: {\r\n    createPayment($event) {\r\n      $event.preventDefault();\r\n      for (let [key, value] of Object.entries(this.formData)) {\r\n        if (!value) {\r\n          this.$toast.open({\r\n            message: `${key} ${$t(\"text.bLease.isRequest\")}`,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          return;\r\n        }\r\n      }\r\n\r\n      let data = {\r\n        amountPaid: Number(this.formData.amountPaid),\r\n        paymentDate: this.formData.paymentDate,\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Lease/PaymentRecords/Add/${this.$route.query.leaseId}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$router.push({\r\n            path: `/Retail-Outlet/lease-payments/${this.$route.params.leaseId}`,\r\n            query: {\r\n              companyId: this.$route.query.companyId\r\n                ? this.$route.query.companyId\r\n                : this.branch.companyId,\r\n              branchId: this.$route.query.branchId\r\n                ? this.$route.query.branchId\r\n                : this.branch.id,\r\n              dealerId: this.$route.query.dealerId,\r\n              groupId: this.$route.query.groupId,\r\n              regionId: this.$route.query.regionId,\r\n              leaseId: this.$route.params.leaseId,\r\n            },\r\n          });\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bLease.successfullyCreatedLease\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    updatePayment($event) {\r\n      $event.preventDefault();\r\n      // console.log(this.formData);\r\n      for (let [key, value] of Object.entries(this.formData)) {\r\n        if (!value) {\r\n          this.$toast.open({\r\n            message: `${key} ${$t(\"text.bLease.isRequest\")}`,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          return;\r\n        }\r\n      }\r\n      let data = {\r\n        amountPaid: Number(this.formData.amountPaid),\r\n        paymentDate: this.formData.paymentDate,\r\n      };\r\n\r\n      console.log(data);\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/Lease/PaymentRecords/Edit/${this.$route.query.paymentId}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$router.push({\r\n            path: `/Retail-Outlet/lease-payments/${this.$route.params.leaseId}`,\r\n            query: {\r\n              companyId: this.$route.query.companyId\r\n                ? this.$route.query.companyId\r\n                : this.branch.companyId,\r\n              branchId: this.$route.query.branchId\r\n                ? this.$route.query.branchId\r\n                : this.branch.id,\r\n              dealerId: this.$route.query.dealerId,\r\n              groupId: this.$route.query.groupId,\r\n              regionId: this.$route.query.regionId,\r\n              leaseId: this.$route.params.leaseId,\r\n            },\r\n          });\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bLease.successfullyUpdatedLease\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    getPayment() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/BranchSpace/Get/${this.$route.query.spaceId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          // this.formData = response.data\r\n          this.formData.propertyName = response.data.name;\r\n          this.formData.propertyDescription = response.data.description;\r\n          this.formData.numberOfRooms = response.data.rooms;\r\n          this.formData.numberOfRestRooms = response.data.restrooms;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addPayment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addPayment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addPayment.vue?vue&type=template&id=c9c2e484&\"\nimport script from \"./addPayment.vue?vue&type=script&lang=js&\"\nexport * from \"./addPayment.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":""}