{"version":3,"sources":["webpack:///./src/views/pages/Knowledge-base/KnowledgeBaseCategory.vue?8f47","webpack:///./src/assets/images/banner/banner.png","webpack:///./src/views/pages/Knowledge-base/KnowledgeBaseCategory.vue?8268","webpack:///src/views/pages/Knowledge-base/KnowledgeBaseCategory.vue","webpack:///./src/views/pages/Knowledge-base/KnowledgeBaseCategory.vue?f6c1","webpack:///./src/views/pages/Knowledge-base/KnowledgeBaseCategory.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","style","backgroundImage","_v","model","value","callback","$$v","knowledgeBaseSearchQuery","expression","_l","data","index","key","class","iconColor","icon","_s","title","questions","length","que","question","name","params","category","$route","slug","directives","rawName","filteredKB","staticRenderFns","components","BRow","BCol","BCard","BListGroup","BListGroupItem","BCardBody","BCardText","BForm","BInputGroup","BInputGroupPrepend","BFormInput","kb","computed","knowledgeBaseSearchQueryLower","toLowerCase","filter","item","includes","queObj","created","$http","get","then","res","component"],"mappings":"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","file":"js/chunk-49dab30a.7a6c4dbd.js","sourcesContent":["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!./KnowledgeBaseCategory.vue?vue&type=style&index=0&id=78dcd43b&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/banner.c2d23a97.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('section',{attrs:{\"id\":\"kb-category-search\"}},[_c('b-card',{staticClass:\"knowledge-base-bg text-center\",style:({backgroundImage: (\"url(\" + (require('@/assets/images/banner/banner.png')) + \")\")}),attrs:{\"no-body\":\"\"}},[_c('b-card-body',{staticClass:\"card-body\"},[_c('h2',{staticClass:\"text-primary\"},[_vm._v(\" Dedicated Source Used on Website \")]),_c('b-card-text',{staticClass:\"mb-2\"},[_c('span',[_vm._v(\"Popular searches: \")]),_c('span',{staticClass:\"font-weight-bolder\"},[_vm._v(\"Sales automation, Email marketing\")])]),_c('b-form',{staticClass:\"kb-search-input\"},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"SearchIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"searchbar\",\"placeholder\":\"Ask a question....\"},model:{value:(_vm.knowledgeBaseSearchQuery),callback:function ($$v) {_vm.knowledgeBaseSearchQuery=$$v},expression:\"knowledgeBaseSearchQuery\"}})],1)],1)],1)],1)],1),_c('div',{attrs:{\"id\":\"knowledge-base-category\"}},[_c('b-row',{staticClass:\"match-height\"},[_vm._l((_vm.filteredKB),function(data,index){return _c('b-col',{key:index,attrs:{\"md\":\"4\",\"sm\":\"6\"}},[_c('b-card',[_c('h6',{staticClass:\"kb-title\"},[_c('feather-icon',{staticClass:\"mr-50\",class:data.iconColor,attrs:{\"icon\":data.icon,\"size\":\"20\"}}),_vm._v(_vm._s(data.title)+\" (\"+_vm._s(data.questions.length)+\") \")],1),_c('b-list-group',{staticClass:\"list-group-circle mt-2\"},_vm._l((data.questions),function(que){return _c('b-list-group-item',{key:que.question,staticClass:\"text-body\",attrs:{\"to\":{ name: 'pages-knowledge-base-question', params: { category: _vm.$route.params.category, slug: que.slug } }}},[_vm._v(\" \"+_vm._s(que.question)+\" \")])}),1)],1)],1)}),_c('b-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.filteredKB.length),expression:\"!filteredKB.length\"}],staticClass:\"text-center\",attrs:{\"cols\":\"12\"}},[_c('h4',{staticClass:\"mt-4\"},[_vm._v(\" Search result not found!! \")])])],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- search input -->\r\n    <section id=\"kb-category-search\">\r\n      <b-card\r\n        no-body\r\n        class=\"knowledge-base-bg text-center\"\r\n        :style=\"{backgroundImage: `url(${require('@/assets/images/banner/banner.png')})`}\"\r\n      >\r\n        <b-card-body class=\"card-body\">\r\n          <h2 class=\"text-primary\">\r\n            Dedicated Source Used on Website\r\n          </h2>\r\n          <b-card-text class=\"mb-2\">\r\n            <span>Popular searches: </span>\r\n            <span class=\"font-weight-bolder\">Sales automation, Email marketing</span>\r\n          </b-card-text>\r\n\r\n          <!-- form -->\r\n          <b-form class=\"kb-search-input\">\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"SearchIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"searchbar\"\r\n                v-model=\"knowledgeBaseSearchQuery\"\r\n                placeholder=\"Ask a question....\"\r\n              />\r\n            </b-input-group>\r\n          </b-form>\r\n          <!-- form -->\r\n        </b-card-body>\r\n      </b-card>\r\n    </section>\r\n    <!--/ search input -->\r\n\r\n    <div id=\"knowledge-base-category\">\r\n      <b-row class=\"match-height\">\r\n        <b-col\r\n          v-for=\"(data,index) in filteredKB\"\r\n          :key=\"index\"\r\n          md=\"4\"\r\n          sm=\"6\"\r\n        >\r\n          <b-card>\r\n            <h6 class=\"kb-title\">\r\n              <feather-icon\r\n                :icon=\"data.icon\"\r\n                size=\"20\"\r\n                class=\"mr-50\"\r\n                :class=\"data.iconColor\"\r\n              />{{ data.title }} ({{ data.questions.length }})\r\n            </h6>\r\n            <b-list-group class=\"list-group-circle mt-2\">\r\n              <b-list-group-item\r\n                v-for=\"(que) in data.questions\"\r\n                :key=\"que.question\"\r\n                class=\"text-body\"\r\n                :to=\"{ name: 'pages-knowledge-base-question', params: { category: $route.params.category, slug: que.slug } }\"\r\n              >\r\n                {{ que.question }}\r\n              </b-list-group-item>\r\n            </b-list-group>\r\n          </b-card>\r\n        </b-col>\r\n\r\n        <!-- no result found -->\r\n        <b-col\r\n          v-show=\"!filteredKB.length\"\r\n          cols=\"12\"\r\n          class=\"text-center\"\r\n        >\r\n          <h4 class=\"mt-4\">\r\n            Search result not found!!\r\n          </h4>\r\n        </b-col>\r\n        <!--/ no result found -->\r\n      </b-row>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow, BCol, BCard, BListGroup, BListGroupItem, BCardBody, BCardText, BForm, BInputGroup, BInputGroupPrepend, BFormInput,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BCard,\r\n    BListGroup,\r\n    BListGroupItem,\r\n    BCardBody,\r\n    BCardText,\r\n    BForm,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BFormInput,\r\n  },\r\n  data() {\r\n    return {\r\n      knowledgeBaseSearchQuery: '',\r\n      kb: [],\r\n    }\r\n  },\r\n  computed: {\r\n    filteredKB() {\r\n      const knowledgeBaseSearchQueryLower = this.knowledgeBaseSearchQuery.toLowerCase()\r\n      return this.kb.filter(item => item.title.toLowerCase().includes(knowledgeBaseSearchQueryLower) || item.questions.filter(queObj => queObj.question.toLowerCase().includes(knowledgeBaseSearchQueryLower)).length)\r\n    },\r\n  },\r\n  created() {\r\n    // ! You have to update the below API call according to route parameter\r\n    // * We are using fixed API call for all categories for demo purposes\r\n    this.$http.get('/kb/data/category').then(res => { this.kb = res.data })\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/pages/page-knowledge-base.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!./KnowledgeBaseCategory.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!./KnowledgeBaseCategory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KnowledgeBaseCategory.vue?vue&type=template&id=78dcd43b&\"\nimport script from \"./KnowledgeBaseCategory.vue?vue&type=script&lang=js&\"\nexport * from \"./KnowledgeBaseCategory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KnowledgeBaseCategory.vue?vue&type=style&index=0&id=78dcd43b&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"],"sourceRoot":""}