{"version":3,"sources":["webpack:///./src/views/UserPage.vue?4af8","webpack:///src/views/UserPage.vue","webpack:///./src/views/UserPage.vue?032d","webpack:///./src/views/UserPage.vue","webpack:///./src/views/UserPage.vue?2996"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","style","backgroundImage","user","userAvatar","attrs","on","handleImage","_s","userName","userLastName","userPhone","userEmail","logOut","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,oBAAoBH,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACE,YAAY,WAAWE,MAAM,CAAGC,gBAAiB,OAAST,EAAIU,KAAKC,WAAa,MAAQ,CAACP,EAAG,QAAQ,CAACQ,MAAM,CAAC,KAAO,OAAO,OAAS,WAAWC,GAAG,CAAC,OAASb,EAAIc,mBAAmBV,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACJ,EAAIO,GAAGP,EAAIe,GAAGf,EAAIU,KAAKM,UAAU,IAAIhB,EAAIe,GAAGf,EAAIU,KAAKO,iBAAiBb,EAAG,IAAI,CAACJ,EAAIO,GAAGP,EAAIe,GAAGf,EAAIU,KAAKQ,cAAcd,EAAG,IAAI,CAACJ,EAAIO,GAAGP,EAAIe,GAAGf,EAAIU,KAAKS,kBAAkBf,EAAG,IAAI,CAACE,YAAY,SAASO,GAAG,CAAC,MAAQb,EAAIoB,SAAS,CAACpB,EAAIO,GAAG,cACjtBc,EAAkB,GCoBtB,GACE,KAAF,WAAI,MAAJ,CACM,mBAAN,EACA,UAEE,QAAF,CACI,OADJ,WAEM,KAAN,0BACM,KAAN,gCACM,KAAN,yCACM,KAAN,mBAII,YATJ,SASA,GACA,wBACA,2BAEA,kBAbA,SAaA,cAEA,iBAEA,qBACA,8BAGA,qBAGE,QA7BF,WA8BI,KAAJ,oDCnDkV,I,wBCQ9UC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,sECnBf,yBAAqiB,EAAG","file":"js/chunk-54d078d9.25237348.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('p',{staticClass:\"titleMain\"},[_vm._v(\"Личный кабинет\")]),_c('form',{staticClass:\"user-card\"},[_c('div',{staticClass:\"user-img\"},[_c('label',{staticClass:\"addPhoto\",style:({ backgroundImage: 'url(' + _vm.user.userAvatar + ')' })},[_c('input',{attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.handleImage}})])]),_c('div',{staticClass:\"user-info\"},[_c('p',[_vm._v(_vm._s(_vm.user.userName)+\" \"+_vm._s(_vm.user.userLastName))]),_c('p',[_vm._v(_vm._s(_vm.user.userPhone))]),_c('p',[_vm._v(_vm._s(_vm.user.userEmail))])])]),_c('p',{staticClass:\"logout\",on:{\"click\":_vm.logOut}},[_vm._v(\"ВЫХОД\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container\">\r\n        <p class=\"titleMain\">Личный кабинет</p>\r\n        <form class=\"user-card\">\r\n            <div class=\"user-img\">\r\n                <label class=\"addPhoto\" v-bind:style=\"{ backgroundImage: 'url(' + user.userAvatar + ')' }\">\r\n                    <input type=\"file\" @change=\"handleImage\" accept=\"image/*\">\r\n                </label>\r\n            </div>\r\n            <div class=\"user-info\">\r\n               <p>{{user.userName}} {{user.userLastName}}</p>\r\n               <p>{{user.userPhone}}</p>\r\n               <p>{{user.userEmail}}</p>\r\n            </div>\r\n            \r\n        </form>\r\n        <p @click=\"logOut\" class=\"logout\">ВЫХОД</p>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n     data: () => ({\r\n        customImageMaxSize: 3, // megabytes\r\n\t\tuser: {}\r\n    }),\r\n    methods: {\r\n        logOut(){\r\n            this.$store.dispatch('LOGOUT');\r\n            this.$localStorageDelete('miniCart') //Удалить миникорзину в localStorage\r\n            this.$localStorageDelete('currentCollection') //Удалить коллекцию в localStorage\r\n            this.$router.push('/')\r\n        },\r\n\r\n        // Загрузка изображений\r\n        handleImage(e){\r\n\t\t\tconst selectedImage = e.target.files[0];\r\n\t\t\tthis.createBase64Image(selectedImage);\r\n\t\t},\r\n\t\tcreateBase64Image(fileObject){\r\n\t\t\tlet self = this;\r\n\t\t\tconst render = new FileReader();\r\n\r\n\t\t\trender.onload = (e) => {\r\n\t\t\t\tthis.userAvatar = e.target.result;\r\n\t\t\t}\r\n            \r\n\t\t\trender.readAsDataURL(fileObject);\r\n\t\t}\r\n    },\r\n    created(){\r\n        this.user = JSON.parse(localStorage.getItem('userInfo'));\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .user-card{\r\n        padding: 10px 15px;\r\n        background: #FFFFFF;\r\n        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n        display: flex;\r\n        flex-direction: column;\r\n        .user-img{\r\n            width: 100px;\r\n            height: 100px;\r\n            margin: 0 auto;\r\n            margin-bottom: 15px;\r\n            .addPhoto{\r\n                width: 100%;\r\n                height: 100%;\r\n                position: relative;\r\n                border-radius: 50%;\r\n\r\n                &::after{\r\n                    content: '';\r\n                    position: absolute;\r\n                    width: 32px;\r\n                    height: 32px;\r\n                    border-radius: 50%;\r\n                    background: url('../img/addPhoto.svg');\r\n                    background-position: center;\r\n                    background-size: contain;\r\n                    right: 0;\r\n                    bottom: 0;\r\n\r\n                }\r\n                input{\r\n                    width: 0;\r\n                    height: 0;\r\n                    overflow: hidden;\r\n                    position: absolute;\r\n                    z-index: -999;\r\n                }\r\n            }\r\n        }\r\n        .user-info{\r\n            max-width: calc(100% - 90px);\r\n           margin-right: 10px;\r\n            p{\r\n                font-size: 14px;\r\n                margin-bottom: 5px;\r\n                font-weight: 600;\r\n            }    \r\n        }\r\n    }\r\n    .logout{\r\n        width: 100%;\r\n        background: #FFFFFF;\r\n        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        height: 50px;\r\n        margin-top: auto;\r\n\r\n    }\r\n</style>","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!./UserPage.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!./UserPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserPage.vue?vue&type=template&id=6e0ccdec&scoped=true&\"\nimport script from \"./UserPage.vue?vue&type=script&lang=js&\"\nexport * from \"./UserPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserPage.vue?vue&type=style&index=0&id=6e0ccdec&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  \"6e0ccdec\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserPage.vue?vue&type=style&index=0&id=6e0ccdec&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserPage.vue?vue&type=style&index=0&id=6e0ccdec&lang=scss&scoped=true&\""],"sourceRoot":""}