{"version":3,"sources":["webpack:///./src/views/developer/Project.vue?b46b","webpack:///./src/components/Modal.vue?55e0","webpack:///src/components/Modal.vue","webpack:///./src/components/Modal.vue?cf53","webpack:///./src/components/Modal.vue","webpack:///./src/components/Modal.vue?911e","webpack:///./src/components/PictureUpload.vue?1ec0","webpack:///./src/views/developer/Project.vue?96b8","webpack:///src/views/developer/Project.vue","webpack:///./src/views/developer/Project.vue?9b24","webpack:///./src/views/developer/Project.vue","webpack:///./src/components/PictureUpload.vue?128a","webpack:///src/components/PictureUpload.vue","webpack:///./src/components/PictureUpload.vue?111b","webpack:///./src/components/PictureUpload.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","opened","cssHide","class","attrs","on","close","$event","stopPropagation","staticClass","_v","_s","mtitle","_t","_e","staticRenderFns","component","staticStyle","$refs","projectEditModal","open","project","image","Date","now","directives","name","rawName","value","expression","domProps","target","composing","$set","ref","id","deleteApp","editProfile","createAppModal","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","newAppProjectType","multiple","newAppName","newAppUrl","createApp","_l","app","key","type","toLowerCase","picture","profilePictureChanged","style","Object","assign","backgroundImage","profilePicture","customStyles","profilePicInput","click"],"mappings":"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","file":"js/chunk-7dc10482.3f4b0f47.js","sourcesContent":["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!./Project.vue?vue&type=style&index=0&id=6996d4c4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.opened || _vm.cssHide)?_c('div',{class:{'hidden': _vm.cssHide && !_vm.opened},attrs:{\"id\":\"modal\"},on:{\"click\":_vm.close}},[_c('div',{attrs:{\"id\":\"model-modal\"},on:{\"click\":function($event){$event.stopPropagation();}}},[_c('svg',{staticClass:\"bi bi-x\",attrs:{\"id\":\"close-button\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"16\",\"height\":\"16\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 16 16\"},on:{\"click\":_vm.close}},[_c('path',{attrs:{\"d\":\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\"}})]),_c('h1',[_vm._v(_vm._s(_vm.mtitle))]),_vm._t(\"default\")],2)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"modal\" v-if=\"opened || cssHide\" @click=\"close\" :class=\"{'hidden': cssHide && !opened}\">\n        <div id=\"model-modal\" @click.stop>\n            <svg id=\"close-button\" @click=\"close\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\n                 fill=\"currentColor\" class=\"bi bi-x\" viewBox=\"0 0 16 16\">\n                <path\n                    d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\"/>\n            </svg>\n            <h1>{{ mtitle }}</h1>\n            <slot/>\n        </div>\n    </div>\n</template>\n<script>\nexport default {\n    data: () => ({\n        opened: false,\n        onOpen: () => {\n        },\n        onClose: () => {\n        }\n    }),\n    mounted() {\n        this.$on(\"close\", () => {\n            this.opened = false\n        })\n        this.$on(\"open\", () => {\n            this.opened = false\n        })\n    },\n    props: {\n        'mtitle': {default: \"\"},\n        'cssHide': {\n            default: false\n        }\n    },\n    methods: {\n        close() {\n            this.opened = false\n            this.onClose()\n        },\n        open() {\n            this.opened = true\n            this.onOpen()\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n#modal {\n    position: fixed;\n    z-index: 100000;\n    width: 100%;\n    height: 100%;\n    left: 0px;\n    top: 0px;\n    background: #00000009;\n\n    #model-modal {\n        max-height: 60%;\n        overflow: auto;\n        position: fixed;\n        z-index: 1000000;\n        min-width: 450px;\n        left: 50%;\n        top: 40%;\n        background: #FFF;\n        padding: 22px;\n        border-radius: 10px;\n        box-shadow: 0px 1px 10px 0px #00000011;\n        transform: translateX(-50%) translateY(-50%);\n\n        h1 {\n            font-size: 27px;\n            margin-top: 3px;\n            margin-left: 2px;\n            margin-bottom: 16px;\n            color: #434343;\n        }\n\n        #close-button {\n            width: 39px;\n            height: 39px;\n            position: absolute;\n            right: 20px;\n            padding: 2px;\n            border-radius: 56px;\n            cursor: pointer;\n\n            &:hover {\n                background: #00000011;\n            }\n        }\n    }\n\n    &.hidden {\n        display: none;\n    }\n}\n\n@media screen and (max-width: 720px) {\n    #modal {\n        #model-modal {\n            top: none;\n            bottom: 0px;\n            transform: translateX(-50%);\n            width: 100%;\n            padding: 20px;\n            overflow: auto;\n\n            h1 {\n                font-size: 25px;\n            }\n        }\n    }\n}\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!./Modal.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!./Modal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=4e6e55f1&scoped=true&\"\nimport script from \"./Modal.vue?vue&type=script&lang=js&\"\nexport * from \"./Modal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Modal.vue?vue&type=style&index=0&id=4e6e55f1&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  \"4e6e55f1\",\n  null\n  \n)\n\nexport default component.exports","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!./Modal.vue?vue&type=style&index=0&id=4e6e55f1&lang=scss&scoped=true&\"","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!./PictureUpload.vue?vue&type=style&index=0&id=8b18f778&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contents\"},[_c('a',{staticClass:\"button\",staticStyle:{\"float\":\"right\"},on:{\"click\":function($event){return _vm.$refs.projectEditModal.open()}}},[_vm._v(\"Edit\")]),_c('div',{attrs:{\"id\":\"top\"}},[_c('img',{attrs:{\"src\":_vm.project.image+'?nocache='+Date.now()}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.project.name),expression:\"project.name\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.project.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.project, \"name\", $event.target.value)}}})]),_c('Modal',{ref:\"projectEditModal\",attrs:{\"mtitle\":\"Edit Project\",\"cssHide\":true}},[_c('span',{staticClass:\"label\"},[_vm._v(\"PICTURE\")]),_c('picture-upload',{ref:\"uploadPicture\",attrs:{\"profilePicture\":_vm.project.image,\"uploadUrl\":'/api/v2/projects/'+_vm.id+'/picture'}}),_c('br'),_c('span',{staticClass:\"label\"},[_vm._v(\"NAME\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.project.name),expression:\"project.name\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.project.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.project, \"name\", $event.target.value)}}}),_c('a',{staticClass:\"button delete\",on:{\"click\":_vm.deleteApp}},[_vm._v(\"Delete\")]),_c('a',{staticClass:\"button\",staticStyle:{\"float\":\"right\"},on:{\"click\":_vm.editProfile}},[_vm._v(\"Save\")])],1),_c('br'),_c('br'),_c('a',{staticClass:\"button\",staticStyle:{\"float\":\"right\"},on:{\"click\":function($event){return _vm.$refs.createAppModal.open()}}},[_vm._v(\"Create App\")]),_c('h2',[_vm._v(\"Apps\")]),_c('br'),_c('br'),_c('Modal',{ref:\"createAppModal\",attrs:{\"mtitle\":\"Create App\"}},[_c('span',{staticClass:\"label\"},[_vm._v(\"TYPE\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAppProjectType),expression:\"newAppProjectType\"}],staticClass:\"input\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.newAppProjectType=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"OAUTH2\"}},[_vm._v(\"OAuth2\")])]),_c('span',{staticClass:\"label\"},[_vm._v(\"NAME\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAppName),expression:\"newAppName\"}],staticClass:\"input\",attrs:{\"autofocus\":\"\",\"type\":\"text\",\"placeholder\":\"Name\"},domProps:{\"value\":(_vm.newAppName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.newAppName=$event.target.value}}}),_c('span',{staticClass:\"label\"},[_vm._v(\"URL\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAppUrl),expression:\"newAppUrl\"}],staticClass:\"input\",attrs:{\"type\":\"text\",\"placeholder\":\"URL\"},domProps:{\"value\":(_vm.newAppUrl)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.newAppUrl=$event.target.value}}}),_c('a',{staticClass:\"button\",staticStyle:{\"float\":\"right\"},on:{\"click\":_vm.createApp}},[_vm._v(\"Create\")])]),_c('div',_vm._l((_vm.apps),function(app){return _c('router-link',{key:app.id,staticClass:\"list-entry-with-icon clickable\",attrs:{\"to\":'/developers/projects/apps/'+app.type.toLowerCase()+'/'+app.id}},[_c('img',{attrs:{\"src\":app.picture}}),_c('div',{staticClass:\"list-entry-with-icon-info\"},[_c('h1',[_vm._v(_vm._s(app.name))]),_c('p',[_vm._v(\"Type: \"+_vm._s(app.type))])])])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"contents\">\n        <a class=\"button\" @click=\"$refs.projectEditModal.open()\" style=\"float: right\">Edit</a>\n        <div id=\"top\">\n            <img :src=\"project.image+'?nocache='+Date.now()\">\n            <input type=\"text\" v-model=\"project.name\">\n        </div>\n\n        <Modal ref=\"projectEditModal\" mtitle=\"Edit Project\" :cssHide='true'>\n            <span class=\"label\">PICTURE</span>\n            <picture-upload ref=\"uploadPicture\" :profilePicture=\"project.image\"\n                            :uploadUrl=\"'/api/v2/projects/'+id+'/picture'\"/>\n            <br>\n            <span class=\"label\">NAME</span>\n            <input type=\"text\" class=\"input\" v-model=\"project.name\">\n            <a class=\"button delete\" @click=\"deleteApp\">Delete</a>\n            <a class=\"button\" @click=\"editProfile\" style=\"float: right\">Save</a>\n        </Modal>\n\n        <br><br>\n        <a class=\"button\" @click=\"$refs.createAppModal.open()\" style=\"float: right\">Create App</a>\n        <h2>Apps</h2><br><br>\n        <Modal mtitle=\"Create App\" ref=\"createAppModal\">\n            <span class=\"label\">TYPE</span>\n            <select class=\"input\" v-model=\"newAppProjectType\">\n                <option value=\"OAUTH2\">OAuth2</option>\n            </select>\n            <span class=\"label\">NAME</span>\n            <input autofocus type=\"text\" v-model=\"newAppName\" placeholder=\"Name\" class=\"input\">\n            <span class=\"label\">URL</span>\n            <input type=\"text\" v-model=\"newAppUrl\" placeholder=\"URL\" class=\"input\">\n            <a class=\"button\" style=\"float: right\" @click=\"createApp\">Create</a>\n        </Modal>\n        <div>\n            <router-link class=\"list-entry-with-icon clickable\" v-for=\"app in apps\" :key=\"app.id\"\n                         :to=\"'/developers/projects/apps/'+app.type.toLowerCase()+'/'+app.id\">\n                <img :src=\"app.picture\"/>\n                <div class=\"list-entry-with-icon-info\">\n                    <h1>{{ app.name }}</h1>\n                    <p>Type: {{ app.type }}</p>\n                </div>\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Modal from \"../../components/Modal\";\n\nimport PictureUpload from '../../components/PictureUpload.vue';\nimport helper from '../../helper';\n\nexport default {\n    data: () => ({\n        id: 0,\n        project: {},\n        apps: [],\n        newAppProjectType: \"OAUTH2\",\n        newAppName: \"\",\n        newAppUrl: \"https://\"\n    }),\n    mounted() {\n        this.id = this.$route.params.id\n        this.load()\n        this.$refs.uploadPicture.$on(\"uploaded\", () => {\n            this.project.image = \"\"\n            this.load()\n        })\n    },\n    components: {\n        Modal,\n        PictureUpload\n    },\n    methods: {\n        load() {\n            this.apiClient.get(\"/api/v2/projects/\" + this.id)\n                .then(res => res.json())\n                .then(res => {\n                    if (res.success)\n                        this.project = res\n                })\n\n            this.apiClient.get(\"/api/v2/projects/\" + this.id + \"/apps\")\n                .then(res => res.json())\n                .then(res => {\n                    if (res.success)\n                        this.apps = res.data\n                })\n        },\n        editProfile() {\n            this.apiClient.put(\"/api/v2/projects/\" + this.id, {\n                name: this.project.name\n            }).then(this.apiClient.errorCheck)\n                .then(() => {\n                    helper.showSnackBar(\"Saved\")\n                    this.$refs.projectEditModal.close()\n                })\n        },\n        deleteApp() {\n            this.apiClient.delete(\"/api/v2/projects/\" + this.id)\n                .then(this.apiClient.errorCheck)\n                .then(() => {\n                    helper.showSnackBar(\"Deleted\")\n                    this.$router.push(\"/developers/projects\")\n                })\n        },\n        createApp() {\n            this.apiClient.post(\"/api/v2/projects/\" + this.id + \"/app\", {\n                name: this.newAppName,\n                url: this.newAppUrl,\n                type: this.newAppProjectType\n            })\n                .then(res => res.json())\n                .then(res => {\n                    if (res.success) {\n                        this.load()\n                        this.$refs.createAppModal.close()\n                        this.newAppName = \"\"\n                        this.newAppUrl = \"\"\n                    } else {\n                        helper.showSnackBar(\"Error: \" + res.message, \"#f54242\")\n                    }\n                })\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#top {\n    margin-top: 30px;\n\n    img {\n        display: inline-block;\n        vertical-align: middle;\n        width: 50px;\n        height: 50px;\n        padding: 4px;\n        background: #00000011;\n        border-radius: 6px;\n    }\n\n    input {\n        color: #545454;\n        display: inline-block;\n        vertical-align: middle;\n        margin-left: 20px;\n        border: none;\n        font-size: 32px;\n        font-weight: 600;\n        max-width: calc(100% - 100px);\n    }\n}\n\nh2 {\n    color: #878787;\n    font-size: 27px;\n}\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!./Project.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!./Project.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Project.vue?vue&type=template&id=6996d4c4&scoped=true&\"\nimport script from \"./Project.vue?vue&type=script&lang=js&\"\nexport * from \"./Project.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Project.vue?vue&type=style&index=0&id=6996d4c4&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  \"6996d4c4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('input',{ref:\"profilePicInput\",staticStyle:{\"display\":\"none\"},attrs:{\"accept\":\"image/*\",\"type\":\"file\"},on:{\"change\":_vm.profilePictureChanged}}),_c('div',{style:(Object.assign({}, {backgroundImage: 'url('+_vm.profilePicture+'?nocache='+Date.now()+')'}, (_vm.customStyles ? _vm.customStyles : {}))),attrs:{\"id\":\"profile-picture\"},on:{\"click\":function($event){return _vm.$refs.profilePicInput.click()}}},[_c('div',{attrs:{\"id\":\"profile-picuter-hover\"}},[_c('svg',{staticClass:\"bi bi-pencil\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"16\",\"height\":\"16\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 16 16\"}},[_c('path',{attrs:{\"d\":\"M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5L13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175l-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z\"}})])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <input ref=\"profilePicInput\" style=\"display: none\" @change=\"profilePictureChanged\" accept=\"image/*\" type=\"file\">\n        <div\n            :style=\"{...{backgroundImage: 'url('+profilePicture+'?nocache='+Date.now()+')'}, ...(customStyles ? customStyles : {})}\"\n            id=\"profile-picture\" @click=\"$refs.profilePicInput.click()\">\n            <div id=\"profile-picuter-hover\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-pencil\"\n                     viewBox=\"0 0 16 16\">\n                    <path\n                        d=\"M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5L13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175l-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z\"/>\n                </svg>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport helper from '../helper'\n\nexport default {\n    name: \"profile-picture\",\n    props: [\n        'profilePicture', \"uploadUrl\", \"customStyles\"\n    ],\n    mounted() {\n\n    },\n    methods: {\n        profilePictureChanged(event) {\n            var data = new FormData()\n\n            data.append('file', event.target.files[0])\n\n            fetch(process.env.VUE_APP_API_BASE + this.uploadUrl, {\n                method: 'PUT',\n                headers: {\n                    \"x-auth-key\": this.apiClient.options.header[\"x-auth-key\"]\n                },\n                body: data\n            }).then(() => {\n                this.$emit(\"uploaded\")\n                event.target.value = null\n                helper.showSnackBar(\"Done\", '#56ff5e')\n            })\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n#profile-picture {\n    width: 80px;\n    height: 80px;\n    margin-top: 10px;\n    background-size: cover;\n    background-position: cover;\n    border: #dfdfdf solid 2.5px;\n    border-radius: 13px;\n    cursor: pointer;\n\n    #profile-picuter-hover {\n        visibility: hidden;\n        transition: backgdrop-filter 0.3s;\n        backdrop-filter: blur(0px);\n\n        svg {\n            mix-blend-mode: difference;\n            transition: filter 0.3s;\n            filter: blur(43px);\n        }\n    }\n\n    &:hover #profile-picuter-hover {\n        display: block;\n        visibility: visible;\n        border-radius: 10.5px;\n        background: #00000026;\n        backdrop-filter: blur(0.7px);\n        height: 100%;\n\n        svg {\n            filter: none;\n            margin: 25px;\n            color: #FFF;\n            width: 25px;\n            height: 25px;\n        }\n    }\n}\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!./PictureUpload.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!./PictureUpload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PictureUpload.vue?vue&type=template&id=8b18f778&scoped=true&\"\nimport script from \"./PictureUpload.vue?vue&type=script&lang=js&\"\nexport * from \"./PictureUpload.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PictureUpload.vue?vue&type=style&index=0&id=8b18f778&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  \"8b18f778\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}