{"version":3,"sources":["webpack:///./src/@core/utils/filter.js","webpack:///./src/views/pages/blog/BlogDetail.vue?249e","webpack:///./src/@core/layouts/components/content-with-sidebar/ContentWithSidebar.vue?cd11","webpack:///src/@core/layouts/components/content-with-sidebar/ContentWithSidebar.vue","webpack:///./src/@core/layouts/components/content-with-sidebar/ContentWithSidebar.vue?c77e","webpack:///./src/@core/layouts/components/content-with-sidebar/ContentWithSidebar.vue","webpack:///./src/views/pages/blog/BlogDetail.vue?4b3b","webpack:///src/views/pages/blog/BlogDetail.vue","webpack:///./src/views/pages/blog/BlogDetail.vue?4431","webpack:///./src/views/pages/blog/BlogDetail.vue","webpack:///./src/@core/utils/utils.js","webpack:///./src/@core/layouts/components/content-with-sidebar/ContentWithSidebar.vue?42c9"],"names":["kFormatter","num","toFixed","title","value","replacer","str","toString","arr","split","capitalizedArray","forEach","word","capitalized","charAt","toUpperCase","slice","push","join","avatarText","nameArray","map","formatDate","formatting","month","day","year","Intl","DateTimeFormat","format","Date","formatDateToMonthShort","toTimeForCurrentDay","date","isToday","hour","minute","filterTags","replace","render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","staticRenderFns","component","Object","keys","blogDetail","attrs","blog","img","avatar","_v","_s","userFullName","createdTime","_l","tag","key","tagsColor","domProps","content","user","fullName","comment","comments","bookmarked","scopedSlots","_u","fn","proxy","icon","index","commentedAt","commentText","model","callback","$$v","commentCheckmark","expression","directives","name","rawName","modifiers","slot","search_query","blogSidebar","recentpost","class","category","_e","components","BFormInput","BMedia","BAvatar","BMediaAside","BMediaBody","BLink","BCard","BRow","BCol","BFormGroup","BInputGroup","BInputGroupAppend","BImg","BBadge","BCardText","BDropdown","BForm","BDropdownItem","BFormTextarea","BFormCheckbox","BButton","ContentWithSidebar","Ripple","data","socialShareIcons","created","$http","get","then","res","methods","isObject","obj","today","getDate","getMonth","getFullYear","isDynamicRouteActive","route","resolvedRoute","router","resolve","path","currentRoute","useRouter","vm","getCurrentInstance","state","reactive","$route","watch","r","toRefs","$router","showToast","type","message","Vue","$toast","ToastificationContent","props","variant","removeAccents","normalize"],"mappings":"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","file":"js/chunk-191d7de0.50691c71.js","sourcesContent":["import { isToday } from './utils'\r\n\r\nexport const kFormatter = num => (num > 999 ? `${(num / 1000).toFixed(1)}k` : num)\r\n\r\nexport const title = (value, replacer = ' ') => {\r\n  if (!value) return ''\r\n  const str = value.toString()\r\n\r\n  const arr = str.split(replacer)\r\n  const capitalizedArray = []\r\n  arr.forEach(word => {\r\n    const capitalized = word.charAt(0).toUpperCase() + word.slice(1)\r\n    capitalizedArray.push(capitalized)\r\n  })\r\n  return capitalizedArray.join(' ')\r\n}\r\n\r\nexport const avatarText = value => {\r\n  if (!value) return ''\r\n  const nameArray = value.split(' ')\r\n  return nameArray.map(word => word.charAt(0).toUpperCase()).join('')\r\n}\r\n\r\n/**\r\n * Format and return date in Humanize format\r\n * Intl docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\r\n * Intl Constructor: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat\r\n * @param {String} value date to format\r\n * @param {Object} formatting Intl object to format with\r\n */\r\nexport const formatDate = (value, formatting = { month: 'short', day: 'numeric', year: 'numeric' }) => {\r\n  if (!value) return value\r\n  return new Intl.DateTimeFormat('en-US', formatting).format(new Date(value))\r\n}\r\n\r\n/**\r\n * Return short human friendly month representation of date\r\n * Can also convert date to only time if date is of today (Better UX)\r\n * @param {String} value date to format\r\n * @param {Boolean} toTimeForCurrentDay Shall convert to time if day is today/current\r\n */\r\nexport const formatDateToMonthShort = (value, toTimeForCurrentDay = true) => {\r\n  const date = new Date(value)\r\n  let formatting = { month: 'short', day: 'numeric' }\r\n\r\n  if (toTimeForCurrentDay && isToday(date)) {\r\n    formatting = { hour: 'numeric', minute: 'numeric' }\r\n  }\r\n\r\n  return new Intl.DateTimeFormat('en-US', formatting).format(new Date(value))\r\n}\r\n\r\n// Strip all the tags from markup and return plain text\r\nexport const filterTags = value => value.replace(/<\\/?[^>]+(>|$)/g, '')\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BlogDetail.vue?vue&type=style&index=0&id=79706a53&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cws-container cws-sidebar-right\"},[_c('div',{staticClass:\"cws-content\"},[_vm._t(\"default\")],2),_c('div',{staticClass:\"cws-sidebar\"},[_vm._t(\"sidebar\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"cws-container cws-sidebar-right\">\r\n\r\n    <!-- content -->\r\n    <div class=\"cws-content\">\r\n      <slot />\r\n    </div>\r\n\r\n    <!-- Sidebar -->\r\n    <div class=\"cws-sidebar\">\r\n      <slot name=\"sidebar\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '~@core/scss/base/bootstrap-extended/include';\r\n\r\n$cws-sidebar-width: 260px;\r\n$gap: 2rem;\r\n\r\n.cws-container {\r\n  position: relative;\r\n\r\n  .cws-content {\r\n    width: calc(100% - #{$cws-sidebar-width} - #{$gap});\r\n\r\n    @media (max-width: (map-get($grid-breakpoints, lg))) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .cws-sidebar {\r\n    width: 260px;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n\r\n    @media (max-width: (map-get($grid-breakpoints, lg))) {\r\n      margin-top: $gap;\r\n      position: static;\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentWithSidebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentWithSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContentWithSidebar.vue?vue&type=template&id=496afbf7&\"\nimport script from \"./ContentWithSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./ContentWithSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContentWithSidebar.vue?vue&type=style&index=0&id=496afbf7&prod&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (Object.keys(_vm.blogDetail).length)?_c('content-with-sidebar',{staticClass:\"cws-container cws-sidebar-right blog-wrapper\"},[_c('div',{staticClass:\"blog-detail-wrapper\"},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-card',{attrs:{\"img-src\":_vm.blogDetail.blog.img,\"img-top\":\"\",\"img-alt\":\"Blog Detail Pic\",\"title\":_vm.blogDetail.blog.title}},[_c('b-media',{attrs:{\"no-body\":\"\"}},[_c('b-media-aside',{staticClass:\"mr-50\",attrs:{\"vertical-align\":\"center\"}},[_c('b-avatar',{attrs:{\"href\":\"javascript:void(0)\",\"size\":\"24\",\"src\":_vm.blogDetail.blog.avatar}})],1),_c('b-media-body',[_c('small',{staticClass:\"text-muted mr-50\"},[_vm._v(\"by\")]),_c('small',[_c('b-link',{staticClass:\"text-body\"},[_vm._v(_vm._s(_vm.blogDetail.blog.userFullName))])],1),_c('span',{staticClass:\"text-muted ml-75 mr-50\"},[_vm._v(\"|\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.blogDetail.blog.createdTime))])])],1),_c('div',{staticClass:\"my-1 py-25\"},_vm._l((_vm.blogDetail.blog.tags),function(tag){return _c('b-link',{key:tag},[_c('b-badge',{staticClass:\"mr-75\",attrs:{\"pill\":\"\",\"variant\":_vm.tagsColor(tag)}},[_vm._v(\" \"+_vm._s(tag)+\" \")])],1)}),1),_c('div',{staticClass:\"blog-content\",domProps:{\"innerHTML\":_vm._s(_vm.blogDetail.blog.content)}}),_vm._l((_vm.blogDetail.blog.UserComment),function(user){return _c('b-media',{key:user.avatar,attrs:{\"no-body\":\"\"}},[_c('b-media-aside',[_c('b-avatar',{attrs:{\"size\":\"60\",\"src\":user.avatar}})],1),_c('b-media-body',[_c('h6',{staticClass:\"font-weight-bolder\"},[_vm._v(\" \"+_vm._s(user.fullName)+\" \")]),_c('b-card-text',[_vm._v(\" \"+_vm._s(user.comment)+\" \")])],1)],1)}),_c('hr',{staticClass:\"my-2\"}),_c('div',{staticClass:\"d-flex align-items-center justify-content-between\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"d-flex align-items-center mr-1\"},[_c('b-link',{staticClass:\"mr-50\"},[_c('feather-icon',{staticClass:\"text-body\",attrs:{\"icon\":\"MessageSquareIcon\",\"size\":\"21\"}})],1),_c('b-link',[_c('div',{staticClass:\"text-body\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.blogDetail.blog.comments))+\" \")])])],1),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-link',{staticClass:\"mr-50\"},[_c('feather-icon',{staticClass:\"text-body\",attrs:{\"size\":\"21\",\"icon\":\"BookmarkIcon\"}})],1),_c('b-link',[_c('div',{staticClass:\"text-body\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.blogDetail.blog.bookmarked))+\" \")])])],1)]),_c('div',{staticClass:\"blog-detail-share\"},[_c('b-dropdown',{attrs:{\"variant\":\"link\",\"toggle-class\":\"p-0\",\"no-caret\":\"\",\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('feather-icon',{staticClass:\"text-body\",attrs:{\"size\":\"21\",\"icon\":\"Share2Icon\"}})]},proxy:true}],null,false,710295190)},_vm._l((_vm.socialShareIcons),function(icon){return _c('b-dropdown-item',{key:icon,attrs:{\"href\":\"#\"}},[_c('feather-icon',{attrs:{\"icon\":icon,\"size\":\"18\"}})],1)}),1)],1)])],2)],1),_c('b-col',{staticClass:\"mt-2\",attrs:{\"id\":\"blogComment\",\"cols\":\"12\"}},[_c('h6',{staticClass:\"section-label\"},[_vm._v(\" Comment \")]),_vm._l((_vm.blogDetail.comments),function(comment,index){return _c('b-card',{key:index},[_c('b-media',{attrs:{\"no-body\":\"\"}},[_c('b-media-aside',{staticClass:\"mr-75\"},[_c('b-avatar',{attrs:{\"src\":comment.avatar,\"size\":\"38\"}})],1),_c('b-media-body',[_c('h6',{staticClass:\"font-weight-bolder mb-25\"},[_vm._v(\" \"+_vm._s(comment.userFullName)+\" \")]),_c('b-card-text',[_vm._v(_vm._s(comment.commentedAt))]),_c('b-card-text',[_vm._v(\" \"+_vm._s(comment.commentText)+\" \")]),_c('b-link',[_c('div',{staticClass:\"d-inline-flex align-items-center\"},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"CornerUpLeftIcon\",\"size\":\"18\"}}),_c('span',[_vm._v(\"Reply\")])],1)])],1)],1)],1)})],2),_c('b-col',{staticClass:\"mt-2\",attrs:{\"cols\":\"12\"}},[_c('h6',{staticClass:\"section-label\"},[_vm._v(\" Leave a Comment \")]),_c('b-card',[_c('b-form',[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"6\"}},[_c('b-form-group',{staticClass:\"mb-2\"},[_c('b-form-input',{attrs:{\"name\":\"name\",\"placeholder\":\"Name\"}})],1)],1),_c('b-col',{attrs:{\"sm\":\"6\"}},[_c('b-form-group',{staticClass:\"mb-2\"},[_c('b-form-input',{attrs:{\"name\":\"email\",\"type\":\"email\",\"placeholder\":\"Email\"}})],1)],1),_c('b-col',{attrs:{\"sm\":\"6\"}},[_c('b-form-group',{staticClass:\"mb-2\"},[_c('b-form-input',{attrs:{\"name\":\"website\",\"placeholder\":\"Website\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{staticClass:\"mb-2\"},[_c('b-form-textarea',{attrs:{\"name\":\"textarea\",\"rows\":\"4\",\"placeholder\":\"Website\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-checkbox',{staticClass:\"mb-2\",attrs:{\"id\":\"checkbox-1\",\"name\":\"checkbox-1\"},model:{value:(_vm.commentCheckmark),callback:function ($$v) {_vm.commentCheckmark=$$v},expression:\"commentCheckmark\"}},[_vm._v(\" Save my name, email, and website in this browser for the next time I comment. \")])],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"primary\"}},[_vm._v(\" Post Comment \")])],1)],1)],1)],1)],1)],1)],1),_c('div',{staticClass:\"blog-sidebar py-2 py-lg-0\",attrs:{\"slot\":\"sidebar\"},slot:\"sidebar\"},[_c('b-form-group',{staticClass:\"blog-search\"},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-form-input',{attrs:{\"id\":\"search-input\",\"placeholder\":\"Search here\"},model:{value:(_vm.search_query),callback:function ($$v) {_vm.search_query=$$v},expression:\"search_query\"}}),_c('b-input-group-append',{staticClass:\"cursor-pointer\",attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"SearchIcon\"}})],1)],1)],1),_c('div',{staticClass:\"blog-recent-posts mt-3\"},[_c('h6',{staticClass:\"section-label mb-75\"},[_vm._v(\" Recent Posts \")]),_vm._l((_vm.blogSidebar.recentPosts),function(recentpost,index){return _c('b-media',{key:recentpost.img,class:index? 'mt-2':'',attrs:{\"no-body\":\"\"}},[_c('b-media-aside',{staticClass:\"mr-2\"},[_c('b-link',[_c('b-img',{attrs:{\"src\":recentpost.img,\"alt\":recentpost.img.slice(6),\"width\":\"100\",\"rounded\":\"\",\"height\":\"70\"}})],1)],1),_c('b-media-body',[_c('h6',{staticClass:\"blog-recent-post-title\"},[_c('b-link',{staticClass:\"text-body-heading\"},[_vm._v(\" \"+_vm._s(recentpost.title)+\" \")])],1),_c('span',{staticClass:\"text-muted mb-0\"},[_vm._v(\" \"+_vm._s(recentpost.createdTime)+\" \")])])],1)})],2),_c('div',{staticClass:\"blog-categories mt-3\"},[_c('h6',{staticClass:\"section-label mb-1\"},[_vm._v(\" Categories \")]),_vm._l((_vm.blogSidebar.categories),function(category){return _c('div',{key:category.icon,staticClass:\"d-flex justify-content-start align-items-center mb-75\"},[_c('b-link',[_c('b-avatar',{staticClass:\"mr-75\",attrs:{\"rounded\":\"\",\"size\":\"32\",\"variant\":_vm.tagsColor(category.category)}},[_c('feather-icon',{attrs:{\"icon\":category.icon,\"size\":\"16\"}})],1)],1),_c('b-link',[_c('div',{staticClass:\"blog-category-title text-body\"},[_vm._v(\" \"+_vm._s(category.category)+\" \")])])],1)})],2)],1)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <content-with-sidebar\r\n    v-if=\"Object.keys(blogDetail).length\"\r\n    class=\"cws-container cws-sidebar-right blog-wrapper\"\r\n  >\r\n\r\n    <!-- content -->\r\n    <div class=\"blog-detail-wrapper\">\r\n      <b-row>\r\n        <!-- blogs -->\r\n        <b-col cols=\"12\">\r\n          <b-card\r\n            :img-src=\"blogDetail.blog.img\"\r\n            img-top\r\n            img-alt=\"Blog Detail Pic\"\r\n            :title=\"blogDetail.blog.title\"\r\n          >\r\n            <b-media no-body>\r\n              <b-media-aside\r\n                vertical-align=\"center\"\r\n                class=\"mr-50\"\r\n              >\r\n                <b-avatar\r\n                  href=\"javascript:void(0)\"\r\n                  size=\"24\"\r\n                  :src=\"blogDetail.blog.avatar\"\r\n                />\r\n              </b-media-aside>\r\n              <b-media-body>\r\n                <small class=\"text-muted mr-50\">by</small>\r\n                <small>\r\n                  <b-link class=\"text-body\">{{ blogDetail.blog.userFullName }}</b-link>\r\n                </small>\r\n                <span class=\"text-muted ml-75 mr-50\">|</span>\r\n                <small class=\"text-muted\">{{ blogDetail.blog.createdTime }}</small>\r\n              </b-media-body>\r\n            </b-media>\r\n            <div class=\"my-1 py-25\">\r\n              <b-link\r\n                v-for=\"tag in blogDetail.blog.tags\"\r\n                :key=\"tag\"\r\n              >\r\n                <b-badge\r\n                  pill\r\n                  class=\"mr-75\"\r\n                  :variant=\"tagsColor(tag)\"\r\n                >\r\n                  {{ tag }}\r\n                </b-badge>\r\n              </b-link>\r\n            </div>\r\n            <!-- eslint-disable vue/no-v-html -->\r\n            <div\r\n              class=\"blog-content\"\r\n              v-html=\"blogDetail.blog.content\"\r\n            />\r\n\r\n            <!-- user commnets -->\r\n            <b-media\r\n              v-for=\"user in blogDetail.blog.UserComment\"\r\n              :key=\"user.avatar\"\r\n              no-body\r\n            >\r\n              <b-media-aside>\r\n                <b-avatar\r\n                  size=\"60\"\r\n                  :src=\"user.avatar\"\r\n                />\r\n              </b-media-aside>\r\n              <b-media-body>\r\n                <h6 class=\"font-weight-bolder\">\r\n                  {{ user.fullName }}\r\n                </h6>\r\n                <b-card-text>\r\n                  {{ user.comment }}\r\n                </b-card-text>\r\n              </b-media-body>\r\n            </b-media>\r\n            <!-- eslint-enable -->\r\n            <hr class=\"my-2\">\r\n\r\n            <div class=\"d-flex align-items-center justify-content-between\">\r\n              <div class=\"d-flex align-items-center\">\r\n                <div class=\"d-flex align-items-center mr-1\">\r\n                  <b-link class=\"mr-50\">\r\n                    <feather-icon\r\n                      icon=\"MessageSquareIcon\"\r\n                      size=\"21\"\r\n                      class=\"text-body\"\r\n                    />\r\n                  </b-link>\r\n                  <b-link>\r\n                    <div class=\"text-body\">\r\n                      {{ kFormatter(blogDetail.blog.comments) }}\r\n                    </div>\r\n                  </b-link>\r\n                </div>\r\n                <div class=\"d-flex align-items-center\">\r\n                  <b-link class=\"mr-50\">\r\n                    <feather-icon\r\n                      size=\"21\"\r\n                      icon=\"BookmarkIcon\"\r\n                      class=\"text-body\"\r\n                    />\r\n                  </b-link>\r\n                  <b-link>\r\n                    <div class=\"text-body\">\r\n                      {{ kFormatter(blogDetail.blog.bookmarked) }}\r\n                    </div>\r\n                  </b-link>\r\n                </div>\r\n              </div>\r\n\r\n              <!-- dropdown -->\r\n              <div class=\"blog-detail-share\">\r\n                <b-dropdown\r\n                  variant=\"link\"\r\n                  toggle-class=\"p-0\"\r\n                  no-caret\r\n                  right\r\n                >\r\n                  <template #button-content>\r\n                    <feather-icon\r\n                      size=\"21\"\r\n                      icon=\"Share2Icon\"\r\n                      class=\"text-body\"\r\n                    />\r\n                  </template>\r\n                  <b-dropdown-item\r\n                    v-for=\"icon in socialShareIcons\"\r\n                    :key=\"icon\"\r\n                    href=\"#\"\r\n                  >\r\n                    <feather-icon\r\n                      :icon=\"icon\"\r\n                      size=\"18\"\r\n                    />\r\n                  </b-dropdown-item>\r\n                </b-dropdown>\r\n              </div>\r\n              <!--/ dropdown -->\r\n            </div>\r\n          </b-card>\r\n        </b-col>\r\n        <!--/ blogs -->\r\n\r\n        <!-- blog comment -->\r\n        <b-col\r\n          id=\"blogComment\"\r\n          cols=\"12\"\r\n          class=\"mt-2\"\r\n        >\r\n          <h6 class=\"section-label\">\r\n            Comment\r\n          </h6>\r\n          <b-card\r\n            v-for=\"(comment,index) in blogDetail.comments\"\r\n            :key=\"index\"\r\n          >\r\n            <b-media no-body>\r\n              <b-media-aside class=\"mr-75\">\r\n                <b-avatar\r\n                  :src=\"comment.avatar\"\r\n                  size=\"38\"\r\n                />\r\n              </b-media-aside>\r\n              <b-media-body>\r\n                <h6 class=\"font-weight-bolder mb-25\">\r\n                  {{ comment.userFullName }}\r\n                </h6>\r\n                <b-card-text>{{ comment.commentedAt }}</b-card-text>\r\n                <b-card-text>\r\n                  {{ comment.commentText }}\r\n                </b-card-text>\r\n                <b-link>\r\n                  <div class=\"d-inline-flex align-items-center\">\r\n                    <feather-icon\r\n                      icon=\"CornerUpLeftIcon\"\r\n                      size=\"18\"\r\n                      class=\"mr-50\"\r\n                    />\r\n                    <span>Reply</span>\r\n                  </div>\r\n                </b-link>\r\n              </b-media-body>\r\n            </b-media>\r\n          </b-card>\r\n        </b-col>\r\n        <!--/ blog comment -->\r\n\r\n        <!-- Leave a Blog Comment -->\r\n        <b-col\r\n          cols=\"12\"\r\n          class=\"mt-2\"\r\n        >\r\n          <h6 class=\"section-label\">\r\n            Leave a Comment\r\n          </h6>\r\n          <b-card>\r\n            <b-form>\r\n              <b-row>\r\n                <b-col sm=\"6\">\r\n                  <b-form-group class=\"mb-2\">\r\n                    <b-form-input\r\n                      name=\"name\"\r\n                      placeholder=\"Name\"\r\n                    />\r\n                  </b-form-group>\r\n                </b-col>\r\n                <b-col sm=\"6\">\r\n                  <b-form-group class=\"mb-2\">\r\n                    <b-form-input\r\n                      name=\"email\"\r\n                      type=\"email\"\r\n                      placeholder=\"Email\"\r\n                    />\r\n                  </b-form-group>\r\n                </b-col>\r\n                <b-col sm=\"6\">\r\n                  <b-form-group class=\"mb-2\">\r\n                    <b-form-input\r\n                      name=\"website\"\r\n                      placeholder=\"Website\"\r\n                    />\r\n                  </b-form-group>\r\n                </b-col>\r\n                <b-col cols=\"12\">\r\n                  <b-form-group class=\"mb-2\">\r\n                    <b-form-textarea\r\n                      name=\"textarea\"\r\n                      rows=\"4\"\r\n                      placeholder=\"Website\"\r\n                    />\r\n                  </b-form-group>\r\n                </b-col>\r\n                <b-col cols=\"12\">\r\n                  <b-form-checkbox\r\n                    id=\"checkbox-1\"\r\n                    v-model=\"commentCheckmark\"\r\n                    name=\"checkbox-1\"\r\n                    class=\"mb-2\"\r\n                  >\r\n                    Save my name, email, and website in this browser for the next time I comment.\r\n                  </b-form-checkbox>\r\n                </b-col>\r\n                <b-col cols=\"12\">\r\n                  <b-button\r\n                    v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n                    variant=\"primary\"\r\n                  >\r\n                    Post Comment\r\n                  </b-button>\r\n                </b-col>\r\n              </b-row>\r\n            </b-form>\r\n          </b-card>\r\n        </b-col>\r\n        <!--/ Leave a Blog Comment -->\r\n      </b-row>\r\n      <!--/ blogs -->\r\n    </div>\r\n    <!--/ content -->\r\n\r\n    <!-- sidebar -->\r\n    <div\r\n      slot=\"sidebar\"\r\n      class=\"blog-sidebar py-2 py-lg-0\"\r\n    >\r\n      <!-- input search -->\r\n      <b-form-group class=\"blog-search\">\r\n        <b-input-group class=\"input-group-merge\">\r\n          <b-form-input\r\n            id=\"search-input\"\r\n            v-model=\"search_query\"\r\n            placeholder=\"Search here\"\r\n          />\r\n          <b-input-group-append\r\n            class=\"cursor-pointer\"\r\n            is-text\r\n          >\r\n            <feather-icon\r\n              icon=\"SearchIcon\"\r\n            />\r\n          </b-input-group-append>\r\n        </b-input-group>\r\n      </b-form-group>\r\n      <!--/ input search -->\r\n\r\n      <!-- recent posts -->\r\n      <div class=\"blog-recent-posts mt-3\">\r\n        <h6 class=\"section-label mb-75\">\r\n          Recent Posts\r\n        </h6>\r\n        <b-media\r\n          v-for=\"(recentpost,index) in blogSidebar.recentPosts\"\r\n          :key=\"recentpost.img\"\r\n          no-body\r\n          :class=\"index? 'mt-2':''\"\r\n        >\r\n          <b-media-aside class=\"mr-2\">\r\n            <b-link>\r\n              <b-img\r\n                :src=\"recentpost.img\"\r\n                :alt=\"recentpost.img.slice(6)\"\r\n                width=\"100\"\r\n                rounded\r\n                height=\"70\"\r\n              />\r\n            </b-link>\r\n          </b-media-aside>\r\n          <b-media-body>\r\n            <h6 class=\"blog-recent-post-title\">\r\n              <b-link class=\"text-body-heading\">\r\n                {{ recentpost.title }}\r\n              </b-link>\r\n            </h6>\r\n            <span class=\"text-muted mb-0\">\r\n              {{ recentpost.createdTime }}\r\n            </span>\r\n          </b-media-body>\r\n        </b-media>\r\n      </div>\r\n      <!--/ recent posts -->\r\n\r\n      <!-- categories -->\r\n      <div class=\"blog-categories mt-3\">\r\n        <h6 class=\"section-label mb-1\">\r\n          Categories\r\n        </h6>\r\n\r\n        <div\r\n          v-for=\"category in blogSidebar.categories\"\r\n          :key=\"category.icon\"\r\n          class=\"d-flex justify-content-start align-items-center mb-75\"\r\n        >\r\n          <b-link>\r\n            <b-avatar\r\n              rounded\r\n              size=\"32\"\r\n              :variant=\"tagsColor(category.category)\"\r\n              class=\"mr-75\"\r\n            >\r\n              <feather-icon\r\n                :icon=\"category.icon\"\r\n                size=\"16\"\r\n              />\r\n            </b-avatar>\r\n          </b-link>\r\n          <b-link>\r\n            <div class=\"blog-category-title text-body\">\r\n              {{ category.category }}\r\n            </div>\r\n          </b-link>\r\n        </div>\r\n      </div>\r\n      <!--/ categories -->\r\n    </div>\r\n  </content-with-sidebar>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BFormInput, BMedia, BAvatar, BMediaAside, BMediaBody, BImg, BLink, BFormGroup, BInputGroup, BInputGroupAppend,\r\n  BCard, BRow, BCol, BBadge, BCardText, BDropdown, BDropdownItem, BForm, BFormTextarea, BFormCheckbox, BButton,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { kFormatter } from '@core/utils/filter'\r\nimport ContentWithSidebar from '@core/layouts/components/content-with-sidebar/ContentWithSidebar.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BMedia,\r\n    BAvatar,\r\n    BMediaAside,\r\n    BMediaBody,\r\n    BLink,\r\n    BCard,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BInputGroup,\r\n    BInputGroupAppend,\r\n    BImg,\r\n    BBadge,\r\n    BCardText,\r\n    BDropdown,\r\n    BForm,\r\n    BDropdownItem,\r\n    BFormTextarea,\r\n    BFormCheckbox,\r\n    BButton,\r\n    ContentWithSidebar,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      search_query: '',\r\n      commentCheckmark: '',\r\n      blogDetail: [],\r\n      blogSidebar: {},\r\n      socialShareIcons: [\r\n        'GithubIcon',\r\n        'GitlabIcon',\r\n        'FacebookIcon',\r\n        'TwitterIcon',\r\n        'LinkedinIcon',\r\n      ],\r\n    }\r\n  },\r\n  created() {\r\n    this.$http.get('/blog/list/data/detail').then(res => { this.blogDetail = res.data })\r\n    this.$http.get('/blog/list/data/sidebar').then(res => { this.blogSidebar = res.data })\r\n  },\r\n  methods: {\r\n    kFormatter,\r\n    tagsColor(tag) {\r\n      if (tag === 'Quote') return 'light-info'\r\n      if (tag === 'Gaming') return 'light-danger'\r\n      if (tag === 'Fashion') return 'light-primary'\r\n      if (tag === 'Video') return 'light-warning'\r\n      if (tag === 'Food') return 'light-success'\r\n      return 'light-primary'\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/pages/page-blog.scss';\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BlogDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BlogDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlogDetail.vue?vue&type=template&id=79706a53&\"\nimport script from \"./BlogDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./BlogDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlogDetail.vue?vue&type=style&index=0&id=79706a53&prod&lang=scss&\"\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 Vue from 'vue';\r\nimport router from '@/router';\r\n// eslint-disable-next-line object-curly-newline\r\nimport {\r\n  reactive,\r\n  getCurrentInstance,\r\n  watch,\r\n  toRefs,\r\n} from '@vue/composition-api';\r\n\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue';\r\n\r\nexport const isObject = (obj) => typeof obj === 'object' && obj !== null;\r\n\r\nexport const isToday = (date) => {\r\n  const today = new Date();\r\n  return (\r\n    /* eslint-disable operator-linebreak */\r\n    date.getDate() === today.getDate() &&\r\n    date.getMonth() === today.getMonth() &&\r\n    date.getFullYear() === today.getFullYear()\r\n    /* eslint-enable */\r\n  );\r\n};\r\n\r\nconst getRandomFromArray = (array) =>\r\n  array[Math.floor(Math.random() * array.length)];\r\n\r\n// ? Light and Dark variant is not included\r\n// prettier-ignore\r\nexport const getRandomBsVariant = () => getRandomFromArray(['primary', 'secondary', 'success', 'warning', 'danger', 'info'])\r\n\r\nexport const isDynamicRouteActive = (route) => {\r\n  const { route: resolvedRoute } = router.resolve(route);\r\n  return resolvedRoute.path === router.currentRoute.path;\r\n};\r\n\r\n// Thanks: https://medium.com/better-programming/reactive-vue-routes-with-the-composition-api-18c1abd878d1\r\nexport const useRouter = () => {\r\n  const vm = getCurrentInstance().proxy;\r\n  const state = reactive({\r\n    route: vm.$route,\r\n  });\r\n\r\n  watch(\r\n    () => vm.$route,\r\n    (r) => {\r\n      state.route = r;\r\n    }\r\n  );\r\n\r\n  return { ...toRefs(state), router: vm.$router };\r\n};\r\n\r\n/**\r\n * This is just enhancement over Object.extend [Gives deep extend]\r\n * @param {target} a Object which contains values to be overridden\r\n * @param {source} b Object which contains values to override\r\n */\r\n// export const objectExtend = (a, b) => {\r\n//   // Don't touch 'null' or 'undefined' objects.\r\n//   if (a == null || b == null) {\r\n//     return a\r\n//   }\r\n\r\n//   Object.keys(b).forEach(key => {\r\n//     if (Object.prototype.toString.call(b[key]) === '[object Object]') {\r\n//       if (Object.prototype.toString.call(a[key]) !== '[object Object]') {\r\n//         // eslint-disable-next-line no-param-reassign\r\n//         a[key] = b[key]\r\n//       } else {\r\n//         // eslint-disable-next-line no-param-reassign\r\n//         a[key] = objectExtend(a[key], b[key])\r\n//       }\r\n//     } else {\r\n//       // eslint-disable-next-line no-param-reassign\r\n//       a[key] = b[key]\r\n//     }\r\n//   })\r\n\r\n//   return a\r\n// }\r\n\r\nexport function showToast(type, message) {\r\n  if (type == 'success') {\r\n    Vue.$toast({\r\n      component: ToastificationContent,\r\n      props: {\r\n        title: message,\r\n        icon: 'ez_check',\r\n        variant: 'success',\r\n      },\r\n    });\r\n  } else {\r\n    Vue.$toast({\r\n      component: ToastificationContent,\r\n      props: {\r\n        title: message,\r\n        icon: 'ez_error',\r\n        variant: 'danger',\r\n      },\r\n    });\r\n  }\r\n}\r\n\r\nexport function removeAccents(str) {\r\n  return str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\r\n}\r\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentWithSidebar.vue?vue&type=style&index=0&id=496afbf7&prod&lang=scss&\""],"sourceRoot":""}