{"version":3,"sources":["webpack:///./src/components/Reservations/ModalDeleteSpace.vue?3ea9","webpack:///./src/components/Reservations/ModalDeleteSpace.vue","webpack:///src/components/Reservations/ModalDeleteSpace.vue","webpack:///./src/components/Reservations/ModalDeleteSpace.vue?2bcb","webpack:///./src/components/Reservations/ModalDeleteSpace.vue?71a2"],"names":["render","_vm","this","_c","_self","attrs","$t","showModal","isDeleting","isDeletingError","responseMessage","disableSaveButton","saveReservation","onClickCancel","on","scopedSlots","_u","key","fn","staticClass","_v","_s","name","space","SpaceName","model","value","isDeleteConfirmed","callback","$$v","expression","UseInTotalSeats","domProps","total","reservationDate","TotalSeats","newTotal","newTotalSeats","class","updateTotalSeats","$event","_e","proxy","slot","staticRenderFns","components","BaseCheckbox","TransitionExpand","props","type","Boolean","default","Function","required","Object","data","computed","_objectSpread","mapState","Seats","methods","mapMutations","_this","self","criteria","Id","UpdateTotalSeats","reservationProvider","deleteReservationSpace","reservation","Key","then","response","status","setReservation","EventBus","$emit","message","catch","error","Value","finally","component"],"mappings":"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","file":"js/chunk-6d903566.js?id=a14f33884cfd8ea6aab3","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteSpace.vue?vue&type=style&index=0&id=f4053a8c&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ui-component-modal',{attrs:{\"modalTitle\":_vm.$t('Components.Reservation.ModalDeleteSpace.Header_ModalHeader'),\"confirmButtonCssClass\":\"is-danger\",\"showModal\":_vm.showModal,\"buttonLabelConfirm\":_vm.$t('Form.Control.Delete'),\"isSaving\":_vm.isDeleting,\"isSavingError\":_vm.isDeletingError,\"savingErrorMessage\":_vm.$t('Components.Reservation.ModalEditSpace.Message_Error', {\n      responseMessage: _vm.responseMessage,\n    }),\"hideFooterButtons\":_vm.isDeletingError,\"disableSaveButton\":_vm.disableSaveButton,\"onClickSave\":_vm.saveReservation,\"onClickCancel\":_vm.onClickCancel},on:{\"closeModal\":_vm.onClickCancel},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"has-margin-bottom is-size-5 has-text-centered\"},[_vm._v(\" \"+_vm._s(_vm.$t('Components.Reservation.ModalDeleteSpace.Message_AreYouSure', { name: _vm.space.SpaceName, }))+\" \")]),_c('div',{staticClass:\"has-text-centered has-margin-bottom\"},[_c('BaseCheckbox',{staticClass:\"has-text-left\",attrs:{\"label\":_vm.$t('Components.Reservation.ModalDeleteOption.Label_YesSure')},model:{value:(_vm.isDeleteConfirmed),callback:function ($$v) {_vm.isDeleteConfirmed=$$v},expression:\"isDeleteConfirmed\"}})],1),_c('transition-expand',[(_vm.isDeleteConfirmed && _vm.space.UseInTotalSeats)?_c('div',[_c('div',{staticClass:\"has-text-centered\"},[_c('div',{staticClass:\"has-text-weight-bold has-margin-bottom\",domProps:{\"textContent\":_vm._s(\n              _vm.$t(\n                'Components.Reservation.ModalDeleteSpace.Label_UpdateTotalSeats',\n                {\n                  total: _vm.reservationDate.TotalSeats,\n                  newTotal: _vm.newTotalSeats,\n                }\n              )\n            )}}),_c('div',[_c('div',{staticClass:\"tabs is-centered is-toggle is-small\"},[_c('ul',[_c('li',{class:{ 'is-active': _vm.updateTotalSeats === false }},[_c('a',{on:{\"click\":function($event){_vm.updateTotalSeats = false}}},[_c('span',[_vm._v(_vm._s(_vm.$t('General.No')))])])]),_c('li',{class:{ 'is-active': _vm.updateTotalSeats === true }},[_c('a',{on:{\"click\":function($event){_vm.updateTotalSeats = true}}},[_c('span',[_vm._v(_vm._s(_vm.$t('General.Yes')))])])])])])])])]):_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.Reservation.ModalDeleteSpace.Header_ModalHeader')\n    \"\n    confirmButtonCssClass=\"is-danger\"\n    :showModal=\"showModal\"\n    :buttonLabelConfirm=\"$t('Form.Control.Delete')\"\n    :isSaving=\"isDeleting\"\n    :isSavingError=\"isDeletingError\"\n    :savingErrorMessage=\"\n      $t('Components.Reservation.ModalEditSpace.Message_Error', {\n        responseMessage: responseMessage,\n      })\n    \"\n    :hideFooterButtons=\"isDeletingError\"\n    :disableSaveButton=\"disableSaveButton\"\n    :onClickSave=\"saveReservation\"\n    :onClickCancel=\"onClickCancel\"\n    @closeModal=\"onClickCancel\"\n  >\n    <template slot=\"modalTitle\"></template>\n    <template v-slot:content>\n      <div class=\"has-margin-bottom is-size-5 has-text-centered\">\n        {{\n          $t('Components.Reservation.ModalDeleteSpace.Message_AreYouSure', {\n            name: space.SpaceName,\n          })\n        }}\n      </div>\n\n      <div class=\"has-text-centered has-margin-bottom\">\n        <BaseCheckbox\n          v-model=\"isDeleteConfirmed\"\n          class=\"has-text-left\"\n          :label=\"$t('Components.Reservation.ModalDeleteOption.Label_YesSure')\"\n        />\n      </div>\n      <transition-expand>\n        <div v-if=\"isDeleteConfirmed && space.UseInTotalSeats\">\n          <div class=\"has-text-centered\">\n            <div\n              class=\"has-text-weight-bold has-margin-bottom\"\n              v-text=\"\n                $t(\n                  'Components.Reservation.ModalDeleteSpace.Label_UpdateTotalSeats',\n                  {\n                    total: reservationDate.TotalSeats,\n                    newTotal: newTotalSeats,\n                  }\n                )\n              \"\n            ></div>\n            <div>\n              <div class=\"tabs is-centered is-toggle is-small\">\n                <ul>\n                  <li :class=\"{ 'is-active': updateTotalSeats === false }\">\n                    <a @click=\"updateTotalSeats = false\">\n                      <span>{{ $t('General.No') }}</span>\n                    </a>\n                  </li>\n                  <li :class=\"{ 'is-active': updateTotalSeats === true }\">\n                    <a @click=\"updateTotalSeats = true\">\n                      <span>{{ $t('General.Yes') }}</span>\n                    </a>\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </transition-expand>\n    </template>\n  </ui-component-modal>\n</template>\n\n<script>\nimport { mapState, mapMutations } from 'vuex'\nimport { EventBus } from '@/eventbus/event-bus'\nimport reservationProvider from '@/providers/reservation'\nimport BaseCheckbox from '@/components/UI/Form/BaseCheckbox'\nimport TransitionExpand from '../UI/TransitionExpand.vue'\n\nexport default {\n  components: {\n    BaseCheckbox,\n    TransitionExpand,\n  },\n\n  props: {\n    space: null,\n\n    showModal: {\n      type: Boolean,\n      default: false,\n    },\n\n    onClickCancel: {\n      type: Function,\n      required: true,\n    },\n\n    reservationDate: {\n      type: Object,\n      default: null,\n      required: true\n    }\n  },\n\n  data() {\n    return {\n      isDeleteConfirmed: false,\n      isDeleting: false,\n      isDeletingError: false,\n      responseMessage: '',\n      updateTotalSeats: false,\n    }\n  },\n\n  computed: {\n    ...mapState('reservationStore', ['reservation']),\n\n    disableSaveButton() {\n      return !this.isDeleteConfirmed || this.isDeleting\n    },\n\n    newTotalSeats() {\n      return this.reservationDate.TotalSeats - this.space.Seats < 1\n        ? 1\n        : this.reservationDate.TotalSeats - this.space.Seats\n    },\n  },\n\n  methods: {\n    ...mapMutations('reservationStore', ['setReservation']),\n\n    saveReservation() {\n      let self = this\n\n      //self.reservation.Spaces.splice(self.space.Index, 1)\n\n      if (!this.isDeleting) {\n        this.isDeleting = true\n\n        let criteria = {\n          Id: self.space.Id,\n          UpdateTotalSeats: this.updateTotalSeats,\n        }\n\n        reservationProvider.methods\n          .deleteReservationSpace(self.reservation.Key, criteria)\n          .then((response) => {\n            if (response.status === 200) {\n              self.setReservation(response.data)\n\n              EventBus.$emit('showToast', {\n                type: 'info',\n                message: this.$t(\n                  'Components.Reservation.ModalDeleteSpace.Toast_ReservationSaved'\n                ),\n              })\n\n              self.onClickCancel()\n            }\n          })\n          .catch((error) => {\n            self.isDeletingError = true\n            self.responseMessage = error.response.data.Value\n          })\n          .finally(() => {\n            self.isDeleting = false\n          })\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.tabs {\n  &.is-toggle {\n    li {\n      width: 54px;\n    }\n  }\n}\n</style>\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!./ModalDeleteSpace.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!./ModalDeleteSpace.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalDeleteSpace.vue?vue&type=template&id=f4053a8c&scoped=true\"\nimport script from \"./ModalDeleteSpace.vue?vue&type=script&lang=js\"\nexport * from \"./ModalDeleteSpace.vue?vue&type=script&lang=js\"\nimport style0 from \"./ModalDeleteSpace.vue?vue&type=style&index=0&id=f4053a8c&prod&lang=scss&scoped=true\"\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  \"f4053a8c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}