{"version":3,"sources":["webpack:///./src/modules/exercise-mobile/_components/question/preview-question/PreviewAnswerItem.vue?d7cc","webpack:///./src/modules/exercise-mobile/_components/question/preview-question/PreviewAnswerItem.vue?01bd","webpack:///src/modules/exercise-mobile/_components/question/preview-question/PreviewAnswerItem.vue","webpack:///./src/modules/exercise-mobile/_components/question/preview-question/PreviewAnswerItem.vue?cc72","webpack:///./src/modules/exercise-mobile/_components/question/preview-question/PreviewAnswerItem.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isDontShowResultSaved","statusCorrect","parent","isNoAnswer","type","types","TYPE_RADIO","dataSource","success","statusWorked","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","_e","staticRenderFns","name","props","components","EdittorCKAnswer","MultipleChoice","MultipleAnswer","fillBlankOrSelect","FillInputImg","MathCol","TrueFalseAnswer","Loading","data","watch","setTimeout","methods","evt","position","component"],"mappings":"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","file":"js/chunk-19303566.88902e03.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!./PreviewAnswerItem.vue?vue&type=style&index=0&id=9c4941e6&lang=scss&scoped=true&\"","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:{'answer__err': !_vm.isDontShowResultSaved && _vm.statusCorrect === 'err', \n          'answer__true': (!_vm.isDontShowResultSaved && ( (_vm.statusCorrect === 'success' && !_vm.parent.isNoAnswer) || (_vm.statusCorrect === 'success' && _vm.parent.isNoAnswer && _vm.parent.type === _vm.types.TYPE_RADIO) || _vm.dataSource.success || ( _vm.parent.statusWorked && ((_vm.dataSource.content && _vm.dataSource.content === _vm.dataSource.correct) || (!_vm.dataSource.content && _vm.dataSource.answerContent))) ) ) || (_vm.isDontShowResultSaved && _vm.dataSource.answerContent && _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}}):(_vm.type === _vm.types.TYPE_CHECKBOX || _vm.type === _vm.types.TYPE_X_MARK || _vm.type === _vm.types.TYPE_CIRCLE_ANSWER)?_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))}}):_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\t<div class=\"answer__wrap answer-content position-rel\" \r\n\t\t:class=\"{'answer__err': !isDontShowResultSaved && statusCorrect === 'err', \r\n          'answer__true': (!isDontShowResultSaved && ( (statusCorrect === 'success' && !parent.isNoAnswer) || (statusCorrect === 'success' && parent.isNoAnswer && parent.type === types.TYPE_RADIO) || dataSource.success || ( parent.statusWorked && ((dataSource.content && dataSource.content === dataSource.correct) || (!dataSource.content && dataSource.answerContent))) ) ) || (isDontShowResultSaved && dataSource.answerContent && type === types.TYPE_RADIO)\r\n      }\"\r\n\t>\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\t\t<!-- 'answer__true': statusCorrect === 'success' || dataSource.success || (parent.statusWorked && dataSource.content === dataSource.correct) -->\r\n\t\t<template v-if=\"!isLoadChange\">\r\n\t\t\t<MultipleChoice \r\n\t\t\t\tv-if=\"type === types.TYPE_RADIO\"\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\t\t\t<MultipleAnswer \r\n\t\t\t\tv-else-if=\"type === types.TYPE_CHECKBOX || type === types.TYPE_X_MARK || type === types.TYPE_CIRCLE_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:statusCorrect=\"statusCorrect\"\r\n        :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n\t\t\t\t@changeAnswer=\"changeAnswer\"\r\n\t\t\t/>\r\n\t\t\t<fillBlankOrSelect \r\n\t\t\t\tv-else-if=\"type === types.TYPE_FILL_BLANK || type === types.TYPE_SELECT\"\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        :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n\t\t\t\t@changeAnswer=\"changeAnswer\"\r\n\t\t\t/>\r\n\t\t\t<MathCol \r\n\t\t\t\tv-else-if=\"type === types.TYPE_MATH_COL\"\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        :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n\t\t\t\t@changeAnswer=\"changeAnswer\"\r\n\t\t\t/>\r\n\t\t\t<TrueFalseAnswer \r\n\t\t\t\tv-else-if=\"type === types.TYPE_TRUE_FALSE_NO\"\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\t\t\t<FillInputImg \r\n\t\t\t\tv-else-if=\"type === types.TYPE_FILL_INPUT_IMG\"\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\t\t\t<!-- <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\t\t\t<EdittorCKAnswer\r\n\t\t\t\tv-else-if=\"type === types.TYPE_DOWN_ANSWER\"\r\n\t\t\t\t:contentEditor=\"dataSource.answerContent\"\r\n\t\t\t\t:fillBlank=\"false\"\r\n\t\t\t\t:position=\"`answer_${dataSource.questionId}`\"\r\n\t\t\t/>\r\n\t\t</template>\r\n\t\t<template v-else>\r\n\t\t\t<loading \r\n\t      :active.sync=\"isLoadChange\" \r\n\t      :is-full-page=\"true\"\r\n\t      color=\"#0f3dba\"\r\n\t    />\r\n\t\t</template>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport * as types from './_store/constants'\r\n\t// import { CHANGE_TXT_ANSWER } from '@/modules/commons/_store/constants'\r\n\t// import { mapGetters, mapActions } from 'vuex'\r\n\timport Loading from 'vue-loading-overlay';\r\n\r\n\texport default {\r\n\t\tname: 'PreviewAnswerItem',\r\n\t\tprops: {\r\n\t\t\ttype: String, \r\n\t\t\tdataSource: Object,\r\n\t\t\tnameField: String,\r\n\t\t\tlocation: Number,\r\n\t\t\tparent: Object,\r\n\t\t\tstatusCorrect: String,\r\n      isDontShowResultSaved: Boolean\r\n\t\t},\r\n\t\tcomponents: {\r\n\t\t\tEdittorCKAnswer: () => import('@/modules/question/EdittorCKAnswer.vue'),\r\n\t\t\tMultipleChoice: () => import('./answers/multiple-choice/MultipleChoice.vue'),\r\n\t\t\tMultipleAnswer: () => import('./answers/multiple-answers/MultipleAnswer.vue'),\r\n\t\t\tfillBlankOrSelect: () => import('./answers/fill-blank-select/fillBlankOrSelect.vue'),\r\n\t\t\tFillInputImg: () => import('./answers/fill-input-img/FillInputImg.vue'),\r\n\t\t\tMathCol: () => import('./answers/math-col/MathCol.vue'),\r\n\t\t\tTrueFalseAnswer: () => import('./answers/true-false/TrueFalseAnswer.vue'),\r\n\t\t\t// DrawShapeAnswer: () => import('./answers/draw-shape/DrawShapeAnswer.vue'),\r\n\t\t\tLoading\r\n\t\t},\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tisLoadChange: false,\r\n\t\t\t\ttypes\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tparent() {\r\n\t\t\t\t// Reset missing answer content\r\n\t\t\t\tthis.isLoadChange = true;\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.isLoadChange = false;\r\n\t\t\t\t}, 1)\r\n\t\t\t}\r\n\t\t},\r\n\t\t// created() {\r\n\t\t// \tthis.$bus.on(`${CHANGE_TXT_ANSWER}_0`, this.handleChangeTxtAnswer)\r\n\t\t// },\r\n\t\t// destroyed() {\r\n\t\t//     this.$bus.off(`${CHANGE_TXT_ANSWER}_0`, this.handleChangeTxtAnswer);\r\n\t\t// },\r\n\t\tmethods: {\r\n\r\n\t\t\tchangeAnswer(evt, data) {\r\n\t\t\t\tlet valueEmit = {...data, evt, position: data.location};\r\n\t\t\t\tdelete valueEmit.location;\r\n\t\t\t\tthis.$emit('changeAnswer', valueEmit)\r\n\t\t\t},\r\n\t\t\t// handleChangeTxtAnswer(val) {\r\n\t\t\t// \tlet valueEmit = {type: types.TYPE_DOWN_ANSWER, questionId: parseInt(val.question), value: val.html, position: 0};\r\n\t\t\t// \tthis.$emit('changeAnswer', valueEmit)\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.answer-val * {\r\n\t\t&:not(.msupsub) {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tcolor: #000;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n\tdiv.answer-down{\r\n\t\tbackground-image:\r\n\t\t\t\t-webkit-linear-gradient(right, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 11%,rgba(255,255,255,0) 100%),\r\n\t\t\t\t-webkit-linear-gradient(bottom, rgba(128,128,128,1) 5%, rgba(128,128,128,0) 8%, rgba(128,128,128,0) 100%);\r\n\t\t-webkit-background-size: 12px 24px;\r\n\t\t-moz-background-size: 12px 24px;\r\n\t\t-ms-background-size: 12px 24px;\r\n\t\t-o-background-size: 12px 24px;\r\n\t\tbackground-size: 12px 24px;\r\n\t\tline-height: 31px;\r\n\t\tpadding: 8px 10px;\r\n\t\twidth: 100%;\r\n\t\tborder: none;\r\n\t\tdisplay: block;\r\n\t\tmin-height: 80px;\r\n\t}\r\n\r\n\t.answer-fill-sentence:not(.answer-select-select) >label >b {padding-top: 3px;}\r\n\t.answer-fill-sentence >label >b {min-width: 30px; margin-right: 5px;}\r\n\r\n\t.sentence-content {\r\n\t\tmargin-bottom: 8px;\r\n\t\twidth: calc(100% - 35px);\r\n\t}\r\n\r\n\t.select-success, .select-error {\r\n\t\tdisplay: inherit;\r\n\t}\r\n\t// .answer-match-item {\r\n\t// \tpadding: 7px 10px;\r\n\t// }\r\n\t@media (max-width: 1024px){\r\n\t\t.sectence-content{\r\n\t\t\toverflow: auto !important;\r\n\t\t}\r\n\t}\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=9c4941e6&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=9c4941e6&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  \"9c4941e6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}