{"version":3,"sources":["webpack:///./src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue?a26a","webpack:///./src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue?116b","webpack:///src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue","webpack:///./src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue?a1b1","webpack:///./src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","parent","attrs","disabled","nameField","domProps","dataSource","content","imageUrl","success","err","answerContent","on","$event","handleChangeAnswer","location","type","questionId","isDontShowResultSaved","statusCorrect","_v","_s","code","_e","staticRenderFns","name","props","default","mixins","data","mounted","methods","evt","console","component"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+BAA+BC,MAAO,WAAcP,EAAIQ,OAAW,MAAI,CAACJ,EAAG,QAAQ,CAACK,MAAM,CAAC,SAAWT,EAAIU,SAAS,KAAOV,EAAIW,UAAU,KAAO,YAAYC,SAAS,CAAC,MAAQZ,EAAIa,WAAWC,QAAUd,EAAIa,WAAWC,QAAUd,EAAIa,WAAWE,SAAS,QAAUf,EAAIa,WAAWG,SAAWhB,EAAIa,WAAWI,KAAOjB,EAAIa,WAAWK,eAAeC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOpB,EAAIqB,mBAAmBD,EAAQ,CAACE,SAAUtB,EAAIsB,SAAUC,KAAMvB,EAAIQ,OAAOe,KAAMC,WAAYxB,EAAIa,WAAWW,WAAYX,WAAYb,EAAIa,iBAAiBT,EAAG,QAAQ,CAACE,YAAY,sBAAsBC,MAAM,CAC7qB,aAAgBP,EAAIyB,uBAA+C,QAAtBzB,EAAI0B,cACrD,cAAiB1B,EAAIyB,uBAA+C,YAAtBzB,EAAI0B,gBAChD,CAACtB,EAAG,OAAO,CAACE,YAAY,4BAA4BF,EAAG,OAAO,CAACE,YAAY,kCAAkC,CAAEN,EAAIa,WAAe,KAAET,EAAG,IAAI,CAACJ,EAAI2B,GAAG3B,EAAI4B,GAAG5B,EAAIa,WAAWgB,MAAM,OAAO7B,EAAI8B,KAAK1B,EAAG,OAAO,CAACQ,SAAS,CAAC,UAAYZ,EAAI4B,GAAG5B,EAAIa,WAAWC,mBACxPiB,EAAkB,G,YCkBtB,GACAC,sBACAC,OACAvB,UACAa,aACAW,aAGAC,gBACAC,KATA,WAUA,UAGAC,QAbA,aAeAC,SACAjB,mBADA,SACAkB,EAAAH,GAEA,mBACAA,gCACAI,+CAEA,0BC5CoZ,I,wBCQhZC,EAAY,eACd,EACA1C,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAU,E","file":"js/chunk-b1c2d850.04a3633b.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!./MultipleAnswer.vue?vue&type=style&index=0&id=652f1265&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-checkbox position-rel\",class:(\"answer--\" + (_vm.parent.type))},[_c('input',{attrs:{\"disabled\":_vm.disabled,\"name\":_vm.nameField,\"type\":\"checkbox\"},domProps:{\"value\":_vm.dataSource.content ? _vm.dataSource.content : _vm.dataSource.imageUrl,\"checked\":_vm.dataSource.success || _vm.dataSource.err || _vm.dataSource.answerContent},on:{\"change\":function($event){return _vm.handleChangeAnswer($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId, dataSource: _vm.dataSource})}}}),_c('label',{staticClass:\"display-flex-center\",class:{\n        'answer__err': !_vm.isDontShowResultSaved && _vm.statusCorrect === 'err',\n\t\t\t\t'answer__true': !_vm.isDontShowResultSaved && _vm.statusCorrect === 'success'\n\t\t\t}},[_c('span',{staticClass:\"check-icon position-rel\"}),_c('span',{staticClass:\"check-data display-flex-center\"},[(_vm.dataSource.code)?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\" \")]):_vm._e(),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"answer-checkbox position-rel\" :class=\"`answer--${parent.type}`\">\r\n\t\t<input :disabled=\"disabled\" :name=\"nameField\" type=\"checkbox\" :value=\"dataSource.content ? dataSource.content : dataSource.imageUrl\" :checked=\"dataSource.success || dataSource.err || dataSource.answerContent\" @change=\"handleChangeAnswer($event, {location, type: parent.type, questionId: dataSource.questionId, dataSource})\">\r\n\t\t<label\r\n\t\t\tclass=\"display-flex-center\"\r\n\t\t\t:class=\"{\r\n        'answer__err': !isDontShowResultSaved && statusCorrect === 'err',\r\n\t\t\t\t'answer__true': !isDontShowResultSaved && statusCorrect === 'success'\r\n\t\t\t}\"\r\n\t\t>\r\n\t\t\t<span class=\"check-icon position-rel\"></span>\r\n\t\t\t<span class=\"check-data display-flex-center\">\r\n\t\t\t\t<b v-if=\"dataSource.code\">{{ dataSource.code }} </b>\r\n\t\t\t\t<span v-html=\"dataSource.content\"></span>\r\n\t\t\t</span>\r\n\t\t</label>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport mixinsQuestionPreview from './../../_store/mixinsQuestionPreview'\r\n\r\n\texport default {\r\n\t\tname: 'MultipleAnswer',\r\n\t\tprops: {\r\n\t\t\tdisabled: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false\r\n\t\t\t}\r\n\t\t},\r\n\t\tmixins: [ mixinsQuestionPreview ],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted(){\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\thandleChangeAnswer(evt, data) {\r\n\t\t\t\t\r\n\t\t\t\tif(!evt.target.checked) {\r\n\t\t\t\t\tdata.dataSource.answerContent = null\r\n\t\t\t\t\tconsole.log(data.dataSource.answerContent,'xóa')\r\n\t\t\t\t}\r\n\t\t\t\tthis.changeAnswer(evt, data)\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@import './../../../../../assets/scss/mixins';\r\n\t@import './../../../../../assets/scss/variables';\r\n\t@import './../../../../../assets/scss/general';\r\n\r\n\t.answer-checkbox {\r\n\t\tmargin-bottom: 15px;\r\n\r\n\t\tinput {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tcursor: pointer;\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: 1;\r\n\r\n\t\t\t&:checked ~ label {\r\n\t\t\t\t&:not(.answer__err) {\r\n\t\t\t\t\t.check-icon {\r\n\t\t\t\t\t\tborder-color: $color_success;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.check-icon:after {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlabel {\r\n\t\t\tcolor: $color_txt;\r\n\r\n\t\t\tb {\r\n\t\t\t\tmargin-right: 15px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t// &:before, &:after {\r\n\t\t\t// \tcontent: \"\";\r\n\t\t\t// }\r\n\r\n\t\t\t.check-icon {\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t\tborder: 1px solid #ccc;\r\n\t\t\t\tmargin-right: 8px;\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 16px;\r\n\t\t\t\t    height: 16px;\r\n\t\t\t\t    position: absolute;\r\n\t\t\t\t    left: 1px;\r\n\t\t\t\t    opacity: 0;\r\n\t\t\t\t    @extend .position-center-y;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.check-data display-flex-center {\r\n\t\t\t\twidth: calc(100% - 28px);\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&:not(.answer__error) {\r\n\t\t\t\t.check-icon:after {\r\n\t\t\t\t\tbackground: url('./../../../../../assets/images/tick.png') no-repeat;\r\n\t\t\t\t\tbackground-size: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.answer__err {\r\n\t\t\t\tcolor: $color_err_question;\r\n\t\t\t\t.check-icon {\r\n\t\t\t\t\tborder-color: $color_err_question;\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tbackground: url('./../../../../../assets/images/tick-error.png') no-repeat;\r\n\t\t\t\t\t\tbackground-size: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.answer--x_mark_answer {\r\n\t\t\tlabel {\r\n\t\t\t\t.check-icon {\r\n\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tbackground: url('./../../../../../assets/images/x-mark.png') no-repeat;\r\n\t\t\t\t\t\tbackground-size: 80%;\r\n\t    \t\t\t\tbackground-position: center;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.answer__err {\r\n\t\t\t\t\t.check-icon {\r\n\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground: url('./../../../../../assets/images/x-mark-error.png') no-repeat;\r\n\t\t\t\t\t\t\tbackground-size: 80%;\r\n\t    \t\t\t\t\tbackground-position: center;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.answer--circle_answer {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tlabel {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tpadding: 6px 15px;\r\n\r\n\t\t\t\t.check-icon {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// &:not(.answer__err) {\r\n\t\t\t\t// \t&:before {\r\n\t\t\t\t// \t\tborder: 1px solid $primary_color;\r\n\t\t\t\t// \t}\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\r\n\t\t\tinput:checked ~ label:before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tborder: 1px solid $primary_color;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t.question--circle_answer {\r\n\t\t.answer__true {\r\n\t\t\tlabel:before, input:checked ~ label:before {\r\n\t\t\t\tborder: 1px solid $color_success;\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.answer__err {\r\n\t\t\tlabel:before, input:checked ~ label:before {\r\n\t\t\t\tborder: 1px solid $color_err_question;\r\n\t\t\t}\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!./MultipleAnswer.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!./MultipleAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultipleAnswer.vue?vue&type=template&id=652f1265&scoped=true&\"\nimport script from \"./MultipleAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./MultipleAnswer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultipleAnswer.vue?vue&type=style&index=0&id=652f1265&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  \"652f1265\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}