{"version":3,"sources":["webpack:///./src/views/BlogDetails.vue?e865","webpack:///./src/components/blog/blogDetails.vue?bae4","webpack:///src/components/blog/blogDetails.vue","webpack:///./src/components/blog/blogDetails.vue?0a30","webpack:///./src/components/blog/blogDetails.vue","webpack:///src/views/BlogDetails.vue","webpack:///./src/views/BlogDetails.vue?ca2c","webpack:///./src/views/BlogDetails.vue","webpack:///./src/components/blog/blogDetails.vue?d9bb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","blogId","staticRenderFns","staticStyle","blog","image","url","_v","_s","title","getTime","publishedtime","domProps","content","_m","_l","blogs","slice","b","key","id","name","params","getTimeLeft","moment","props","head","meta","methods","wstime","format","bgtime","fromNow","$upskill","then","res","data","find","$emit","Loaded","component","components","appBlogDetails","blogDetails"],"mappings":"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","file":"js/chunk-583485e1.7eb8c7b5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"blogDetails\"},[_c('app-BlogDetails',{attrs:{\"blogId\":_vm.blogId}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"blogDetailsHero\"},[_c('img',{staticStyle:{\"height\":\"212.72px\",\"width\":\"300.8px\"},attrs:{\"src\":_vm.blog.image[0].url}})]),_c('div',{staticClass:\"blogDetailsCard\"},[_c('h2',{staticClass:\"blog-title\"},[_vm._v(\" \"+_vm._s(_vm.blog.title)+\" \")]),_c('div',{staticClass:\"titleUnderText\"},[_c('div',{staticClass:\"blogAuther\"},[_vm._v(\" Upskill \")]),_c('div',{staticClass:\"blogTime\"},[_vm._v(\" \"+_vm._s(_vm.getTime(_vm.blog.publishedtime))+\" \")])]),_c('hr',{staticClass:\"hrTag1\"}),_c('div',{staticClass:\"blog-body\",domProps:{\"innerHTML\":_vm._s(_vm.blog.content)}}),_c('hr',{staticClass:\"hrTag1\"})]),_vm._m(0),_c('section',{staticClass:\"section blog-list\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"second-row\"},[_c('div',{staticClass:\"list\"},_vm._l((_vm.blogs.slice(0, 5)),function(b){return _c('div',{key:b.id,staticClass:\"blog-post\"},[_c('router-link',{attrs:{\"to\":{\n                name: 'blog details',\n                params: { blogId: b.id }\n              }}},[_c('a',{staticClass:\"inner\"},[_c('img',{staticStyle:{\"object-fit\":\"cover\",\"width\":\"100%\"},attrs:{\"src\":b.image[0].url}}),_c('div',{staticClass:\"blog-post-info\"},[_c('h3',{staticClass:\"post-title\"},[_vm._v(_vm._s(b.title.slice(0, 30))+\"...\")]),_c('p',{staticClass:\"post-published-at\"},[_vm._v(\" \"+_vm._s(_vm.getTime(b.publishedtime))+\" \")]),_c('p',{staticClass:\"post-read-time\"},[_vm._v(\" \"+_vm._s(_vm.getTimeLeft(b.publishedtime))+\" \")])])])])],1)}),0)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"readMoreBlogs\"},[_c('h1',{},[_vm._v(\"Recent Blogs\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\">\n    <div class=\"blogDetailsHero\">\n      <img :src=\"blog.image[0].url\" style=\"height: 212.72px; width: 300.8px\" />\n    </div>\n    <div class=\"blogDetailsCard\">\n      <h2 class=\"blog-title\">\n        {{ blog.title }}\n      </h2>\n      <div class=\"titleUnderText\">\n        <div class=\"blogAuther\">\n          Upskill\n        </div>\n        <div class=\"blogTime\">\n          {{ getTime(blog.publishedtime) }}\n        </div>\n      </div>\n      <hr class=\"hrTag1\" />\n      <div class=\"blog-body\" v-html=\"blog.content\"></div>\n      <hr class=\"hrTag1\" />\n      <!--      <div class=\"blogShare\">Share</div>-->\n    </div>\n    <!-- <h1>Blog Details: {{ blogId }}</h1> -->\n    <div class=\"readMoreBlogs\">\n      <h1 class>Recent Blogs</h1>\n    </div>\n    <section class=\"section blog-list\">\n      <div class=\"container\">\n        <div class=\"second-row\">\n          <div class=\"list\">\n            <div class=\"blog-post\" v-for=\"b in blogs.slice(0, 5)\" :key=\"b.id\">\n              <router-link\n                :to=\"{\n                  name: 'blog details',\n                  params: { blogId: b.id }\n                }\"\n              >\n                <a class=\"inner\">\n                  <img\n                    :src=\"b.image[0].url\"\n                    style=\"object-fit: cover; width: 100%;\"\n                  />\n                  <div class=\"blog-post-info\">\n                    <h3 class=\"post-title\">{{ b.title.slice(0, 30) }}...</h3>\n                    <p class=\"post-published-at\">\n                      {{ getTime(b.publishedtime) }}\n                    </p>\n                    <p class=\"post-read-time\">\n                      {{ getTimeLeft(b.publishedtime) }}\n                    </p>\n                  </div>\n                </a>\n              </router-link>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n    <!-- <pre>{{ BlogData }}</pre> -->\n  </div>\n</template>\n\n<script>\nvar moment = require(\"moment\");\nexport default {\n  data() {\n    return {\n      blogs: [],\n      blog: {}\n    };\n  },\n  props: [\"blogId\"],\n  head: {\n    meta: function() {\n      return [\n        { p: \"og:title\", content: this.blog.title },\n        { p: \"og:image\", c: this.blog.image[0].url },\n        { p: \"og:description\", c: \"Read more on Upskill's website\" },\n        { p: \"og:url\", c: `https://upskill.com.bd/blog/${this.blogId}` }\n      ];\n    }\n  },\n  methods: {\n    getTime(wstime) {\n      return moment(wstime).format(\"ddd, DD MMMM, YYYY\");\n    },\n    getTimeLeft(bgtime) {\n      return moment(bgtime).fromNow();\n    }\n  },\n  created() {\n    this.$upskill.blogs().then(res => {\n      this.blogs = res.data;\n      this.blog = res.data.find(b => b.id == this.blogId);\n      this.$emit(\"updateHead\");\n      //console.log(this.blog);\n      this.Loaded();\n    });\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n* {\n  // outline: 1px yellow solid;\n}\n\nimg {\n  width: 300px;\n}\n.blog-body {\n  font-size: 18px;\n  font-family: \"Open Sans\";\n}\n.container {\n  // min-width: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  .blogDetailsHero {\n    // min-width: inherit;\n    margin: 0 auto;\n\n    // justify-content: center;\n    // background-color: red;\n    // min-width: auto;\n    img {\n      object-fit: cover;\n      min-width: 86vw;\n      min-height: 50vh;\n    }\n  }\n  .blogDetailsCard {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    /*background-color: #f8f8fa;*/\n    //margin: -36vh 16vw 20vh 16vw;\n    padding: 8vh 10vw 10vh 10vw;\n\n    h2 {\n      // background-color: greenyellow;\n      justify-content: center;\n      font-weight: 600;\n      font-family: \"Roboto\", sans-serif;\n    }\n    hr.hrTag1 {\n      // border: 1px solid #5e5e61b7;\n    }\n    .titleUnderText {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n  .readMoreBlogs {\n    display: flex;\n\n    justify-content: center;\n    padding-bottom: 34px;\n  }\n}\n@media screen and (max-width: 800px) {\n  .blogDetailsCard {\n    margin: 0;\n    padding: 1em;\n  }\n  .blog-title {\n    font-size: 21px;\n  }\n  .blogDetailsHero img {\n    width: 100%;\n    height: auto;\n  }\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!./blogDetails.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!./blogDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./blogDetails.vue?vue&type=template&id=12de6832&scoped=true&\"\nimport script from \"./blogDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./blogDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./blogDetails.vue?vue&type=style&index=0&id=12de6832&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  \"12de6832\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"blogDetails\">\n    <app-BlogDetails :blogId=\"blogId\"></app-BlogDetails>\n  </div>\n</template>\n\n<script>\nimport blogDetails from \"../components/blog/blogDetails\";\nexport default {\n  name: \"blogDetails\",\n  props: [\"blogId\"],\n  components: {\n    appBlogDetails: blogDetails\n  }\n};\n</script>\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!./BlogDetails.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!./BlogDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlogDetails.vue?vue&type=template&id=3aa0b09a&\"\nimport script from \"./BlogDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./BlogDetails.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  null,\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!./blogDetails.vue?vue&type=style&index=0&id=12de6832&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!./blogDetails.vue?vue&type=style&index=0&id=12de6832&lang=scss&scoped=true&\""],"sourceRoot":""}