{"version":3,"sources":["webpack:///./src/modules/ebooks/_components/EbookDetail_FAQ.vue?8594","webpack:///./src/modules/ebooks/_components/EbookDetail_FAQ.vue?e75c","webpack:///src/modules/ebooks/_components/EbookDetail_FAQ.vue","webpack:///./src/modules/ebooks/_components/EbookDetail_FAQ.vue?5f58","webpack:///./src/modules/ebooks/_components/EbookDetail_FAQ.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_l","item","index","on","$event","openCollapse","domProps","_s","question","answer","staticRenderFns","name","data","id","watch","mounted","computed","mapGetters","ebookFAQ","methods","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,uBAAuB,CAACF,EAAG,cAAc,CAACA,EAAG,MAAM,CAACG,YAAY,WAAWD,MAAM,CAAC,KAAO,YAAYN,EAAIQ,GAAIR,EAAY,UAAE,SAASS,EAAKC,GAAO,OAAON,EAAG,SAAS,CAACE,MAAM,CAAC,UAAU,KAAK,CAACF,EAAG,gBAAgB,CAACE,MAAM,CAAC,aAAa,SAAS,KAAO,OAAOK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,aAAc,MAAQH,MAAW,CAACN,EAAG,MAAM,CAACG,YAAY,8DAA8D,CAACH,EAAG,OAAO,CAACG,YAAY,kDAAkDO,SAAS,CAAC,UAAYd,EAAIe,GAAGN,EAAKO,iBAAiBZ,EAAG,aAAa,CAACE,MAAM,CAAC,GAAM,MAAQI,EAAO,UAAY,eAAe,KAAO,aAAa,CAACN,EAAG,cAAc,CAACA,EAAG,MAAM,CAACG,YAAY,yCAAyCO,SAAS,CAAC,UAAYd,EAAIe,GAAGN,EAAKQ,cAAc,IAAI,MAAK,MAAM,IACz3BC,EAAkB,G,+sBCyBtB,OACAC,uBACAC,KAFA,WAGA,OACAC,2BAGAC,OACA,+BACA,+CAGAC,QAZA,WAaA,kEAEAC,cACAC,gBACAC,+BAGAC,SACAd,aADA,SACAQ,GACA,8CChDuX,I,wBCQnXO,EAAY,eACd,EACA7B,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAU,E","file":"js/chunk-e3e907a0.f650959e.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EbookDetail_FAQ.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-tab',{attrs:{\"title\":\"Câu hỏi thường gặp\"}},[_c('b-card-text',[_c('div',{staticClass:\"faq-list\",attrs:{\"role\":\"tablist\"}},_vm._l((_vm.ebookFAQ),function(item,index){return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',{attrs:{\"header-tag\":\"header\",\"role\":\"tab\"},on:{\"click\":function($event){return _vm.openCollapse((\"qa_\" + index))}}},[_c('div',{staticClass:\"qa-head display-flex justify-content-md-between full-width\"},[_c('span',{staticClass:\"font-sanpro-semibold primary-color font-size-16\",domProps:{\"innerHTML\":_vm._s(item.question)}})])]),_c('b-collapse',{attrs:{\"id\":(\"qa_\" + index),\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('div',{staticClass:\"qa-body primary-color-txt font-size-16\",domProps:{\"innerHTML\":_vm._s(item.answer)}})])],1)],1)}),1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-tab title=\"Câu hỏi thường gặp\">\r\n    \t<b-card-text>\r\n\t      <div class=\"faq-list\" role=\"tablist\">\r\n\t        <!-- <p>{{trainingDetails}}</p> -->\r\n\t        <b-card no-body v-for=\"(item, index) of ebookFAQ\" class=\"\">\r\n\t          <b-card-header header-tag=\"header\" role=\"tab\" @click=\"openCollapse(`qa_${index}`)\">\r\n\t            <div class=\"qa-head display-flex justify-content-md-between full-width\">\r\n\t              <span class=\"font-sanpro-semibold primary-color font-size-16\" v-html=\"item.question\"></span>\r\n\t            </div>\r\n\t          </b-card-header>\r\n\t          <b-collapse :id=\"`qa_${index}`\" accordion=\"my-accordion\" role=\"tabpanel\">\r\n\t            <b-card-body>\r\n\t              <div class=\"qa-body primary-color-txt font-size-16\" v-html=\"item.answer\"></div>\r\n\t            </b-card-body>\r\n\t          </b-collapse>\r\n\t        </b-card>\r\n\t      </div>\r\n\t    </b-card-text>\r\n    </b-tab>\r\n</template>\r\n\r\n<script>\r\n\timport { mapGetters } from \"vuex\";\r\n\timport { STORE_KEY } from \"../_store/constants\";\r\n\r\n\texport default {\r\n\t\tname: 'EbookDetail_FAQ',\r\n\t\tdata() {\r\n\t\t\treturn {\r\n        \t\tid: this.$route.params.id\r\n\t\t\t};\r\n\t\t},\r\n\t    watch: {\r\n\t      '$route.params.id': function (id) {\r\n\t        this.$store.dispatch(STORE_KEY + '/getBookFAQ', id);\r\n\t      }\r\n\t    },\r\n\t    mounted() {\r\n\t      this.$store.dispatch(STORE_KEY + '/getBookFAQ', this.$route.params.id);\r\n\t    },\t    \r\n\t    computed: {\r\n\t      ...mapGetters({\r\n\t        ebookFAQ: STORE_KEY + '/ebookFAQ'\r\n\t      })\r\n\t    },\r\n\t\tmethods: {\r\n\t\t\topenCollapse(id) {\r\n\t\t      this.$root.$emit(\"bv::toggle::collapse\", id);\r\n\t\t   },\r\n\t\t},\r\n\t};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n\r\n$cl-xam: #879AA9;\r\n$cl-xanh: #124ABE;\r\n.faq-list {\r\n  margin-top: 20px;\r\n  header {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .card {\r\n    margin-bottom: 20px;\r\n    border-radius: 10px;\r\n    border: solid 1px #f3f6fb;\r\n    padding: 20px;\r\n    background: #f3f6fb;\r\n  }\r\n\r\n  .card-header {\r\n    padding: 0 !important;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .qa-head,\r\n  .collapse {\r\n    background: #f3f6fb;\r\n  }\r\n\r\n  .qa-head {\r\n    button.dropdown-toggle {\r\n      padding: 0;\r\n      height: auto;\r\n\r\n      &:focus,\r\n      &:active,\r\n      &:visited {\r\n        background-color: none;\r\n        border-color: none;\r\n        outline: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .card-body {\r\n  \tpadding: 0px !important;\r\n  \tmargin-top: 20px;\r\n    .qa-body {\r\n      border-top: 1px solid #d1d1d1;\r\n      padding: 20px 0px 0px 0px;    \r\n    }\r\n  }\r\n\r\n  .collapse {\r\n    border-radius: 0 0 10px 10px;\r\n  }\r\n}\r\n\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EbookDetail_FAQ.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EbookDetail_FAQ.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EbookDetail_FAQ.vue?vue&type=template&id=a016f832&\"\nimport script from \"./EbookDetail_FAQ.vue?vue&type=script&lang=js&\"\nexport * from \"./EbookDetail_FAQ.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EbookDetail_FAQ.vue?vue&type=style&index=0&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":""}