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