{"version":3,"sources":["webpack:///./src/@core/utils/filter.js","webpack:///./src/views/pages/blog/BlogList.vue?1495","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/@core/utils/utils.js","webpack:///./src/views/pages/blog/BlogList.vue?9461","webpack:///src/views/pages/blog/BlogList.vue","webpack:///./src/views/pages/blog/BlogList.vue?f912","webpack:///./src/views/pages/blog/BlogList.vue","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","isObject","obj","today","getDate","getMonth","getFullYear","isDynamicRouteActive","route","resolvedRoute","router","resolve","path","currentRoute","useRouter","vm","getCurrentInstance","proxy","state","reactive","$route","watch","r","toRefs","$router","showToast","type","message","Vue","$toast","ToastificationContent","props","icon","variant","removeAccents","normalize","_l","blog","key","img","attrs","name","params","id","_v","_s","avatar","userFullName","blogPosted","tag","index","tagsColor","excerpt","comment","rows","scopedSlots","_u","fn","model","callback","$$v","currentPage","expression","slot","search_query","blogSidebar","recentpost","class","createdTime","category","components","BRow","BCol","BCard","BFormInput","BCardText","BCardBody","BCardTitle","BMedia","BAvatar","BMediaAside","BMediaBody","BLink","BBadge","BFormGroup","BInputGroup","BInputGroupAppend","BImg","BPagination","ContentWithSidebar","data","blogList","perPage","created","$http","get","then","res","methods"],"mappings":"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","file":"js/chunk-e404dfb4.bee220bc.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!./BlogList.vue?vue&type=style&index=0&id=62a613b6&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","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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('content-with-sidebar',{staticClass:\"blog-wrapper\"},[_c('b-row',{staticClass:\"blog-list-wrapper\"},[_vm._l((_vm.blogList),function(blog){return _c('b-col',{key:blog.img,attrs:{\"md\":\"6\"}},[_c('b-card',{attrs:{\"tag\":\"article\",\"no-body\":\"\"}},[_c('b-link',{attrs:{\"to\":{ name: 'pages-blog-detail', params: { id: blog.id } }}},[_c('b-img',{staticClass:\"card-img-top\",attrs:{\"src\":blog.img,\"alt\":blog.img.slice(5)}})],1),_c('b-card-body',[_c('b-card-title',[_c('b-link',{staticClass:\"blog-title-truncate text-body-heading\",attrs:{\"to\":{ name: 'pages-blog-detail', params: { id: blog.id } }}},[_vm._v(\" \"+_vm._s(blog.title)+\" \")])],1),_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\":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(blog.userFullName))])],1),_c('span',{staticClass:\"text-muted ml-75 mr-50\"},[_vm._v(\"|\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(_vm._s(blog.blogPosted))])])],1),_c('div',{staticClass:\"my-1 py-25\"},_vm._l((blog.tags),function(tag,index){return _c('b-link',{key:index},[_c('b-badge',{staticClass:\"mr-75\",attrs:{\"pill\":\"\",\"variant\":_vm.tagsColor(tag)}},[_vm._v(\" \"+_vm._s(tag)+\" \")])],1)}),1),_c('b-card-text',{staticClass:\"blog-content-truncate\"},[_vm._v(\" \"+_vm._s(blog.excerpt)+\" \")]),_c('hr'),_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('b-link',{attrs:{\"to\":{ path: (\"/pages/blog/\" + (blog.id) + \"#blogComment\")}}},[_c('div',{staticClass:\"d-flex align-items-center text-body\"},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"MessageSquareIcon\"}}),_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.kFormatter(blog.comment))+\" Comments\")])],1)]),_c('b-link',{staticClass:\"font-weight-bold\",attrs:{\"to\":{ name: 'pages-blog-detail', params: { id: blog.id } }}},[_vm._v(\" Read More \")])],1)],1)],1)],1)}),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"my-2\"},[_c('b-pagination',{attrs:{\"align\":\"center\",\"total-rows\":_vm.rows,\"first-number\":\"\",\"last-number\":\"\",\"prev-class\":\"prev-item\",\"next-class\":\"next-item\"},scopedSlots:_vm._u([{key:\"prev-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronLeftIcon\",\"size\":\"18\"}})]},proxy:true},{key:\"next-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronRightIcon\",\"size\":\"18\"}})]},proxy:true}]),model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)])],2),_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',{attrs:{\"to\":{ name: 'pages-blog-detail', params:{ id :recentpost.id } }}},[_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\",attrs:{\"to\":{ name: 'pages-blog-detail', params:{ id :recentpost.id } }}},[_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)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <content-with-sidebar class=\"blog-wrapper\">\r\n\r\n    <!-- blogs -->\r\n    <b-row class=\"blog-list-wrapper\">\r\n      <b-col\r\n        v-for=\"blog in blogList\"\r\n        :key=\"blog.img\"\r\n        md=\"6\"\r\n      >\r\n        <b-card\r\n          tag=\"article\"\r\n          no-body\r\n        >\r\n          <b-link :to=\"{ name: 'pages-blog-detail', params: { id: blog.id } }\">\r\n            <b-img\r\n              :src=\"blog.img\"\r\n              :alt=\"blog.img.slice(5)\"\r\n              class=\"card-img-top\"\r\n            />\r\n          </b-link>\r\n          <b-card-body>\r\n            <b-card-title>\r\n              <b-link\r\n                :to=\"{ name: 'pages-blog-detail', params: { id: blog.id } }\"\r\n                class=\"blog-title-truncate text-body-heading\"\r\n              >\r\n                {{ blog.title }}\r\n              </b-link>\r\n            </b-card-title>\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=\"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\">{{ blog.userFullName }}</b-link>\r\n                </small>\r\n                <span class=\"text-muted ml-75 mr-50\">|</span>\r\n                <small class=\"text-muted\">{{ blog.blogPosted }}</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,index) in blog.tags\"\r\n                :key=\"index\"\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            <b-card-text class=\"blog-content-truncate\">\r\n              {{ blog.excerpt }}\r\n            </b-card-text>\r\n            <hr>\r\n            <div class=\"d-flex justify-content-between align-items-center\">\r\n              <b-link :to=\"{ path: `/pages/blog/${blog.id}#blogComment`}\">\r\n                <div class=\"d-flex align-items-center text-body\">\r\n                  <feather-icon\r\n                    icon=\"MessageSquareIcon\"\r\n                    class=\"mr-50\"\r\n                  />\r\n                  <span class=\"font-weight-bold\">{{ kFormatter(blog.comment) }} Comments</span>\r\n                </div>\r\n              </b-link>\r\n              <b-link\r\n                :to=\"{ name: 'pages-blog-detail', params: { id: blog.id } }\"\r\n                class=\"font-weight-bold\"\r\n              >\r\n                Read More\r\n              </b-link>\r\n            </div>\r\n          </b-card-body>\r\n        </b-card>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <!-- pagination -->\r\n        <div class=\"my-2\">\r\n          <b-pagination\r\n            v-model=\"currentPage\"\r\n            align=\"center\"\r\n            :total-rows=\"rows\"\r\n            first-number\r\n            last-number\r\n            prev-class=\"prev-item\"\r\n            next-class=\"next-item\"\r\n          >\r\n            <template #prev-text>\r\n              <feather-icon\r\n                icon=\"ChevronLeftIcon\"\r\n                size=\"18\"\r\n              />\r\n            </template>\r\n            <template #next-text>\r\n              <feather-icon\r\n                icon=\"ChevronRightIcon\"\r\n                size=\"18\"\r\n              />\r\n            </template>\r\n          </b-pagination>\r\n        </div>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <!--/ blogs -->\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 :to=\"{ name: 'pages-blog-detail', params:{ id :recentpost.id } }\">\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\r\n                :to=\"{ name: 'pages-blog-detail', params:{ id :recentpost.id } }\"\r\n                class=\"text-body-heading\"\r\n              >\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    <!--/ sidebar -->\r\n  </content-with-sidebar>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow, BCol, BCard, BFormInput, BCardText, BCardTitle, BMedia, BAvatar, BMediaAside, BMediaBody, BImg, BCardBody, BLink, BBadge, BFormGroup, BInputGroup, BInputGroupAppend, BPagination,\r\n} from 'bootstrap-vue'\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    BRow,\r\n    BCol,\r\n    BCard,\r\n    BFormInput,\r\n    BCardText,\r\n    BCardBody,\r\n    BCardTitle,\r\n    BMedia,\r\n    BAvatar,\r\n    BMediaAside,\r\n    BMediaBody,\r\n    BLink,\r\n    BBadge,\r\n    BFormGroup,\r\n    BInputGroup,\r\n    BInputGroupAppend,\r\n    BImg,\r\n    BPagination,\r\n    ContentWithSidebar,\r\n  },\r\n  data() {\r\n    return {\r\n      search_query: '',\r\n      blogList: [],\r\n      blogSidebar: {},\r\n      currentPage: 1,\r\n      perPage: 1,\r\n      rows: 140,\r\n    }\r\n  },\r\n  created() {\r\n    this.$http.get('/blog/list/data').then(res => { this.blogList = 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!./BlogList.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!./BlogList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlogList.vue?vue&type=template&id=62a613b6&\"\nimport script from \"./BlogList.vue?vue&type=script&lang=js&\"\nexport * from \"./BlogList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlogList.vue?vue&type=style&index=0&id=62a613b6&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","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":""}