{"version":3,"sources":["webpack:///./src/components/Spaces/ModalDeleteSpaceImage.vue","webpack:///src/components/Spaces/ModalDeleteSpaceImage.vue","webpack:///./src/components/Spaces/ModalDeleteSpaceImage.vue?12b8","webpack:///./src/components/Spaces/ModalDeleteSpaceImage.vue?fb0f"],"names":["render","_vm","this","_c","_self","attrs","$t","isDeleting","isDeletingSuccess","isDeletingError","isDeleteConfirmed","onClickCancel","deleteImage","showModal","on","scopedSlots","_u","key","fn","staticClass","domProps","_s","model","value","callback","$$v","expression","proxy","staticRenderFns","BaseCheckbox","name","components","props","image","type","Object","default","Boolean","Function","required","data","mSpace","computed","_objectSpread","mapState","created","JSON","parse","stringify","space","methods","mapMutations","self","spaceProvider","deleteSpaceImageById","Id","then","response","status","imageIndex","Images","findIndex","i","splice","setSpace","setTimeout","catch","err","finally","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,qBAAqB,CAACE,MAAM,CAAC,WAAaJ,EAAIK,GAAG,sDAAsD,mBAAqBL,EAAIK,GAAG,uBAAuB,sBAAwB,YAAY,SAAWL,EAAIM,WAAW,gBAAkBN,EAAIO,kBAAkB,cAAgBP,EAAIQ,gBAAgB,kBAAoBR,EAAIQ,iBAAmBR,EAAIO,kBAAkB,mBAAqBP,EAAIS,mBAAqBT,EAAIM,WAAW,cAAgBN,EAAIU,cAAc,YAAcV,EAAIW,YAAY,UAAYX,EAAIY,WAAWC,GAAG,CAAC,WAAab,EAAIU,eAAeI,YAAYd,EAAIe,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACf,EAAG,MAAM,CAACgB,YAAY,gDAAgDC,SAAS,CAAC,UAAYnB,EAAIoB,GACxvBpB,EAAIK,GAAG,oEACJH,EAAG,MAAM,CAACgB,YAAY,qBAAqB,CAAChB,EAAG,eAAe,CAACgB,YAAY,gBAAgBd,MAAM,CAAC,MAAQJ,EAAIK,GAAG,gEAAgEgB,MAAM,CAACC,MAAOtB,EAAIS,kBAAmBc,SAAS,SAAUC,GAAMxB,EAAIS,kBAAkBe,GAAKC,WAAW,wBAAwB,KAAKC,OAAM,QAE/TC,EAAkB,G,wHCoCtBC,EAAA,6EAEe,GACfC,KAAA,2BACAC,WAAA,CACAF,gBAGAG,MAAA,CACAC,MAAA,CACAC,KAAAC,OACAC,QAAA,MAGAvB,UAAA,CACAqB,KAAAG,QACAD,SAAA,GAGAzB,cAAA,CACAuB,KAAAI,SACAC,UAAA,IAIAC,KAAA,WACA,OACA9B,mBAAA,EACAH,YAAA,EACAC,mBAAA,EACAC,iBAAA,EACAgC,OAAA,OAIAC,SAAAC,eAAA,GACAC,eAAA,yBAGAC,QAAA,WACA,KAAAJ,OAAAK,KAAAC,MAAAD,KAAAE,UAAA,KAAAC,SAGAC,QAAAP,8BAAA,GACAQ,eAAA,gCAEAvC,YAAA,WACA,SAAAL,WAAA,CACA,IAAA6C,EAAA,KACAA,EAAA7C,YAAA,EACA6C,EAAA5C,mBAAA,EACA4C,EAAA3C,iBAAA,EAEA4C,OAAAH,QACAI,qBAAAF,EAAAX,OAAAc,GAAAH,EAAAnB,MAAAsB,IACAC,MAAA,SAAAC,GACA,SAAAA,EAAAC,OAAA,CACAN,EAAA5C,mBAAA,EAEA,IAAAmD,EAAAP,EAAAX,OAAAmB,OAAAC,WACA,SAAAC,GAAA,OAAAA,EAAAP,KAAAH,EAAAnB,MAAAsB,MAGAI,GAAA,GACAP,EAAAX,OAAAmB,OAAAG,OAAAJ,EAAA,GAGAP,EAAAY,SAAAZ,EAAAX,QAEAwB,YAAA,WACAb,EAAAzC,kBACA,UAGAuD,OAAA,SAAAC,GAEAf,EAAA3C,iBAAA,KAEA2D,SAAA,WACAhB,EAAA7C,YAAA,UCvH6W,I,YCOzW8D,EAAY,eACd,EACArE,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAyC,E","file":"js/chunk-2d207830.js?id=5db9cc15cfc51a25e066","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ui-component-modal',{attrs:{\"modalTitle\":_vm.$t('Components.Spaces.ModalDeleteSpaceImage.Main_Title'),\"buttonLabelConfirm\":_vm.$t('Form.Control.Delete'),\"confirmButtonCssClass\":\"is-danger\",\"isSaving\":_vm.isDeleting,\"isSavingSuccess\":_vm.isDeletingSuccess,\"isSavingError\":_vm.isDeletingError,\"hideFooterButtons\":_vm.isDeletingError || _vm.isDeletingSuccess,\"disableSaveButton\":!_vm.isDeleteConfirmed || _vm.isDeleting,\"onClickCancel\":_vm.onClickCancel,\"onClickSave\":_vm.deleteImage,\"showModal\":_vm.showModal},on:{\"closeModal\":_vm.onClickCancel},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"has-margin-bottom is-size-5 has-text-centered\",domProps:{\"innerHTML\":_vm._s(\n        _vm.$t('Components.Spaces.ModalDeleteSpaceImage.Message_Are-you-sure')\n      )}}),_c('div',{staticClass:\"has-text-centered\"},[_c('BaseCheckbox',{staticClass:\"has-text-left\",attrs:{\"label\":_vm.$t('Components.Spaces.ModalDeleteSpaceImage.Message_Yes-im-sure')},model:{value:(_vm.isDeleteConfirmed),callback:function ($$v) {_vm.isDeleteConfirmed=$$v},expression:\"isDeleteConfirmed\"}})],1)]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ui-component-modal\n    :modalTitle=\"$t('Components.Spaces.ModalDeleteSpaceImage.Main_Title')\"\n    :buttonLabelConfirm=\"$t('Form.Control.Delete')\"\n    confirmButtonCssClass=\"is-danger\"\n    :isSaving=\"isDeleting\"\n    :isSavingSuccess=\"isDeletingSuccess\"\n    :isSavingError=\"isDeletingError\"\n    :hideFooterButtons=\"isDeletingError || isDeletingSuccess\"\n    :disableSaveButton=\"!isDeleteConfirmed || isDeleting\"\n    :onClickCancel=\"onClickCancel\"\n    :onClickSave=\"deleteImage\"\n    :showModal=\"showModal\"\n    @closeModal=\"onClickCancel\"\n  >\n    <template v-slot:content>\n      <div\n        class=\"has-margin-bottom is-size-5 has-text-centered\"\n        v-html=\"\n          $t('Components.Spaces.ModalDeleteSpaceImage.Message_Are-you-sure')\n        \"\n      ></div>\n      <div class=\"has-text-centered\">\n        <BaseCheckbox\n          v-model=\"isDeleteConfirmed\"\n          class=\"has-text-left\"\n          :label=\"\n            $t('Components.Spaces.ModalDeleteSpaceImage.Message_Yes-im-sure')\n          \"\n        />\n      </div>\n    </template>\n  </ui-component-modal>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport { mapState, mapMutations } from 'vuex'\nimport { EventBus } from '@/eventbus/event-bus'\nimport spaceProvider from '@/providers/space'\nconst BaseCheckbox = () => import('@/components/UI/Form/BaseCheckbox')\n\nexport default {\n  name: 'modal-delete-space-image',\n  components: {\n    BaseCheckbox,\n  },\n\n  props: {\n    image: {\n      type: Object,\n      default: null,\n    },\n\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      isDeleteConfirmed: false,\n      isDeleting: false,\n      isDeletingSuccess: false,\n      isDeletingError: false,\n      mSpace: null,\n    }\n  },\n\n  computed: {\n    ...mapState('spaceStore', ['space']),\n  },\n\n  created() {\n    this.mSpace = JSON.parse(JSON.stringify(this.space))\n  },\n\n  methods: {\n    ...mapMutations('spaceStore', ['setSpace']),\n\n    deleteImage() {\n      if (!this.isDeleting) {\n        let self = this\n        self.isDeleting = true\n        self.isDeletingSuccess = false\n        self.isDeletingError = false\n\n        spaceProvider.methods\n          .deleteSpaceImageById(self.mSpace.Id, self.image.Id)\n          .then((response) => {\n            if (response.status === 204) {\n              self.isDeletingSuccess = true\n\n              let imageIndex = self.mSpace.Images.findIndex(\n                (i) => i.Id === self.image.Id\n              )\n\n              if (imageIndex > -1) {\n                self.mSpace.Images.splice(imageIndex, 1)\n              }\n\n              self.setSpace(self.mSpace)\n\n              setTimeout(() => {\n                self.onClickCancel()\n              }, 1500)\n            }\n          })\n          .catch((err) => {\n            //console.log(err.response)\n            self.isDeletingError = true\n          })\n          .finally(() => {\n            self.isDeleting = 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!./ModalDeleteSpaceImage.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!./ModalDeleteSpaceImage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalDeleteSpaceImage.vue?vue&type=template&id=4691db7c\"\nimport script from \"./ModalDeleteSpaceImage.vue?vue&type=script&lang=js\"\nexport * from \"./ModalDeleteSpaceImage.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":""}