{"version":3,"sources":["webpack:///./src/modules/question/preview-question/PreviewAnswerItem.vue?f69e","webpack:///src/modules/question/preview-question/PreviewAnswerItem.vue","webpack:///./src/modules/question/preview-question/PreviewAnswerItem.vue?6a71","webpack:///./src/modules/question/preview-question/PreviewAnswerItem.vue","webpack:///./src/modules/question/preview-question/PreviewAnswerItem.vue?5f04"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isDontShowResultSaved","parent","statusWorked","isWorked","answer__err","statusCorrect","answer__true","isNoAnswer","type","types","TYPE_RADIO","dataSource","success","content","correct","answerContent","isLoadChange","attrs","on","$event","nameField","location","changeAnswer","TYPE_CHECKBOX","TYPE_X_MARK","TYPE_CIRCLE_ANSWER","TYPE_FILL_BLANK","TYPE_SELECT","TYPE_MATH_COL","TYPE_TRUE_FALSE_NO","TYPE_FILL_INPUT_IMG","TYPE_DOWN_ANSWER","changeAnswerEdittorCK","_e","staticRenderFns","name","props","components","EdittorCKAnswer","MultipleChoice","MultipleAnswer","fillBlankOrSelect","FillInputImg","MathCol","TrueFalseAnswer","Loading","data","watch","setTimeout","created","CHANGE_TXT_ANSWER","destroyed","methods","evt","position","handleChangeTxtAnswer","val","value","component"],"mappings":"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","file":"js/chunk-5c7ea4c4.60da1ead.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer__wrap answer-content position-rel\",class:{\n      'evt-none':\n        !_vm.isDontShowResultSaved && (_vm.parent.statusWorked || _vm.parent.isWorked),\n      answer__err: !_vm.isDontShowResultSaved && _vm.statusCorrect === 'err',\n      answer__true:\n        (!_vm.isDontShowResultSaved &&\n          ((_vm.statusCorrect === 'success' && !_vm.parent.isNoAnswer) ||\n            (_vm.statusCorrect === 'success' &&\n              _vm.parent.isNoAnswer &&\n              _vm.parent.type === _vm.types.TYPE_RADIO) ||\n            _vm.dataSource.success ||\n            (_vm.parent.statusWorked &&\n              ((_vm.dataSource.content &&\n                _vm.dataSource.content === _vm.dataSource.correct) ||\n                (!_vm.dataSource.content && _vm.dataSource.answerContent))))) ||\n        (_vm.isDontShowResultSaved &&\n          _vm.dataSource.answerContent &&\n          _vm.type === _vm.types.TYPE_RADIO),\n    }},[(!_vm.isLoadChange)?[(_vm.type === _vm.types.TYPE_RADIO)?_c('MultipleChoice',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent},on:{\"changeAnswer\":_vm.changeAnswer}}):(\n          _vm.type === _vm.types.TYPE_CHECKBOX ||\n          _vm.type === _vm.types.TYPE_X_MARK ||\n          _vm.type === _vm.types.TYPE_CIRCLE_ANSWER\n        )?_c('MultipleAnswer',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent,\"statusCorrect\":_vm.statusCorrect,\"isDontShowResultSaved\":_vm.isDontShowResultSaved},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_FILL_BLANK || _vm.type === _vm.types.TYPE_SELECT)?_c('fillBlankOrSelect',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent,\"isDontShowResultSaved\":_vm.isDontShowResultSaved},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_MATH_COL)?_c('MathCol',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent,\"isDontShowResultSaved\":_vm.isDontShowResultSaved},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_TRUE_FALSE_NO)?_c('TrueFalseAnswer',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_FILL_INPUT_IMG)?_c('FillInputImg',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_DOWN_ANSWER)?_c('EdittorCKAnswer',{attrs:{\"contentEditor\":_vm.dataSource.answerContent,\"fillBlank\":false,\"position\":(\"answer_\" + (_vm.dataSource.questionId))},on:{\"changeAnswerEdittorCK\":_vm.changeAnswerEdittorCK}}):_vm._e()]:[_c('loading',{attrs:{\"active\":_vm.isLoadChange,\"is-full-page\":true,\"color\":\"#0f3dba\"},on:{\"update:active\":function($event){_vm.isLoadChange=$event}}})]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"answer__wrap answer-content position-rel\"\r\n    :class=\"{\r\n      'evt-none':\r\n        !isDontShowResultSaved && (parent.statusWorked || parent.isWorked),\r\n      answer__err: !isDontShowResultSaved && statusCorrect === 'err',\r\n      answer__true:\r\n        (!isDontShowResultSaved &&\r\n          ((statusCorrect === 'success' && !parent.isNoAnswer) ||\r\n            (statusCorrect === 'success' &&\r\n              parent.isNoAnswer &&\r\n              parent.type === types.TYPE_RADIO) ||\r\n            dataSource.success ||\r\n            (parent.statusWorked &&\r\n              ((dataSource.content &&\r\n                dataSource.content === dataSource.correct) ||\r\n                (!dataSource.content && dataSource.answerContent))))) ||\r\n        (isDontShowResultSaved &&\r\n          dataSource.answerContent &&\r\n          type === types.TYPE_RADIO),\r\n    }\"\r\n  >\r\n    <!-- 'answer__true': statusCorrect === 'success' || dataSource.success || (parent.statusWorked && dataSource.content === dataSource.correct && dataSource.answerContent) -->\r\n    <!-- 'answer__true': (statusCorrect === 'success' || dataSource.success) && (parent.statusWorked && dataSource.content === dataSource.correct) -->\r\n    <!-- 'answer__true': statusCorrect === 'success' || dataSource.success || (parent.statusWorked && dataSource.content === dataSource.correct) -->\r\n    <template v-if=\"!isLoadChange\">\r\n      <MultipleChoice\r\n        v-if=\"type === types.TYPE_RADIO\"\r\n        :dataSource=\"dataSource\"\r\n        :nameField=\"nameField\"\r\n        :location=\"location\"\r\n        :parent=\"parent\"\r\n        @changeAnswer=\"changeAnswer\"\r\n      />\r\n      <MultipleAnswer\r\n        v-else-if=\"\r\n          type === types.TYPE_CHECKBOX ||\r\n          type === types.TYPE_X_MARK ||\r\n          type === types.TYPE_CIRCLE_ANSWER\r\n        \"\r\n        :dataSource=\"dataSource\"\r\n        :nameField=\"nameField\"\r\n        :location=\"location\"\r\n        :parent=\"parent\"\r\n        :statusCorrect=\"statusCorrect\"\r\n        :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n        @changeAnswer=\"changeAnswer\"\r\n      />\r\n      <fillBlankOrSelect\r\n        v-else-if=\"type === types.TYPE_FILL_BLANK || type === types.TYPE_SELECT\"\r\n        :dataSource=\"dataSource\"\r\n        :nameField=\"nameField\"\r\n        :location=\"location\"\r\n        :parent=\"parent\"\r\n        :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n        @changeAnswer=\"changeAnswer\"\r\n      />\r\n      <MathCol\r\n        v-else-if=\"type === types.TYPE_MATH_COL\"\r\n        :dataSource=\"dataSource\"\r\n        :nameField=\"nameField\"\r\n        :location=\"location\"\r\n        :parent=\"parent\"\r\n        :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n        @changeAnswer=\"changeAnswer\"\r\n      />\r\n      <TrueFalseAnswer\r\n        v-else-if=\"type === types.TYPE_TRUE_FALSE_NO\"\r\n        :dataSource=\"dataSource\"\r\n        :nameField=\"nameField\"\r\n        :location=\"location\"\r\n        :parent=\"parent\"\r\n        @changeAnswer=\"changeAnswer\"\r\n      />\r\n      <FillInputImg\r\n        v-else-if=\"type === types.TYPE_FILL_INPUT_IMG\"\r\n        :dataSource=\"dataSource\"\r\n        :nameField=\"nameField\"\r\n        :location=\"location\"\r\n        :parent=\"parent\"\r\n        @changeAnswer=\"changeAnswer\"\r\n      />\r\n      <!-- <DrawShapeAnswer \r\n\t\t\t\tv-else-if=\"type === types.TYPE_DRAW_SHAPE_ANSWER\"\r\n\t\t\t\t:dataSource=\"dataSource\"\r\n\t\t\t\t:nameField=\"nameField\"\r\n\t\t\t\t:location=\"location\"\r\n\t\t\t\t:parent=\"parent\"\r\n\t\t\t\t@changeAnswer=\"changeAnswer\"\r\n\t\t\t/> -->\r\n      <EdittorCKAnswer\r\n        v-else-if=\"type === types.TYPE_DOWN_ANSWER\"\r\n        :contentEditor=\"dataSource.answerContent\"\r\n        :fillBlank=\"false\"\r\n        :position=\"`answer_${dataSource.questionId}`\"\r\n        @changeAnswerEdittorCK=\"changeAnswerEdittorCK\"\r\n      />\r\n    </template>\r\n    <template v-else>\r\n      <loading\r\n        :active.sync=\"isLoadChange\"\r\n        :is-full-page=\"true\"\r\n        color=\"#0f3dba\"\r\n      />\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as types from \"./_store/constants\";\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\n// import { mapGetters, mapActions } from 'vuex'\r\nimport Loading from \"vue-loading-overlay\";\r\n\r\nexport default {\r\n  name: \"PreviewAnswerItem\",\r\n  props: {\r\n    type: String,\r\n    dataSource: Object,\r\n    nameField: String,\r\n    location: Number,\r\n    parent: Object,\r\n    statusCorrect: String,\r\n    isDontShowResultSaved: Boolean,\r\n  },\r\n  components: {\r\n    EdittorCKAnswer: () => import(\"@/modules/question/EdittorCKAnswer.vue\"),\r\n    MultipleChoice: () =>\r\n      import(\"./answers/multiple-choice/MultipleChoice.vue\"),\r\n    MultipleAnswer: () =>\r\n      import(\"./answers/multiple-answers/MultipleAnswer.vue\"),\r\n    fillBlankOrSelect: () =>\r\n      import(\"./answers/fill-blank-select/fillBlankOrSelect.vue\"),\r\n    FillInputImg: () => import(\"./answers/fill-input-img/FillInputImg.vue\"),\r\n    MathCol: () => import(\"./answers/math-col/MathCol.vue\"),\r\n    TrueFalseAnswer: () => import(\"./answers/true-false/TrueFalseAnswer.vue\"),\r\n    // DrawShapeAnswer: () => import('./answers/draw-shape/DrawShapeAnswer.vue'),\r\n    Loading,\r\n  },\r\n  data() {\r\n    return {\r\n      isLoadChange: false,\r\n      types,\r\n    };\r\n  },\r\n  watch: {\r\n    parent() {\r\n      // Reset missing answer content\r\n      this.isLoadChange = true;\r\n      setTimeout(() => {\r\n        this.isLoadChange = false;\r\n      }, 1);\r\n    },\r\n  },\r\n  created() {\r\n    this.$bus.on(\r\n      `${CHANGE_TXT_ANSWER}_${this.dataSource.questionId}`,\r\n      this.handleChangeTxtAnswer\r\n    );\r\n  },\r\n  destroyed() {\r\n    this.$bus.off(\r\n      `${CHANGE_TXT_ANSWER}_${this.dataSource.questionId}`,\r\n      this.handleChangeTxtAnswer\r\n    );\r\n  },\r\n  methods: {\r\n    changeAnswer(evt, data) {\r\n      let valueEmit = { ...data, evt, position: data.location };\r\n      delete valueEmit.location;\r\n      this.$emit(\"changeAnswer\", valueEmit);\r\n    },\r\n    handleChangeTxtAnswer(val) {\r\n      // console.log('Data answer senf:', val)\r\n      // let valueEmit = {type: types.TYPE_DOWN_ANSWER, questionId: parseInt(val.question), value: val.html, position: 0};\r\n      this.dataSource.answerContent = val.html;\r\n      // this.$emit('changeAnswer', valueEmit)\r\n    },\r\n    changeAnswerEdittorCK(value) {\r\n      this.dataSource.answerContent = value;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.answer-val * {\r\n  &:not(.msupsub) {\r\n    font-size: 16px;\r\n    color: #000;\r\n  }\r\n}\r\n\r\ndiv.answer-down {\r\n  background-image: -webkit-linear-gradient(\r\n      right,\r\n      rgba(255, 255, 255, 1) 5%,\r\n      rgba(255, 255, 255, 1) 90%,\r\n      rgba(255, 255, 255, 0) 11%,\r\n      rgba(255, 255, 255, 0) 100%\r\n    ),\r\n    -webkit-linear-gradient(bottom, rgba(128, 128, 128, 1) 5%, rgba(\r\n            128,\r\n            128,\r\n            128,\r\n            0\r\n          )\r\n          8%, rgba(128, 128, 128, 0) 100%);\r\n\r\n  -webkit-background-size: 12px 24px;\r\n  -moz-background-size: 12px 24px;\r\n  -ms-background-size: 12px 24px;\r\n  -o-background-size: 12px 24px;\r\n  background-size: 12px 24px;\r\n  line-height: 31px;\r\n  padding: 8px 10px;\r\n  width: 100%;\r\n  border: none;\r\n  display: block;\r\n  min-height: 80px;\r\n}\r\n\r\n.answer-fill-sentence:not(.answer-select-select) > label > b {\r\n  padding-top: 3px;\r\n}\r\n.answer-fill-sentence > label > b {\r\n  min-width: 30px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.sentence-content {\r\n  margin-bottom: 8px;\r\n  width: calc(100% - 35px);\r\n}\r\n\r\n.select-success,\r\n.select-error {\r\n  display: inherit;\r\n}\r\n.answer-match-item {\r\n  padding: 7px 10px;\r\n}\r\n@media (max-width: 1024px) {\r\n  .sectence-content {\r\n    overflow: auto !important;\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!./PreviewAnswerItem.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!./PreviewAnswerItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PreviewAnswerItem.vue?vue&type=template&id=69b407d4&scoped=true&\"\nimport script from \"./PreviewAnswerItem.vue?vue&type=script&lang=js&\"\nexport * from \"./PreviewAnswerItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PreviewAnswerItem.vue?vue&type=style&index=0&id=69b407d4&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  \"69b407d4\",\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!./PreviewAnswerItem.vue?vue&type=style&index=0&id=69b407d4&lang=scss&scoped=true&\""],"sourceRoot":""}