{"version":3,"sources":["webpack:///./src/views/Branch/Lease/createBranchSpace.vue","webpack:///src/views/Branch/Lease/createBranchSpace.vue","webpack:///./src/views/Branch/Lease/createBranchSpace.vue?c4e0","webpack:///./src/views/Branch/Lease/createBranchSpace.vue?fb44"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","mode","$t","directives","name","rawName","value","formData","propertyName","expression","attrs","domProps","on","$event","target","composing","$set","rentFee","numberOfRooms","numberOfRestRooms","rentDuration","propertyDescription","additionalDetails","isButtonDisabled","createBranchSpace","updateSpace","staticStyle","require","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","PulseLoader","data","branch","rentDurations","durationPrice","tenures","disabled","branchSpaces","branchSpace","fields","key","label","class","computed","clonedItems","watch","el","tenure","created","document","mounted","beforeDestroy","methods","addRentDuration","removeRentDuration","getBranchSpace","get","configObject","then","response","catch","error","message","type","duration","branchId","field","post","query","companyId","dealerId","groupId","regionId","put","console","component"],"mappings":"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,4BACA,iBACA,wBAGAC,kBACAC,SACAC,kBACA,yBACArD,QACAkC,mBAGAoB,sBACA,gCAEAC,iBACA,mBACA,WACAC,IACA,6DACAC,qBAEAC,KAAAC,IACAA,mBACAb,cACAA,eAEA,2BAEAc,MAAAC,IACA,sBAGAzC,qBAGA,GAFAX,oBAEA,2BAMA,YALA,kBACAqD,2CACAC,aACAC,eAIA,gCAMA,YALA,kBACAF,yCACAC,aACAC,eAIA,oCAMA,YALA,kBACAF,6CACAC,aACAC,eAIA,sCAMA,YALA,kBACAF,2CACAC,aACAC,eAIA,oCAMA,YALA,kBACAF,yCACAC,aACAC,eAKA,OACAC,wBACA7D,wCACAa,sDACAH,kDACAC,0DACAG,kDACAe,kCAGA,kCAEA,GADAiC,yCACA,yBAMA,YALA,kBACAJ,8CACAC,aACAC,eAOA,yBACAvC,oBACA,WACA0C,KACA,sCACApC,EACA0B,qBAEAC,KAAA,KACA,mBACA1D,mBACAoE,OACAC,sCACA,4BACA,sBACAJ,oCACA,2BACA,eACAK,oCACAC,kCACAC,uCAGA,kBACAV,qDACAC,eACAC,eAEAvC,oBACA,2BAEAmC,MAAAC,IACA,kBACAC,gCACAC,aACAC,eAEA,yBACAvC,uBAGAJ,eAEA,GADAZ,oBACA,2BAMA,YALA,kBACAqD,2CACAC,aACAC,eAIA,sCAMA,YALA,kBACAF,2CACAC,aACAC,eAIA,gCAMA,YALA,kBACAF,yCACAC,aACAC,eAIA,oCAMA,YALA,kBACAF,6CACAC,aACAC,eAKA,oCAMA,YALA,kBACAF,yCACAC,aACAC,eAIA,OACA5D,wCACAa,sDACAH,kDACAC,0DACAG,mDAGA,yBACAO,oBAEA,WACAgD,IACA,qEACA1C,EACA0B,qBAEAC,KAAA,KACA,mBACA1D,mBACAoE,OACAC,sCACA,4BACA,sBACAJ,oCACA,2BACA,eACAK,oCACAC,kCACAC,uCAIA,kBACAV,qDACAC,eACAC,eAEAvC,oBACA,2BAEAmC,MAAAC,IACA,kBACAC,gCACAC,aACAC,eAEA,yBACAvC,uBAGA8B,iBACA,mBACA,WACAC,IACA,oEACAC,qBAEAC,KAAAC,IACAe,oBACA,qBACA,uCACA,qDACA,yCACA,mDAEAd,MAAAC,IACA,wBCnfyX,I,YCOrXc,EAAY,eACd,EACAtF,EACAmC,GACA,EACA,KACA,KACA,MAIa,aAAAmD,E","file":"js/chunk-2d0e2347.af63d784.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 branch space\" : \"Edit Branch space \")+\"\\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.bLease.propertyName\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.propertyName),expression:\"formData.propertyName\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.bLease.propertyName')},domProps:{\"value\":(_vm.formData.propertyName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"propertyName\", $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(\" \"+_vm._s(_vm.$t(\"text.bLease.rentFee\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.rentFee),expression:\"formData.rentFee\"}],staticClass:\"border-0\",attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.bLease.rentFee')},domProps:{\"value\":(_vm.formData.rentFee)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"rentFee\", $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(\" \"+_vm._s(_vm.$t(\"text.bLease.noRooms\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.numberOfRooms),expression:\"formData.numberOfRooms\"}],staticClass:\"border-0\",attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.bLease.rooms')},domProps:{\"value\":(_vm.formData.numberOfRooms)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"numberOfRooms\", $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.noRestRoom\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.numberOfRestRooms),expression:\"formData.numberOfRestRooms\"}],staticClass:\"border-0\",attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.bLease.restRoom')},domProps:{\"value\":(_vm.formData.numberOfRestRooms)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"numberOfRestRooms\", $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(\" \"+_vm._s(_vm.$t(\"text.bLease.restRoom\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.rentDuration),expression:\"formData.rentDuration\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.bLease.rentDuration')},domProps:{\"value\":(_vm.formData.rentDuration)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"rentDuration\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"personal mt-4 w-100\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"input__group__block mt-4 col-md-12\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.bLease.propDesc\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.propertyDescription),expression:\"formData.propertyDescription\"}],staticClass:\"border-0\",attrs:{\"placeholder\":_vm.$t('text.bLease.propDesc')},domProps:{\"value\":(_vm.formData.propertyDescription)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"propertyDescription\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-12\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.bLease.addSet\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.additionalDetails),expression:\"formData.additionalDetails\"}],staticClass:\"border-0\",attrs:{\"placeholder\":_vm.$t('text.bLease.addSet')},domProps:{\"value\":(_vm.formData.additionalDetails)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.formData, \"additionalDetails\", $event.target.value)}}})])])])]),_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'\n                ? _vm.createBranchSpace($event)\n                : _vm.updateSpace($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          {{ mode == \"create\" ? \"Create branch space\" : \"Edit Branch space \" }}\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.bLease.propertyName\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.bLease.propertyName')\"\r\n                  v-model=\"formData.propertyName\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.bLease.rentFee\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"number\"\r\n                  :placeholder=\"$t('text.bLease.rentFee')\"\r\n                  v-model=\"formData.rentFee\"\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\"> {{ $t(\"text.bLease.noRooms\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"number\"\r\n                  :placeholder=\"$t('text.bLease.rooms')\"\r\n                  v-model=\"formData.numberOfRooms\"\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.noRestRoom\") }}\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.bLease.restRoom')\"\r\n                  v-model=\"formData.numberOfRestRooms\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.bLease.restRoom\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.bLease.rentDuration')\"\r\n                  v-model=\"formData.rentDuration\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"personal mt-4 w-100\">\r\n            <div class=\"row\">\r\n              <div class=\"input__group__block mt-4 col-md-12\">\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\">\r\n                    {{ $t(\"text.bLease.propDesc\") }}\r\n                  </span>\r\n                </label>\r\n                <div class=\"price_change_input_wrapper\">\r\n                  <textarea\r\n                    :placeholder=\"$t('text.bLease.propDesc')\"\r\n                    v-model=\"formData.propertyDescription\"\r\n                    class=\"border-0\"\r\n                  >\r\n                  </textarea>\r\n                </div>\r\n              </div>\r\n              <div class=\"input__group__block mt-4 col-md-12\">\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\"> {{ $t(\"text.bLease.addSet\") }} </span>\r\n                </label>\r\n                <div class=\"price_change_input_wrapper\">\r\n                  <textarea\r\n                    :placeholder=\"$t('text.bLease.addSet')\"\r\n                    v-model=\"formData.additionalDetails\"\r\n                    class=\"border-0\"\r\n                  >\r\n                  </textarea>\r\n                </div>\r\n              </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'\r\n                  ? createBranchSpace($event)\r\n                  : updateSpace($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    </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  title: \"Create branch space :: Epump Portal\",\r\n  name: \"CreateBranchStaff\",\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      formData: {\r\n        propertyName: \"\",\r\n        numberOfRooms: 0,\r\n        numberOfRestRooms: 0,\r\n        propertyDescription: \"\",\r\n        additionalDetails: \"\",\r\n      },\r\n      rentDurations: [\r\n        {\r\n          name: \"Yearly\",\r\n          durationPrice: 1,\r\n        },\r\n      ],\r\n      tenures: [\r\n        {\r\n          value: \"Yearly\",\r\n          name: \"Yearly\",\r\n          disabled: false,\r\n        },\r\n        {\r\n          value: \"Monthly\",\r\n          name: \"Monthly\",\r\n          disabled: false,\r\n        },\r\n        {\r\n          value: \"Weekly\",\r\n          name: \"Weekly\",\r\n          disabled: false,\r\n        },\r\n        {\r\n          value: \"Daily\",\r\n          name: \"Daily\",\r\n          disabled: false,\r\n        },\r\n      ],\r\n      branchSpaces: [],\r\n      branchSpace: \"\",\r\n      mode: \"create\",\r\n      isButtonDisabled: false,\r\n      fields: [\r\n        {\r\n          key: \"name\",\r\n          label: \"Name\",\r\n          class: \"text-center\",\r\n        },\r\n        { key: \"durationPrice\", label: \"Price\", class: \"text-center\" },\r\n        { key: \"action\", label: \"Action\", class: \"text-center\" },\r\n      ],\r\n    };\r\n  },\r\n  computed: {\r\n    clonedItems: function () {\r\n      return JSON.parse(JSON.stringify(this.rentDurations));\r\n    },\r\n  },\r\n  watch: {\r\n    clonedItems(newDurations, oldDurations) {\r\n      if (newDurations.length !== oldDurations.length) {\r\n        this.tenures.forEach((el) => {\r\n          el.disabled = false;\r\n        });\r\n        this.rentDurations.forEach((el) => {\r\n          const tenureIndex = this.tenures.findIndex(\r\n            (tenure) => tenure.name === el.name\r\n          );\r\n          if (tenureIndex > -1) {\r\n            this.tenures[tenureIndex].disabled = true;\r\n          }\r\n        });\r\n      }\r\n    },\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.query.spaceId) {\r\n      this.mode = \"edit\";\r\n      this.getBranchSpace();\r\n    }\r\n  },\r\n  beforeDestroy() {},\r\n  methods: {\r\n    addRentDuration() {\r\n      this.rentDurations.push({\r\n        name: \"\",\r\n        durationPrice: 1,\r\n      });\r\n    },\r\n    removeRentDuration(index) {\r\n      this.rentDurations.splice(index, 1);\r\n    },\r\n    getBranchSpace() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/BranchSpace/Get/All/${this.branch.id}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.forEach((el) => {\r\n            el.text = el.name;\r\n            el.value = el.id;\r\n          });\r\n          this.branchSpaces = response.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    createBranchSpace($event) {\r\n      $event.preventDefault();\r\n\r\n      if (!this.formData.propertyName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.propNameReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.formData.numberOfRooms) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.noRoomReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.formData.numberOfRestRooms) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.noRestroomReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.formData.propertyDescription) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.propDescReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.formData.additionalDetails) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.addDetReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let data = {\r\n        branchId: this.branch.id,\r\n        propertyName: this.formData.propertyName,\r\n        propertyDescription: this.formData.propertyDescription,\r\n        numberOfRooms: Number(this.formData.numberOfRooms),\r\n        numberOfRestRooms: Number(this.formData.numberOfRestRooms),\r\n        additionalDetails: this.formData.additionalDetails,\r\n        rentDurations: this.rentDurations,\r\n      };\r\n\r\n      for (const field of this.rentDurations) {\r\n        field.durationPrice = Number(field.durationPrice);\r\n        if (!field.name || !field.durationPrice) {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bLease.allMissingData\"),\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          return;\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        .post(\r\n          `${configObject.apiBaseUrl}/BranchSpace/Post`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$router.push({\r\n            name: \"BranchSpace\",\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            },\r\n          });\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bLease.successfullyCreatedBS\"),\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    updateSpace($event) {\r\n      $event.preventDefault();\r\n      if (!this.formData.propertyName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.propNameReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.formData.propertyDescription) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.propDescReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.formData.numberOfRooms) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.noRoomReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.formData.numberOfRestRooms) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.noRestroomReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (!this.formData.additionalDetails) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.addDetReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      let data = {\r\n        propertyName: this.formData.propertyName,\r\n        propertyDescription: this.formData.propertyDescription,\r\n        numberOfRooms: Number(this.formData.numberOfRooms),\r\n        numberOfRestRooms: Number(this.formData.numberOfRestRooms),\r\n        additionalDetails: this.formData.additionalDetails,\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/BranchSpace/Edit/${this.$route.query.spaceId}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$router.push({\r\n            name: \"BranchSpace\",\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            },\r\n          });\r\n\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bLease.successfullyUpdatedBS\"),\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    getBranchSpace() {\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          console.log(response.data);\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!./createBranchSpace.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!./createBranchSpace.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./createBranchSpace.vue?vue&type=template&id=4067e5ee&\"\nimport script from \"./createBranchSpace.vue?vue&type=script&lang=js&\"\nexport * from \"./createBranchSpace.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":""}