{"version":3,"sources":["webpack:///./src/views/sample/pages/Knowledge-base/KnowledgeBaseCategory.vue?514e","webpack:///./src/views/sample/pages/Knowledge-base/KnowledgeBaseCategory.vue?33a9","webpack:///src/views/sample/pages/Knowledge-base/KnowledgeBaseCategory.vue","webpack:///./src/views/sample/pages/Knowledge-base/KnowledgeBaseCategory.vue?9005","webpack:///./src/views/sample/pages/Knowledge-base/KnowledgeBaseCategory.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_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","_this","$http","get","then","res","component"],"mappings":"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","file":"js/chunk-0a567f60.0d99d115.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=19f70045&prod&lang=scss\"","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\",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      >\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=19f70045\"\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=19f70045&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":""}