{"version":3,"sources":["webpack:///./src/components/Options/ModalEditInventoryCapacity.vue","webpack:///src/components/Options/ModalEditInventoryCapacity.vue","webpack:///./src/components/Options/ModalEditInventoryCapacity.vue?71e1","webpack:///./src/components/Options/ModalEditInventoryCapacity.vue?8749"],"names":["render","_vm","this","_c","_self","attrs","$t","isSaving","isSavingSuccess","isSavingError","onClickCancel","updateOptionCapacity","showModal","on","scopedSlots","_u","key","fn","isLoadingLeft","isLoadingRight","Number","month","year","monthYearSelected","isLoading","_e","staticClass","_v","_s","_l","dates","date","index","_f","Date","directives","name","rawName","value","Inventory","expression","domProps","$event","target","composing","$set","TimesBooked","proxy","slot","staticRenderFns","components","Loader","MonthYearSelector","props","type","Boolean","default","Function","required","data","isSearching","locationId","$route","params","getFullYear","getMonth","day","computed","_objectSpread","mapState","created","getOptionInventory","methods","direction","_this","self","optionProvider","option","Id","then","response","status","finally","saveOptionInventory","EventBus","$emit","message","catch","e","component"],"mappings":"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","file":"js/chunk-2d217a48.js?id=453fd5050b6daa61784c","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ui-component-modal',{attrs:{\"modalTitle\":_vm.$t('Components.Options.ModalEditInventoryCapacity.Modal_Title'),\"isSaving\":_vm.isSaving,\"isSavingSuccess\":_vm.isSavingSuccess,\"isSavingError\":_vm.isSavingError,\"hideFooterButtons\":_vm.isSavingError || _vm.isSavingSuccess,\"onClickCancel\":_vm.onClickCancel,\"onClickSave\":_vm.updateOptionCapacity,\"showModal\":_vm.showModal},on:{\"closeModal\":_vm.onClickCancel},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('MonthYearSelector',{attrs:{\"isLoadingLeft\":_vm.isLoadingLeft,\"isLoadingRight\":_vm.isLoadingRight,\"month\":Number(_vm.month),\"year\":Number(_vm.year)},on:{\"monthYearSelected\":_vm.monthYearSelected}}),(_vm.isLoading)?_c('Loader'):_vm._e(),(!_vm.isLoading)?_c('table',{staticClass:\"table is-fullwidth is-striped is-narrow\"},[_c('thead',[_c('tr',[_c('th',{attrs:{\"width\":\"200\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Components.Options.ModalEditInventoryCapacity.Header_Date'))+\" \")]),_c('th',[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Options.ModalEditInventoryCapacity.Header_Inventory' ))+\" \")]),_c('th',{staticClass:\"has-text-right\"},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Options.ModalEditInventoryCapacity.Header_Available' ))+\" \")])])]),_c('tbody',_vm._l((_vm.dates),function(date,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(_vm._f(\"customDateFormat\")(date.Date,'dd MM')))]),_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(date.Inventory),expression:\"date.Inventory\"}],staticClass:\"input is-small\",attrs:{\"type\":\"number\"},domProps:{\"value\":(date.Inventory)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(date, \"Inventory\", $event.target.value)}}})]),_c('td',{staticClass:\"has-text-right\"},[_vm._v(\" \"+_vm._s(date.Inventory - date.TimesBooked)+\" / \"+_vm._s(date.Inventory)+\" \")])])}),0)]):_vm._e()]},proxy:true}])},[_c('template',{slot:\"modalTitle\"})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ui-component-modal\n    :modalTitle=\"\n      $t('Components.Options.ModalEditInventoryCapacity.Modal_Title')\n    \"\n    :isSaving=\"isSaving\"\n    :isSavingSuccess=\"isSavingSuccess\"\n    :isSavingError=\"isSavingError\"\n    :hideFooterButtons=\"isSavingError || isSavingSuccess\"\n    :onClickCancel=\"onClickCancel\"\n    :onClickSave=\"updateOptionCapacity\"\n    :showModal=\"showModal\"\n    @closeModal=\"onClickCancel\"\n  >\n    <template slot=\"modalTitle\"></template>\n    <template v-slot:content>\n      <MonthYearSelector\n        @monthYearSelected=\"monthYearSelected\"\n        :isLoadingLeft=\"isLoadingLeft\"\n        :isLoadingRight=\"isLoadingRight\"\n        :month=\"Number(month)\"\n        :year=\"Number(year)\"\n      />\n\n      <Loader v-if=\"isLoading\" />\n\n      <table v-if=\"!isLoading\" class=\"table is-fullwidth is-striped is-narrow\">\n        <thead>\n          <tr>\n            <th width=\"200\">\n              {{\n                $t('Components.Options.ModalEditInventoryCapacity.Header_Date')\n              }}\n            </th>\n            <th>\n              {{\n                $t(\n                  'Components.Options.ModalEditInventoryCapacity.Header_Inventory'\n                )\n              }}\n            </th>\n            <th class=\"has-text-right\">\n              {{\n                $t(\n                  'Components.Options.ModalEditInventoryCapacity.Header_Available'\n                )\n              }}\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(date, index) in dates\" :key=\"index\">\n            <td>{{ date.Date | customDateFormat('dd MM') }}</td>\n            <td>\n              <input\n                type=\"number\"\n                class=\"input is-small\"\n                v-model=\"date.Inventory\"\n              />\n            </td>\n            <td class=\"has-text-right\">\n              {{ date.Inventory - date.TimesBooked }} / {{ date.Inventory }}\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </template>\n  </ui-component-modal>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport { EventBus } from '@/eventbus/event-bus'\nimport optionProvider from '@/providers/option'\n\nexport default {\n  components: {\n    Loader: () => import('@/components/UI/Loader'),\n    MonthYearSelector: () => import('@/components/UI/MonthYearSelector'),\n  },\n\n  props: {\n    showModal: {\n      type: Boolean,\n      default: false,\n    },\n\n    onClickCancel: {\n      type: Function,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      isLoading: false,\n      isSearching: false,\n      isLoadingLeft: false,\n      isLoadingRight: false,\n      isSaving: false,\n      isSavingSuccess: false,\n      isSavingError: false,\n      locationId: Number(this.$route.params.locationId),\n      year: new Date().getFullYear(),\n      month: new Date().getMonth() + 1,\n      day: 0,\n      dates: [],\n    }\n  },\n\n  computed: {\n    ...mapState('optionStore', ['option']),\n  },\n\n  created() {\n    this.getOptionInventory();\n  },\n\n  methods: {\n    monthYearSelected(data) {\n      this.month = Number(data.month)\n      this.year = Number(data.year)\n      this.isLoadingLeft = data.direction === 'left'\n      this.isLoadingRight = data.direction === 'right'\n\n      this.getOptionInventory()\n    },\n\n    getOptionInventory() {\n      let self = this\n\n      if (!self.isLoading) {\n        self.isLoading = true\n\n        optionProvider.methods\n          .getOptionInventory(\n            this.option.Id,\n            this.locationId,\n            this.year,\n            this.month,\n            this.day\n          )\n          .then((response) => {\n            if (response.status === 200) {\n              this.dates = response.data\n            }\n          })\n          .finally(() => {\n            self.isLoading = false\n            self.isSearching = false\n            self.isLoadingLeft = false\n            self.isLoadingRight = false\n          })\n      }\n    },\n\n    updateOptionCapacity() {\n      let self = this\n\n      if (!self.isSaving) {\n        self.isSaving = true\n\n        optionProvider.methods\n          .saveOptionInventory(self.option.Id, self.dates)\n          .then((response) => {\n            if (response.status === 204) {\n              self.isSavingSuccess = true\n\n              // Send message to display toast on screen\n              EventBus.$emit('showToast', {\n                type: 'info',\n                message: 'Option updated',\n              })\n\n              self.onClickCancel()\n            }\n          })\n          .catch((e) => {\n            self.isSavingError = true\n          })\n          .finally(() => {\n            self.isSaving = false\n          })\n      }\n    },\n  },\n}\n</script>\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!./ModalEditInventoryCapacity.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!./ModalEditInventoryCapacity.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalEditInventoryCapacity.vue?vue&type=template&id=f4e35c66\"\nimport script from \"./ModalEditInventoryCapacity.vue?vue&type=script&lang=js\"\nexport * from \"./ModalEditInventoryCapacity.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":""}