{"version":3,"sources":["webpack:///./src/components/BlogLayout.vue?c8a1","webpack:///src/components/BlogLayout.vue","webpack:///./src/components/BlogLayout.vue?8554","webpack:///./src/components/BlogLayout.vue","webpack:///./src/views/BlogSettings.vue?dadf","webpack:///src/views/BlogSettings.vue","webpack:///./src/views/BlogSettings.vue?39c4","webpack:///./src/views/BlogSettings.vue","webpack:///./src/views/BlogSettings.vue?3e32","webpack:///./src/components/BlogLayout.vue?065d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","blog","on","$event","$router","push","_e","image","_v","_s","display_name","name","description","website","class","fill","following","staticStyle","follow","followers","_t","staticRenderFns","component","ref","setImage","editBlog","$refs","profilePicInput","click","directives","rawName","value","expression","domProps","target","composing","$set","save","_l","member","i","key","user","profile_picture","role","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","setMemberRole","id","removeMemberRole","addMemberModal","open","t","newMemberName","newMemberError","addMember","components"],"mappings":"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","file":"js/chunk-fa893f80.684ffa13.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"layout-left\",attrs:{\"id\":\"blog-header\"}},[(_vm.blog.member_of)?_c('i',{staticClass:\"uil uil-cog\",attrs:{\"id\":\"settings-button\"},on:{\"click\":function($event){return _vm.$router.push((\"/\" + (_vm.blog.name) + \"/@settings\"))}}}):_vm._e(),_c('img',{attrs:{\"src\":_vm.blog.image},on:{\"click\":function($event){return _vm.$router.push((\"/\" + (_vm.blog.name)))}}}),_c('h1',[_vm._v(_vm._s(_vm.blog.display_name)+\" \"),(_vm.blog.verified)?_c('i',{staticClass:\"uil uil-check-circle verified-badge\"}):_vm._e()]),(_vm.blog.display_name != _vm.blog.name && '@'+_vm.blog.display_name != _vm.blog.name)?_c('h2',[_vm._v(_vm._s(_vm.blog.name))]):_vm._e(),_c('p',[_vm._v(\" \"+_vm._s(_vm.blog.description)+\" \"),(_vm.blog.website)?_c('a',{attrs:{\"target\":\"_blank\",\"href\":_vm.blog.website,\"title\":_vm.blog.website}},[_vm._v(_vm._s(_vm.blog.website))]):_vm._e()]),_c('br'),_c('br'),_c('a',{staticClass:\"big-action-button\",class:{fill: _vm.following},staticStyle:{\"padding\":\"3px 7px\",\"font-size\":\"17px\",\"width\":\"100%\"},on:{\"click\":_vm.follow}},[_vm._v(_vm._s(_vm.following ? 'Following' : 'Follow')+\" • \"+_vm._s(_vm.followers))])]),_c('div',{staticClass:\"layout-left\",attrs:{\"id\":\"posts\"}},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div id=\"blog-header\" class=\"layout-left\">\n            <i v-if=\"blog.member_of\" @click=\"$router.push(`/${blog.name}/@settings`)\" id=\"settings-button\" class=\"uil uil-cog\"></i>\n            <img @click=\"$router.push(`/${blog.name}`)\" :src=\"blog.image\">\n            <h1>{{blog.display_name}} <i class=\"uil uil-check-circle verified-badge\" v-if=\"blog.verified\" /></h1>\n            <h2 v-if=\"blog.display_name != blog.name && '@'+blog.display_name != blog.name\">{{blog.name}}</h2>\n            <p>\n                {{blog.description}}\n                <a v-if=\"blog.website\" target=\"_blank\" :href=\"blog.website\" :title=\"blog.website\">{{blog.website}}</a>\n            </p>\n            <br>\n            <br>\n            <a @click=\"follow\" class=\"big-action-button\" style=\"padding: 3px 7px; font-size: 17px; width: 100%\" :class=\"{fill: following}\">{{following ? 'Following' : 'Follow'}} • {{followers}}</a>\n        </div>\n        <div id=\"posts\" class=\"layout-left\">   \n            <slot />\n        </div>\n    </div>\n</template>\n<script>\nimport { login } from '../main'\nexport default {\n    name: \"blog-layout\",\n    props: {\n        blog: {default: {}},\n    },\n    data(){\n        return {\n            following: this.blog.following,\n            follower_count: this.blog.follower_count,\n        }\n    },\n    watch:{\n        blog(to){\n            this.following = to.following\n            this.followers = to.follower_count\n        }\n    },\n    methods: {\n        follow(){\n            if (this.$store.state.auth.loggedIn){\n                this.api.follow(this.blog.name)\n                    .then(()=>{\n                        this.api.isFollowing(this.blog.name)\n                            .then(res=>{\n                                this.following = res\n                                if (this.following)\n                                    this.followers++\n                                else\n                                    this.followers--\n                            })\n                    })\n            } else {\n                login()\n                    .then(()=>{\n                        this.follow()\n                    })\n            }\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n#blog-header {\n    img {\n        width: 100px;\n        height: 100px;\n        margin: auto;\n        margin-bottom: 30px;\n        display: block;\n        border-radius: 500px;\n        border: #EEEEEE solid 4px;\n        box-shadow: 0px 0px 24px 0px #00000011;\n    }\n\n    #settings-button {\n        font-size: 26px;\n        padding:3px;\n        border-radius: 100px;\n        box-shadow: 0px 2px 8px 0px #00000044;\n        position: absolute;\n        margin-top: 67px;\n        margin-left: 143px;\n        background: #FFF;\n        cursor: pointer;\n        transition: 0.3s;\n        color: rgb(80, 80, 80);\n        &:hover {\n            box-shadow: 0px 2px 9px 0px #00000066;\n        }\n    }\n\n    h1 {\n        font-weight: 500;\n        font-size: 27.5px;\n    }\n    h2 {\n        font-weight: 500;\n        font-size: 20px;\n        margin-bottom: 20px;\n        color: rgb(184, 184, 184);\n    }\n    p {\n        font-size: 23px;\n        a {\n            color: #3EE1CE;\n            font-size: 21px;\n            display: block;\n            margin-top: 8px;\n            overflow: hidden;\n        }\n    }\n\n    &.layout-left {\n        display: inline-block;\n        width: 240px;\n        margin-right: 60px;\n        vertical-align: top;\n    }\n}\n#posts {\n    &.layout-left {\n        width: calc(100% - 300px);\n        display: inline-block;\n        vertical-align: top;\n        .post {\n            display: block;\n        }\n\n    }\n}\n\n@media screen and (max-width: 720px) {\n    #blog-header {\n        \n        &.layout-left {\n            width: 100%;\n            display: block;\n            h1, h2 {\n                text-align: center;\n            }\n            p {\n                margin-top: 20px;\n            }\n        }\n    }\n    #posts {\n        &.layout-left {\n            margin-top: 40px;\n            display: block;\n            width: 100%;\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!./BlogLayout.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!./BlogLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlogLayout.vue?vue&type=template&id=00017efc&scoped=true&\"\nimport script from \"./BlogLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./BlogLayout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlogLayout.vue?vue&type=style&index=0&id=00017efc&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  \"00017efc\",\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('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('div',{staticClass:\"contents\"},[_c('blog-layout',{attrs:{\"blog\":_vm.blog}},[_c('div',[_c('input',{ref:\"profilePicInput\",staticStyle:{\"display\":\"none\"},attrs:{\"accept\":\"image/*\",\"type\":\"file\"},on:{\"change\":_vm.setImage}}),_c('a',{staticClass:\"button\",on:{\"click\":function($event){return _vm.$router.push('.')}}},[_vm._v(\"Back to Blog\")]),_c('br'),_c('br'),_c('label',[_vm._v(\"PROFILE-PICTURE\")]),_c('img',{attrs:{\"id\":\"profile-picture\",\"src\":_vm.editBlog.image,\"alt\":\"\"},on:{\"click\":function($event){return _vm.$refs.profilePicInput.click()}}}),_c('label',[_vm._v(\"DISPLAY NAME\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editBlog.display_name),expression:\"editBlog.display_name\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.editBlog.display_name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editBlog, \"display_name\", $event.target.value)}}}),_c('br'),_c('label',[_vm._v(\"DESCRIPTION\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editBlog.description),expression:\"editBlog.description\"}],staticClass:\"input\",domProps:{\"value\":(_vm.editBlog.description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editBlog, \"description\", $event.target.value)}}}),_vm._v(\" \"),_c('br'),_c('label',[_vm._v(\"WEBSITE\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editBlog.website),expression:\"editBlog.website\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.editBlog.website)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editBlog, \"website\", $event.target.value)}}}),_c('br'),_c('a',{staticClass:\"button\",staticStyle:{\"float\":\"right\"},on:{\"click\":_vm.save}},[_vm._v(\"SAVE\")]),_c('br'),_c('br'),_c('br'),_c('label',[_vm._v(\"MEMBERS\")]),_c('div',_vm._l((_vm.members),function(member,i){return _c('div',{key:i,staticClass:\"member\"},[_c('img',{attrs:{\"src\":member.user.profile_picture}}),_c('span',[_vm._v(_vm._s(member.user.display_name))]),(member.role != 'OWNER')?_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(member.role),expression:\"member.role\"}],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.$set(member, \"role\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])},function($event){return _vm.setMemberRole(member.user.id, member.role)}]}},[_c('option',{attrs:{\"value\":\"ADMIN\"}},[_vm._v(\"Admin\")]),_c('option',{attrs:{\"value\":\"WRITER\"}},[_vm._v(\"Writer\")])]),_c('a',{staticClass:\"button danger\",on:{\"click\":function($event){return _vm.removeMemberRole(member.user.id)}}},[_vm._v(\"Remove\")])]):_vm._e()])}),0),_c('a',{staticClass:\"button\",staticStyle:{\"float\":\"right\"},on:{\"click\":function($event){return _vm.$refs.addMemberModal.open()}}},[_vm._v(\"ADD MEMBER\")]),_c('div',{staticStyle:{\"display\":\"none\"}},[_vm._v(_vm._s(_vm.t))])])])],1),_c('Modal',{ref:\"addMemberModal\",attrs:{\"mtitle\":\"Add Member\"}},[_c('label',[_vm._v(\"NAME\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newMemberName),expression:\"newMemberName\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.newMemberName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.newMemberName=$event.target.value}}}),_c('p',{staticStyle:{\"color\":\"#EE3232\"}},[_vm._v(_vm._s(_vm.newMemberError))]),_c('a',{staticClass:\"button\",staticStyle:{\"margin-top\":\"10px\",\"float\":\"right\"},on:{\"click\":_vm.addMember}},[_vm._v(\"Add Member\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <br><br><br><br><br>\n        <div class=\"contents\">\n            <blog-layout :blog=\"blog\">\n                <div>\n                    <input ref=\"profilePicInput\" style=\"display: none\" @change=\"setImage\" accept=\"image/*\" type=\"file\">\n\n                    <a @click=\"$router.push('.')\" class=\"button\">Back to Blog</a>\n                    <br><br>\n\n                    <label>PROFILE-PICTURE</label>\n                    <img @click=\"$refs.profilePicInput.click()\" id=\"profile-picture\" :src=\"editBlog.image\" alt=\"\">\n\n                    <label>DISPLAY NAME</label>\n                    <input type=\"text\" class=\"input\" v-model=\"editBlog.display_name\">\n                    <br>\n\n                    <label>DESCRIPTION</label>\n                    <textarea class=\"input\" v-model=\"editBlog.description\" />\n                    <br>\n                    <label>WEBSITE</label>\n                    <input type=\"text\" class=\"input\" v-model=\"editBlog.website\">\n                    <br>\n                    <a style=\"float: right\" @click=\"save\" class=\"button\">SAVE</a>\n\n                    <br><br><br>\n                    <label>MEMBERS</label>\n                    <div>\n                        <div v-for=\"(member, i) of members\" :key=\"i\" class=\"member\">\n                            <img :src=\"member.user.profile_picture\">\n                            <span>{{member.user.display_name}}</span>\n                            <div v-if=\"member.role != 'OWNER'\">\n                                <select v-model=\"member.role\" @change=\"setMemberRole(member.user.id, member.role)\">\n                                    <option value=\"ADMIN\">Admin</option>\n                                    <option value=\"WRITER\">Writer</option>\n                                </select>\n                                <a class=\"button danger\" @click=\"removeMemberRole(member.user.id)\">Remove</a>\n                            </div>\n                        </div>\n                    </div>\n                    <a style=\"float: right\" @click=\"$refs.addMemberModal.open()\" class=\"button\">ADD MEMBER</a>\n\n                    <div style=\"display:none\">{{t}}</div>\n                </div>\n            </blog-layout>\n        </div>\n        <Modal mtitle=\"Add Member\" ref=\"addMemberModal\">\n            <label>NAME</label>\n            <input type=\"text\" v-model=\"newMemberName\" class=\"input\">\n            <p style=\"color: #EE3232\">{{newMemberError}}</p>\n            <a class=\"button\" @click=\"addMember\" style=\"margin-top: 10px; float: right\">Add Member</a>\n        </Modal>\n    </div>\n</template>\n<script>\nimport BlogLayout from '../components/BlogLayout.vue';\nimport Modal from '../components/Modal.vue';\n\nexport default {\n  components: { BlogLayout, Modal },\n    data: ()=>({\n        blog: {},\n        editBlog: {},\n        members: [],\n        newMemberName: \"\",\n        newMemberError: \"\",\n        t:0\n    }),\n    mounted(){\n        this.load()\n    },\n    methods:{\n        load(){\n            return this.api.getBlog(this.$route.params.blog)\n                .then(async res => {\n                    this.blog = res\n                    this.editBlog = {...res}\n                    this.$store.state.pageTitle = `${this.blog.display_name} - Settings`\n\n                    this.api.getBlogMembers(this.$route.params.blog)\n                        .then(res=>{\n                            this.members = res.data\n                        })\n                })\n        },\n        async save(){\n            await this.api.updateBlog(this.blog.name, this.editBlog)\n            this.load()\n        },\n        setImage(event){\n            const data = new FormData()\n            data.append('file', event.target.files[0])\n\n            fetch(process.env.VUE_APP_BASE_URL+\"/api/v1/files/upload_image\", {\n                method: 'POST',\n                headers: {\n                    \"Authorization\": this.api.options.header[\"Authorization\"]\n                },\n                body: data\n            }).then(res=>res.json()).then((res)=>{\n                this.editBlog.image = res.url\n                this.t = Math.random()\n            })\n        },\n        addMember(){\n            this.api.addBlogMember(this.blog.name, this.newMemberName)\n                .then(()=>{\n                    this.$refs.addMemberModal.close()\n                    this.load()\n                })\n        },\n        setMemberRole(id, role){\n            this.api.updateBlogMember(this.blog.name, id, { role })\n        },\n        removeMemberRole(id){\n            this.api.removeBlogMember(this.blog.name, id)\n                .then(()=>{\n                    this.load()\n                })\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n\n#profile-picture {\n    width: 100px;\n    height: 100px;\n    margin: 0px 30px;\n    cursor: pointer;\n    margin-bottom: 30px;\n    display: block;\n    border-radius: 500px;\n    border: #EEEEEE solid 4px;\n    box-shadow: 0px 0px 24px 0px #00000011;\n}\n.member {\n    margin-bottom: 10px;\n    img {\n        width:  35px;\n        height: 35px;\n        vertical-align: middle;\n        margin-right: 15px;\n        border: #EEEEEE solid 3px;\n        border-radius: 30px;\n    }\n    span {\n        font-size: 22px;\n        vertical-align: middle;\n    }\n    div {\n        float: right;\n        select {\n            background: rgb(221, 221, 221);\n            border: none;\n            padding: 4px;\n            font-size: 17px;\n            border-radius: 8px;\n            margin-right: 10px;\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!./BlogSettings.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!./BlogSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlogSettings.vue?vue&type=template&id=37e4b506&scoped=true&\"\nimport script from \"./BlogSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./BlogSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlogSettings.vue?vue&type=style&index=0&id=37e4b506&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  \"37e4b506\",\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!./BlogSettings.vue?vue&type=style&index=0&id=37e4b506&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!./BlogLayout.vue?vue&type=style&index=0&id=00017efc&lang=scss&scoped=true&\""],"sourceRoot":""}