{"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/components/BlogLayout.vue?065d","webpack:///./src/views/Blog.vue?9327","webpack:///src/views/Blog.vue","webpack:///./src/views/Blog.vue?fa10","webpack:///./src/views/Blog.vue"],"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","_l","contentInfo","key","id","level","toLowerCase","link","logo","information","post","postsPagination","page","pages","loadPage","components"],"mappings":"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","file":"js/chunk-09ff300c.c97e670f.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","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&\"","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',[_vm._l((_vm.blog.content_information),function(contentInfo){return _c('a',{key:contentInfo.id,staticClass:\"content-information\",class:[contentInfo.level.toLowerCase()],attrs:{\"target\":\"_blank\",\"href\":contentInfo.link}},[(contentInfo.logo)?_c('img',{attrs:{\"src\":contentInfo.logo}}):_vm._e(),_c('span',[_vm._v(_vm._s(contentInfo.information))]),(contentInfo.link)?_c('i',{staticClass:\"uil uil-external-link-alt\"}):_vm._e()])}),_vm._l((_vm.posts),function(post){return _c('post',{key:post.id,attrs:{\"post\":post}})}),(!(_vm.postsPagination.page >= _vm.postsPagination.pages))?_c('a',{staticClass:\"big-action-button\",on:{\"click\":function($event){return _vm.loadPage(_vm.postsPagination.page+1)}}},[_vm._v(\"LOAD MORE\")]):_vm._e()],2)])],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                    <a v-for=\"contentInfo of blog.content_information\" :key=\"contentInfo.id\" target=\"_blank\" class=\"content-information\" :href=\"contentInfo.link\" :class=\"[contentInfo.level.toLowerCase()]\">\n                        <img v-if=\"contentInfo.logo\" :src=\"contentInfo.logo\">\n                        <span>{{contentInfo.information}}</span>\n                        <i v-if=\"contentInfo.link\" class=\"uil uil-external-link-alt\" />\n                    </a>\n\n                    <post v-for=\"post of posts\" :key=\"post.id\" :post='post' />\n                    <a @click=\"loadPage(postsPagination.page+1)\" class=\"big-action-button\" v-if=\"!(postsPagination.page >= postsPagination.pages)\">LOAD MORE</a>\n                </div>\n            </blog-layout>\n        </div>\n    </div>\n</template>\n<script>\nimport BlogLayout from '../components/BlogLayout.vue';\nimport Post from '../components/Post.vue';\nexport default {\n  components: { Post, BlogLayout },\n    data: ()=>({\n        blog: {},\n        posts: [],\n        postsPagination: {\n            page: 0,\n            pages: 0,\n            total: 0\n        }\n    }),\n    mounted(){\n        this.load()\n    },\n    watch:{\n        '$route'(){\n            this.load()\n        }\n    },\n    methods: {\n        load() {\n            this.posts = []\n            this.postsPagination = {\n                page: 0,\n                pages: 0,\n                total: 0\n            }\n            this.api.getBlog(this.$route.params.blog)\n                .then(res => {\n                    this.blog = res;\n                    this.$store.state.pageTitle = {text: this.blog.display_name, verified: this.blog.verified}\n                })\n            this.loadPage(1)\n        },\n        loadPage(page=1){\n            this.api.getBlogPosts(this.$route.params.blog, 10, page)\n                .then(res => {\n                    for (const post of res.data)\n                        this.posts.push(post)\n                    this.postsPagination = {\n                        page: res.page,\n                        pages: Math.ceil(res.total/res.page_size),\n                        total: res.total\n                    }\n                })\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\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!./Blog.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!./Blog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Blog.vue?vue&type=template&id=73be721d&scoped=true&\"\nimport script from \"./Blog.vue?vue&type=script&lang=js&\"\nexport * from \"./Blog.vue?vue&type=script&lang=js&\"\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  \"73be721d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}