{"version":3,"sources":["webpack:///./src/components/Modals/EditResourcesCountModal.vue?fcc0","webpack:///./src/components/Modals/EditResourcesCountModal.vue?8788","webpack:///src/components/Modals/EditResourcesCountModal.vue","webpack:///./src/components/Modals/EditResourcesCountModal.vue?e4e2","webpack:///./src/components/Modals/EditResourcesCountModal.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","ref","staticClass","on","clickOutside","close","_v","scopedSlots","_u","key","fn","errors","reset","class","error","length","isLoaderVisible","model","value","callback","$$v","itemTypeId","expression","_l","resource","id","_s","name","save","staticRenderFns","data","computed","mapGetters","mapState","mounted","methods","mapActions","mapMutations","showLoader","e","isValid","userId","component"],"mappings":"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","file":"js/chunk-703354af.a62b65c1.js","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!./EditResourcesCountModal.vue?vue&type=style&index=0&id=0c178c69&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"modal-fade\"}},[_c('div',{ref:\"modal\",staticClass:\"modal-backdrop\",on:{\"click\":_vm.clickOutside}},[_c('div',{staticClass:\"modal\",attrs:{\"role\":\"dialog\"}},[_c('div',{staticClass:\"btn-close\",on:{\"click\":_vm.close}},[_c('md-icon',[_vm._v(\"close\")])],1),_c('h4',[_vm._v(\"Изменить количество ресурсов\")]),_c('ValidationObserver',{ref:\"editResourcesCountForm\",staticClass:\"md-layout md-gutter\",attrs:{\"tag\":\"div\"}},[_c('ValidationProvider',{staticClass:\"md-layout-item md-large-size-50\",attrs:{\"mode\":\"passive\",\"rules\":\"required\",\"tag\":\"div\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar reset = ref.reset;\nreturn [_c('md-field',{class:{ error: errors.length }},[_c('ValidationError',{attrs:{\"errors\":errors}}),_c('label',[_vm._v(\"Тип предмета\")]),_c('md-select',{attrs:{\"disabled\":_vm.isLoaderVisible,\"md-dense\":true},on:{\"focus\":reset},model:{value:(_vm.itemTypeId),callback:function ($$v) {_vm.itemTypeId=$$v},expression:\"itemTypeId\"}},_vm._l((_vm.itemTypes),function(resource){return _c('md-option',{key:(\"reward_\" + (resource.id)),attrs:{\"value\":resource.id}},[_vm._v(\" \"+_vm._s(resource.name)+\" \")])}),1)],1)]}}])}),_c('ValidationProvider',{staticClass:\"md-layout-item md-large-size-50\",attrs:{\"mode\":\"passive\",\"rules\":\"required\",\"tag\":\"div\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar reset = ref.reset;\nreturn [_c('md-field',{class:{ error: errors.length }},[_c('ValidationError',{attrs:{\"errors\":errors}}),_c('label',[_vm._v(\"Количество\")]),_c('md-input',{attrs:{\"disabled\":_vm.isLoaderVisible,\"type\":\"number\"},on:{\"focus\":reset},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1)]}}])})],1),_c('div',{staticClass:\"buttons-wrap\"},[_c('md-button',{staticClass:\"md-raised md-success\",attrs:{\"disabled\":_vm.isLoaderVisible},on:{\"click\":_vm.save}},[_vm._v(\" Сохранить \")]),_c('md-button',{staticClass:\"md-raised md-danger\",on:{\"click\":_vm.close}},[_vm._v(\" Отменить \")])],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <transition name=\"modal-fade\">\r\n    <div ref=\"modal\" class=\"modal-backdrop\" @click=\"clickOutside\">\r\n      <div class=\"modal\" role=\"dialog\">\r\n        <div class=\"btn-close\" @click=\"close\">\r\n          <md-icon>close</md-icon>\r\n        </div>\r\n\r\n        <h4>Изменить количество ресурсов</h4>\r\n\r\n        <ValidationObserver\r\n          ref=\"editResourcesCountForm\"\r\n          class=\"md-layout md-gutter\"\r\n          tag=\"div\"\r\n        >\r\n          <ValidationProvider\r\n            v-slot=\"{ errors, reset }\"\r\n            class=\"md-layout-item md-large-size-50\"\r\n            mode=\"passive\"\r\n            rules=\"required\"\r\n            tag=\"div\"\r\n          >\r\n            <md-field :class=\"{ error: errors.length }\">\r\n              <ValidationError :errors=\"errors\" />\r\n              <label>Тип предмета</label>\r\n              <md-select\r\n                v-model=\"itemTypeId\"\r\n                :disabled=\"isLoaderVisible\"\r\n                :md-dense=\"true\"\r\n                @focus=\"reset\"\r\n              >\r\n                <md-option\r\n                  v-for=\"resource in itemTypes\"\r\n                  :key=\"`reward_${resource.id}`\"\r\n                  :value=\"resource.id\"\r\n                >\r\n                  {{ resource.name }}\r\n                </md-option>\r\n              </md-select>\r\n            </md-field>\r\n          </ValidationProvider>\r\n\r\n          <ValidationProvider\r\n            v-slot=\"{ errors, reset }\"\r\n            class=\"md-layout-item md-large-size-50\"\r\n            mode=\"passive\"\r\n            rules=\"required\"\r\n            tag=\"div\"\r\n          >\r\n            <md-field :class=\"{ error: errors.length }\">\r\n              <ValidationError :errors=\"errors\" />\r\n              <label>Количество</label>\r\n              <md-input\r\n                v-model=\"value\"\r\n                :disabled=\"isLoaderVisible\"\r\n                type=\"number\"\r\n                @focus=\"reset\"\r\n              />\r\n            </md-field>\r\n          </ValidationProvider>\r\n        </ValidationObserver>\r\n\r\n        <div class=\"buttons-wrap\">\r\n          <md-button\r\n            class=\"md-raised md-success\"\r\n            :disabled=\"isLoaderVisible\"\r\n            @click=\"save\"\r\n          >\r\n            Сохранить\r\n          </md-button>\r\n\r\n          <md-button class=\"md-raised md-danger\" @click=\"close\">\r\n            Отменить\r\n          </md-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters, mapMutations, mapState } from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      itemTypeId: null,\r\n      value: null,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapGetters(\"items\", [\"itemTypesById\"]),\r\n    ...mapState([\"isLoaderVisible\"]),\r\n    ...mapState(\"items\", [\"itemTypes\"]),\r\n  },\r\n\r\n  async mounted() {\r\n    this.showLoader(true);\r\n    await this.getItemTypes();\r\n    this.showLoader(false);\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"items\", [\"getItemTypes\"]),\r\n    ...mapActions(\"users\", [\"setUserResource\"]),\r\n    ...mapMutations({\r\n      showLoader: \"SET_SHOW_LOADER\",\r\n    }),\r\n\r\n    clickOutside(e) {\r\n      if (e.target.classList.contains(\"modal-backdrop\")) {\r\n        this.close();\r\n      }\r\n    },\r\n\r\n    close(needUpdate = false) {\r\n      this.$emit(\"close\", needUpdate);\r\n    },\r\n\r\n    async save() {\r\n      const isValid = await this.$refs.editResourcesCountForm.validate();\r\n      if (!isValid) {\r\n        return;\r\n      }\r\n\r\n      this.showLoader(true);\r\n      try {\r\n        await this.setUserResource({\r\n          userId: this.$route.params.id,\r\n          itemTypeId: this.itemTypeId,\r\n          value: this.value,\r\n        });\r\n\r\n        this.close(true);\r\n      } catch (error) {\r\n        this.showLoader(false);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.modal-backdrop {\r\n  position: fixed;\r\n  display: flex;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  padding: 20px 0;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.3);\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  z-index: 10;\r\n\r\n  .modal {\r\n    position: relative;\r\n    height: auto;\r\n    padding: 20px;\r\n    margin-top: auto;\r\n    margin-bottom: auto;\r\n    border-radius: 5px;\r\n    background: #fff;\r\n  }\r\n\r\n  .btn-close {\r\n    position: absolute;\r\n    top: 5px;\r\n    right: 5px;\r\n    cursor: pointer;\r\n    font-size: 20px;\r\n    color: #c4c4c4;\r\n  }\r\n}\r\n\r\n.modal-fade-enter,\r\n.modal-fade-leave-active {\r\n  opacity: 0;\r\n}\r\n\r\n.modal-fade-enter-active,\r\n.modal-fade-leave-active {\r\n  transition: opacity 0.5s ease;\r\n}\r\n\r\n.buttons-wrap {\r\n  display: flex;\r\n\r\n  & > * {\r\n    &:first-child {\r\n      margin-right: 8px;\r\n    }\r\n\r\n    &:last-child {\r\n      margin-left: 8px;\r\n    }\r\n  }\r\n}\r\n</style>\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!./EditResourcesCountModal.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!./EditResourcesCountModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditResourcesCountModal.vue?vue&type=template&id=0c178c69&scoped=true&\"\nimport script from \"./EditResourcesCountModal.vue?vue&type=script&lang=js&\"\nexport * from \"./EditResourcesCountModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditResourcesCountModal.vue?vue&type=style&index=0&id=0c178c69&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  \"0c178c69\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}