{"version":3,"sources":["webpack:///./src/components/modals/UploadAvatarModal.vue?c218","webpack:///src/components/modals/UploadAvatarModal.vue","webpack:///./src/components/modals/UploadAvatarModal.vue?6f8b","webpack:///./src/components/modals/UploadAvatarModal.vue","webpack:///./src/components/modals/UploadAvatarModal.vue?74b4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","loadImageData","beforeCloseHandler","ref","width","croppieSize","height","type","query","uploadImage","_v","_s","_f","staticRenderFns","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,YAAY,sBAAsBC,MAAM,CAAC,KAAO,uBAAuBC,GAAG,CAAC,cAAcR,EAAIS,cAAc,eAAeT,EAAIU,qBAAqB,CAACN,EAAG,cAAc,CAACO,IAAI,aAAaJ,MAAM,CAAC,mBAAoB,EAAK,cAAe,EAAM,iBAAkB,EAAM,SAAW,CAAEK,MAAOZ,EAAIa,YAAaC,OAAQd,EAAIa,aAAc,SAAW,CAAED,MAAO,IAAKE,OAAQ,IAAKC,KAAM,aAAcX,EAAG,cAAc,CAACG,MAAM,CAAC,WAAa,CAAC,WAAW,QAAUP,EAAIgB,MAAM,SAAWhB,EAAIgB,OAAOR,GAAG,CAAC,MAAQR,EAAIiB,cAAc,CAACjB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,OAAPpB,CAAe,YAAY,OAAO,QAAQ,IACjqBqB,EAAkB,G,uDCsBtB,GACE,KAAF,oBACE,WAAF,CACI,UAAJ,WAAM,OAAN,iDACI,WAAJ,WAAM,OAAN,kDAGE,KAPF,WAQI,MAAJ,CACM,OAAN,IAIE,SAAF,CACI,YADJ,WAEM,OAAN,8BAIE,QAAF,CACI,cADJ,SACA,GAAM,IAAN,OACA,WACA,uCAEM,GAAN,SAAM,CAKA,IAAN,iBACM,EAAN,mBACQ,EAAR,uBACU,IAAV,mBAIM,EAAN,yBAXQ,KAAR,oCAcI,YApBJ,WAoBM,IAAN,OACM,KAAN,SAEM,IAAN,GACQ,KAAR,OACQ,OAAR,OACQ,QAAR,GAGM,KAAN,6CACQ,IAAR,eACA,kDACU,KAAV,eAEQ,EAAR,gCAEQ,EAAR,EACA,6CACU,QAAV,CACY,eAAZ,yBAGA,kBACU,EAAV,0CAEA,mBACU,QAAV,oBAEA,oBACU,EAAV,gBAKI,mBAtDJ,WAuDM,KAAN,kBAGI,eA1DJ,WA2DM,KAAN,8BCrG0W,I,wBCQtWC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,6CCnBf,yBAA+iB,EAAG,G","file":"js/chunk-533b4098.18991e89.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-modal',{staticClass:\"upload-avatar-modal\",attrs:{\"name\":\"upload-avatar-modal\"},on:{\"before-open\":_vm.loadImageData,\"before-close\":_vm.beforeCloseHandler}},[_c('vue-croppie',{ref:\"croppieRef\",attrs:{\"enableOrientation\":true,\"enableResize\":false,\"enforceBoundary\":false,\"boundary\":{ width: _vm.croppieSize, height: _vm.croppieSize },\"viewport\":{ width: 180, height: 180, type: 'circle' }}}),_c('base-button',{attrs:{\"variations\":['primary'],\"loading\":_vm.query,\"disabled\":_vm.query},on:{\"click\":_vm.uploadImage}},[_vm._v(\" \"+_vm._s(_vm._f(\"lang\")(\"Сохранить\",\"유지\"))+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <base-modal name=\"upload-avatar-modal\" @before-open=\"loadImageData\" @before-close=\"beforeCloseHandler\" class=\"upload-avatar-modal\">\n        <vue-croppie\n            ref=\"croppieRef\"\n            :enableOrientation=\"true\"\n            :enableResize=\"false\"\n            :enforceBoundary=\"false\"\n            :boundary=\"{ width: croppieSize, height: croppieSize }\"\n            :viewport=\"{ width: 180, height: 180, type: 'circle' }\"\n        >\n        </vue-croppie>\n\n        <base-button :variations=\"['primary']\" :loading=\"query\" :disabled=\"query\" @click=\"uploadImage\">\n            {{ \"Сохранить\" | lang(\"유지\") }}\n        </base-button>\n    </base-modal>\n</template>\n\n<script>\nimport \"croppie/croppie.css\";\nimport axios from \"axios\";\nimport config from \"../../Config\";\n\nexport default {\n    name: \"UploadAvatarModal\",\n    components: {\n        BaseModal: () => import(\"../common/BaseModal\"),\n        BaseButton: () => import(\"../common/BaseButton\"),\n    },\n\n    data() {\n        return {\n            query: false,\n        };\n    },\n\n    computed: {\n        croppieSize() {\n            return this.$root.isMobile ? 285 : 450;\n        },\n    },\n\n    methods: {\n        loadImageData(event) {\n            const e = event.params;\n            const files = e.target.files || e.dataTransfer.files;\n\n            if (!files.length) {\n                this.$modal.hide(\"upload-avatar-modal\");\n                return;\n            }\n\n            let reader = new FileReader();\n            reader.onload = (e) => {\n                this.$refs.croppieRef.bind({\n                    url: e.target.result,\n                });\n            };\n\n            reader.readAsDataURL(files[0]);\n        },\n\n        uploadImage() {\n            this.query = true;\n\n            const options = {\n                type: \"blob\",\n                format: \"jpeg\",\n                circle: false,\n            };\n\n            this.$refs.croppieRef.result(options).then((blob) => {\n                const fd = new FormData();\n                const file = new File([blob], `temp-${Date.now()}.jpg`, {\n                    type: \"image/jpeg\",\n                });\n                fd.set(\"UploadImage[imageFile]\", file);\n\n                axios\n                    .post(config.apiBaseUrl + \"/user/add-avatar\", fd, {\n                        headers: {\n                            \"Content-Type\": \"multipart/form-data\",\n                        },\n                    })\n                    .then((response) => {\n                        this.$emit(\"file-uploaded\", response.data.filename);\n                    })\n                    .catch((e) => {\n                        console.error(e.message);\n                    })\n                    .finally(() => {\n                        this.query = false;\n                    });\n            });\n        },\n\n        beforeCloseHandler() {\n            this.destroyCroppie();\n        },\n\n        destroyCroppie() {\n            this.$refs.croppieRef.destroy();\n        },\n    },\n};\n</script>\n\n<style lang=\"less\">\n.croppie-container {\n    width: auto;\n    height: auto;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadAvatarModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadAvatarModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UploadAvatarModal.vue?vue&type=template&id=24b286a9&\"\nimport script from \"./UploadAvatarModal.vue?vue&type=script&lang=js&\"\nexport * from \"./UploadAvatarModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UploadAvatarModal.vue?vue&type=style&index=0&lang=less&\"\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","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadAvatarModal.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadAvatarModal.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}