{"version":3,"sources":["webpack:///./src/modules/exercises/_components/ExerciseGuide.vue?0c19","webpack:///src/modules/exercises/_components/ExerciseGuide.vue","webpack:///./src/modules/exercises/_components/ExerciseGuide.vue?e67a","webpack:///./src/modules/exercises/_components/ExerciseGuide.vue","webpack:///./src/modules/exercises/_components/ExerciseGuide.vue?28ea"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isMobile","showGuideContent","attrs","on","toggleGuideContent","_v","_e","openModalNotiErrorQuestion","onClickTab","_s","versionApp","domProps","authInfo","email","emailPublic","replaceLinkImg","question","guideContent","txtNotContent","answerDetail","valVituralKeyboard","location","screenWidth","resetValKeyboard","staticRenderFns","name","props","handleShowGuide","isShowGuide","data","isAuthorize","typeGroup","errorTypeId","isShowGuideForce","configKeyclock","computed","mapState","watch","newVal","methods","mapActions","onCheckLogin","fetch","request","response","checkShowGuideForce","isShow","content","component"],"mappings":"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","file":"js/chunk-187d8a49.813823b3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"exercise-guide\"},[_c('div',{staticClass:\"\\n      exercise-detail__feedback\\n      exercise-guide__feedback\\n      display-flex-center\\n    \",class:_vm.isMobile ? 'justify-content-center' : 'justify-content-between'},[(!_vm.showGuideContent)?_c('a',{staticClass:\"secondary-color-txt\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleGuideContent}},[_vm._v(\"Xem hướng dẫn\")]):_c('a',{staticClass:\"primary-color\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleGuideContent}},[_vm._v(\"Ẩn hướng dẫn\")]),(!_vm.isMobile)?_c('a',{staticClass:\"secondary-color-txt\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.openModalNotiErrorQuestion}},[_vm._v(\"Gửi yêu cầu!\")]):_vm._e()]),(_vm.showGuideContent)?_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"exercise-detail__guide\"},[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\"}},[_c('b-tab',{attrs:{\"title\":\"Hướng dẫn\"},on:{\"click\":_vm.onClickTab}},[_c('div',{staticClass:\"\\n              exercise-detail__guide__content\\n              font-size-16\\n              primary-color-txt\\n            \"},[_c('span',{staticClass:\"\\n                display-block\\n                font-size-16\\n                secondary-color-txt\\n                font-sanpro\\n              \"},[_vm._v(_vm._s(_vm.versionApp))]),_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(\n                _vm.authInfo.email != _vm.emailPublic\n                  ? _vm.replaceLinkImg(_vm.question.guideContent)\n                  : _vm.txtNotContent\n              )}})])]),_c('b-tab',{attrs:{\"title\":\"Lời giải chi tiết\",\"active\":_vm.question && !_vm.question.guideContent},on:{\"click\":_vm.onClickTab}},[_c('span',{staticClass:\"display-block font-size-16 secondary-color-txt font-sanpro\"},[_vm._v(_vm._s(_vm.versionApp))]),_c('div',{staticClass:\"\\n              exercise-detail__guide__content\\n              font-size-16\\n              primary-color-txt\\n            \"},[_c('div',{staticClass:\"answer__detail__content\",domProps:{\"innerHTML\":_vm._s(\n                _vm.authInfo.email != _vm.emailPublic\n                  ? _vm.replaceLinkImg(_vm.question.answerDetail)\n                  : _vm.txtNotContent\n              )}})])])],1)],1)]):_vm._e(),(_vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991)?_c('div',{staticClass:\"overlay-question\",on:{\"click\":_vm.resetValKeyboard}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"exercise-guide\">\r\n    <div\r\n      class=\"\r\n        exercise-detail__feedback\r\n        exercise-guide__feedback\r\n        display-flex-center\r\n      \"\r\n      :class=\"isMobile ? 'justify-content-center' : 'justify-content-between'\"\r\n    >\r\n      <a\r\n        href=\"javascript:;\"\r\n        v-if=\"!showGuideContent\"\r\n        class=\"secondary-color-txt\"\r\n        @click=\"toggleGuideContent\"\r\n        >Xem hướng dẫn</a\r\n      >\r\n      <a\r\n        href=\"javascript:;\"\r\n        v-else\r\n        class=\"primary-color\"\r\n        @click=\"toggleGuideContent\"\r\n        >Ẩn hướng dẫn</a\r\n      >\r\n      <a\r\n        v-if=\"!isMobile\"\r\n        href=\"javascript:;\"\r\n        class=\"secondary-color-txt\"\r\n        @click=\"openModalNotiErrorQuestion\"\r\n        >Gửi yêu cầu!</a\r\n      >\r\n    </div>\r\n    <transition name=\"fade\" v-if=\"showGuideContent\">\r\n      <div class=\"exercise-detail__guide\">\r\n        <b-tabs content-class=\"mt-3\">\r\n          <b-tab title=\"Hướng dẫn\" @click=\"onClickTab\">\r\n            <div\r\n              class=\"\r\n                exercise-detail__guide__content\r\n                font-size-16\r\n                primary-color-txt\r\n              \"\r\n            >\r\n              <span\r\n                class=\"\r\n                  display-block\r\n                  font-size-16\r\n                  secondary-color-txt\r\n                  font-sanpro\r\n                \"\r\n                >{{ versionApp }}</span\r\n              >\r\n              <!-- <template v-if=\"question && question.type && question.type === typeGroup\">\r\n                  <div class=\"child-item\" v-for=\"(guide, index) of question.listQuestionChild\" :key=\"`guide_${index}`\">\r\n                    <b v-if=\"authInfo.email != emailPublic && (isShowGuideForce || (isShowGuide && guide && guide.title))\">{{ guide.title }}</b>\r\n                    <div v-if=\"authInfo.email != emailPublic && (isShowGuideForce || (isShowGuide && guide && guide.guideContent))\" class=\"guide__content\" v-html=\"replaceLinkImg(guide.guideContent)\"></div>\r\n                  </div>\r\n                </template>\r\n                <div v-else class=\"guide__content\" v-html=\"authInfo.email != emailPublic && (isShowGuideForce || (isShowGuide && question && question.guideContent)) ? replaceLinkImg(question.guideContent) : txtNotContent\"></div> -->\r\n              <div\r\n                class=\"guide__content\"\r\n                v-html=\"\r\n                  authInfo.email != emailPublic\r\n                    ? replaceLinkImg(question.guideContent)\r\n                    : txtNotContent\r\n                \"\r\n              ></div>\r\n            </div>\r\n          </b-tab>\r\n          <b-tab\r\n            title=\"Lời giải chi tiết\"\r\n            :active=\"question && !question.guideContent\"\r\n            @click=\"onClickTab\"\r\n          >\r\n            <span\r\n              class=\"display-block font-size-16 secondary-color-txt font-sanpro\"\r\n              >{{ versionApp }}</span\r\n            >\r\n            <div\r\n              class=\"\r\n                exercise-detail__guide__content\r\n                font-size-16\r\n                primary-color-txt\r\n              \"\r\n            >\r\n              <!-- <template\r\n                v-if=\"question && question.type && question.type === typeGroup\"\r\n              >\r\n                <div\r\n                  class=\"child-item\"\r\n                  v-for=\"(and, index) of question.listQuestionChild\"\r\n                  :key=\"`and_${index}`\"\r\n                >\r\n                  <b\r\n                    v-if=\"\r\n                      authInfo.email != emailPublic &&\r\n                      (isShowGuideForce || (isShowGuide && and && and.title))\r\n                    \"\r\n                    >{{ and.title }}</b\r\n                  >\r\n                  <div\r\n                    v-if=\"\r\n                      authInfo.email != emailPublic &&\r\n                      (isShowGuideForce ||\r\n                        (isShowGuide && and && and.answerDetail))\r\n                    \"\r\n                    class=\"answer__detail__content\"\r\n                    v-html=\"replaceLinkImg(and.answerDetail)\"\r\n                  ></div>\r\n                </div>\r\n              </template>\r\n              <div\r\n                v-else\r\n                class=\"answer__detail__content\"\r\n                v-html=\"\r\n                  authInfo.email != emailPublic &&\r\n                  (isShowGuideForce ||\r\n                    (isShowGuide && question && question.answerDetail))\r\n                    ? replaceLinkImg(question.answerDetail)\r\n                    : txtNotContent\r\n                \"\r\n              ></div> -->\r\n              <div\r\n                class=\"answer__detail__content\"\r\n                v-html=\"\r\n                  authInfo.email != emailPublic\r\n                    ? replaceLinkImg(question.answerDetail)\r\n                    : txtNotContent\r\n                \"\r\n              ></div>\r\n            </div>\r\n          </b-tab>\r\n        </b-tabs>\r\n      </div>\r\n    </transition>\r\n    <div\r\n      class=\"overlay-question\"\r\n      v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991\"\r\n      @click=\"resetValKeyboard\"\r\n    ></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport {\r\n  STORE_KEY as STORE_KEY_QUESTION,\r\n  TYPE_GROUP,\r\n} from \"@/modules/question/preview-question/_store/constants\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport JWT from \"@/utils/jwt\";\r\nimport { EMAIL_PUBLIC } from \"@/store/auth/constants\";\r\nexport default {\r\n  name: \"ExerciseGuide\",\r\n  props: {\r\n    question: Object,\r\n    handleShowGuide: Boolean,\r\n    isMobile: Boolean,\r\n    isShowGuide: Boolean,\r\n  },\r\n  data() {\r\n    return {\r\n      isAuthorize: JWT.getAccessToken(),\r\n      authInfo: JWT.getAuth(),\r\n      showGuideContent: false,\r\n      typeGroup: TYPE_GROUP,\r\n      emailPublic: EMAIL_PUBLIC,\r\n      errorTypeId: 2,\r\n      txtNotContent:\r\n        '<p class=\"text-center secondary-color-txt font-size-18\">Nội dung đang được cập nhật!</p>',\r\n      isShowGuideForce: false,\r\n      configKeyclock: {},\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState(\"common\", [\"versionApp\"]),\r\n    ...mapState(STORE_KEY_QUESTION, [\"valVituralKeyboard\"]),\r\n    screenWidth() {\r\n      return window.innerWidth;\r\n    },\r\n  },\r\n  watch: {\r\n    handleShowGuide(newVal) {\r\n      this.showGuideContent = newVal;\r\n      if (this.showGuideContent) {\r\n        this.checkShowGuideForce();\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions(\"auth\", [\"setToggleLoginForm\", \"setToggleLoginSSOForm\"]),\r\n    ...mapActions(\"common\", [\"acToggleModaShowError\"]),\r\n    ...mapActions(STORE_KEY_QUESTION, [\"setVituralKeyVal\"]),\r\n    async onCheckLogin() {\r\n      if (this.authInfo.email != this.emailPublic) {\r\n        return;\r\n      }\r\n      const request = await fetch(APP_CONFIG.dataUrl + \"IsLoginkeyCloak\");\r\n      const response = await request.json();\r\n      this.configKeyclock = response;\r\n      if (this.configKeyclock.isLoginKeyClock == 0) {\r\n        this.setToggleLoginForm(true);\r\n      } else {\r\n        this.setToggleLoginSSOForm(true);\r\n      }\r\n    },\r\n    resetValKeyboard() {\r\n      this.valVituralKeyboard && this.setVituralKeyVal({});\r\n    },\r\n    onClickTab() {\r\n      this.onCheckLogin();\r\n    },\r\n    toggleGuideContent() {\r\n      this.showGuideContent = !this.showGuideContent;\r\n      if (this.showGuideContent) {\r\n        this.onCheckLogin();\r\n        this.checkShowGuideForce();\r\n      }\r\n    },\r\n    checkShowGuideForce() {\r\n      for (let i = 0; i < this.question.answers.length; i++) {\r\n        if (this.question.answers[i].answerContent) {\r\n          this.isShowGuideForce = true;\r\n        } else {\r\n          this.isShowGuideForce = false;\r\n          break;\r\n        }\r\n      }\r\n    },\r\n    openModalNotiErrorQuestion() {\r\n      this.acToggleModaShowError({\r\n        isShow: true,\r\n        errorTypeId: this.errorTypeId,\r\n      });\r\n    },\r\n\r\n    replaceLinkImg(content) {\r\n      if (!content) {\r\n        return;\r\n      }\r\n      const linkImg = new RegExp(APP_CONFIG.cmsLinkImg, \"g\");\r\n      return content.replace(linkImg, APP_CONFIG.cdnLive);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.exercise-guide {\r\n  margin-top: 20px;\r\n\r\n  &__feedback {\r\n    margin-bottom: 25px;\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!./ExerciseGuide.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!./ExerciseGuide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseGuide.vue?vue&type=template&id=7363d77f&scoped=true&\"\nimport script from \"./ExerciseGuide.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseGuide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseGuide.vue?vue&type=style&index=0&id=7363d77f&lang=scss&scoped=true&\"\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  \"7363d77f\",\n  null\n  \n)\n\nexport default component.exports","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!./ExerciseGuide.vue?vue&type=style&index=0&id=7363d77f&lang=scss&scoped=true&\""],"sourceRoot":""}