{"version":3,"sources":["webpack:///./src/views/Branch/Lease/addPayment.vue","webpack:///src/views/Branch/Lease/addPayment.vue","webpack:///./src/views/Branch/Lease/addPayment.vue?7c51","webpack:///./src/views/Branch/Lease/addPayment.vue?b42b"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","mode","$t","directives","name","rawName","value","formData","amountPaid","expression","attrs","domProps","on","$event","target","composing","$set","maxDate","$root","$i18n","locale","$store","getters","getDatePickerColor","model","paymentDate","callback","$$v","isButtonDisabled","createPayment","updatePayment","staticStyle","require","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","PulseLoader","data","branch","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.332fdb3a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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\"}})])])])])\n}\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":""}