{"version":3,"sources":["webpack:///./src/components/modules/form/fill/component/sidebar.vue?8c61","webpack:///src/components/modules/form/fill/component/sidebar.vue","webpack:///./src/components/modules/form/fill/component/sidebar.vue?8e3b","webpack:///./src/components/modules/form/fill/component/sidebar.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","mode","staticClass","prms","resultCount","attemptCount","on","$event","$emit","_v","_e","_m","_l","form","s","i","key","_s","romanize","name","questions","filter","x","sId","id","q","qi","class","isFilled","attrs","resultId","sn","staticRenderFns","components","vueCustomScrollbar","props","type","Number","default","Object","methods","scrollToSection","container","section","console","log","offsetTop","$nextTick","scrollTo","alphabetize","component"],"mappings":"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","file":"js/chunk-2d22672a.ac7057d7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.mode == 2)?_c('div',{staticClass:\"td-x-20 pd-y-15 text-center\"},[(_vm.prms.resultCount < _vm.prms.attemptCount)?_c('button',{staticClass:\"btn btn-sm pd-x-15 btn-primary btn-uppercase\",on:{\"click\":function($event){return _vm.$emit('refillLessonExam')}}},[_vm._v(\" Дахин оролдох \")]):_vm._e()]):(_vm.mode == 3)?_c('div',{staticClass:\"td-x-20 pd-y-15 text-center\"},[_c('button',{staticClass:\"btn btn-sm pd-x-15 btn-primary btn-uppercase\",on:{\"click\":function($event){return _vm.$emit('showLessonExamResult')}}},[_vm._v(\" Үр дүнгүүд \")]),_vm._m(0)]):(_vm.mode == 4)?_c('div',[_vm._l((_vm.form.sections),function(s,i){return _c('div',{key:i},[_c('label',{staticClass:\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03 pd-10\"},[_vm._v(_vm._s(_vm.romanize(i + 1))+\". \"+_vm._s(s.name))]),_c('div',{staticClass:\"pd-x-20\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.form.questions.filter(function (x) { return x.sId == s.id; })),function(q,qi){return _c('div',{key:qi,class:\"align-items-center mg-b-5\"},[_c('button',{class:(\"btn mg-l-3 \" + (q.isFilled ? 'btn-primary' : '') + \" rounded-pill\"),attrs:{\"type\":\"button\"}},[_vm._v(\" \"+_vm._s(qi + 1 >= 10 ? qi + 1 : \"0\" + (qi + 1))+\" \")])])}),0)])])}),_c('div',{staticClass:\"td-x-20 pd-y-15 text-center\"},[_c('button',{staticClass:\"btn btn-sm pd-x-15 btn-warning btn-uppercase\",on:{\"click\":function($event){return _vm.$emit('finishLessonExam', _vm.form.resultId)}}},[_vm._v(\" Дуусгах \")])])],2):(_vm.mode == 0)?_c('div',_vm._l((_vm.form.sections),function(s,i){return _c('div',{key:i},[_c('label',{staticClass:\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03\"},[_vm._v(_vm._s(_vm.romanize(i + 1))+\". \"+_vm._s(s.name))]),_c('div'),_vm._l((_vm.form.questions.filter(function (x) { return x.sn.id == s.id; })),function(q,qi){return _c('button',{key:qi,staticClass:\"btn mg-l-3 rounded-pill\",class:{ 'btn-primary': q.isFilled },attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$emit('go-to-q', q.id)}}},[_vm._v(\" \"+_vm._s(qi + 1)+\" \")])})],2)}),0):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"list-group list-group-flush tx-13\"},[_c('li',{staticClass:\"list-group-item d-flex pd-sm-x-20\"},[_c('div',{staticClass:\"avatar d-none d-sm-block\"},[_c('span',{staticClass:\"avatar-initial rounded-circle bg-success\"},[_c('i',{staticClass:\"icon ion-md-checkmark\"})])]),_c('div',{staticClass:\"pd-sm-l-10\"},[_c('p',{staticClass:\"tx-medium mg-b-0\"},[_vm._v(\"Зөв хариулсан\")])])]),_c('li',{staticClass:\"list-group-item d-flex pd-sm-x-20\"},[_c('div',{staticClass:\"avatar d-none d-sm-block\"},[_c('span',{staticClass:\"avatar-initial rounded-circle bg-danger\"},[_c('i',{staticClass:\"icon ion-md-checkmark\"})])]),_c('div',{staticClass:\"pd-sm-l-10\"},[_c('p',{staticClass:\"tx-medium mg-b-0\"},[_vm._v(\"Буруу хариулсан\")])])]),_c('li',{staticClass:\"list-group-item d-flex pd-sm-x-20\"},[_c('div',{staticClass:\"avatar d-none d-sm-block\"},[_c('span',{staticClass:\"avatar-initial rounded-circle bg-warning\"},[_c('i',{staticClass:\"icon ion-md-close\"})])]),_c('div',{staticClass:\"pd-sm-l-10\"},[_c('p',{staticClass:\"tx-medium mg-b-0\"},[_vm._v(\"Бөглөөгүй\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n  <!-- {{ mode }} -->\r\n    <div v-if=\"mode == 2\" class=\"td-x-20 pd-y-15 text-center\">\r\n      <!--  -->\r\n      <button\r\n      v-if=\"prms.resultCount < prms.attemptCount\"\r\n        v-on:click=\"$emit('refillLessonExam')\"\r\n        class=\"btn btn-sm pd-x-15 btn-primary btn-uppercase\"\r\n      >\r\n        Дахин оролдох\r\n      </button>\r\n    </div>\r\n    <div v-else-if=\"mode == 3\" class=\"td-x-20 pd-y-15 text-center\">\r\n      <button\r\n        @click=\"$emit('showLessonExamResult')\"\r\n        class=\"btn btn-sm pd-x-15 btn-primary btn-uppercase\"\r\n      >\r\n        Үр дүнгүүд\r\n      </button>\r\n      <ul class=\"list-group list-group-flush tx-13\">\r\n        <li class=\"list-group-item d-flex pd-sm-x-20\">\r\n          <div class=\"avatar d-none d-sm-block\">\r\n            <span class=\"avatar-initial rounded-circle bg-success\">\r\n              <i class=\"icon ion-md-checkmark\"></i>\r\n            </span>\r\n          </div>\r\n          <div class=\"pd-sm-l-10\">\r\n            <p class=\"tx-medium mg-b-0\">Зөв хариулсан</p>\r\n          </div>\r\n        </li>\r\n\r\n        <li class=\"list-group-item d-flex pd-sm-x-20\">\r\n          <div class=\"avatar d-none d-sm-block\">\r\n            <span class=\"avatar-initial rounded-circle bg-danger\">\r\n              <i class=\"icon ion-md-checkmark\"></i>\r\n            </span>\r\n          </div>\r\n          <div class=\"pd-sm-l-10\">\r\n            <p class=\"tx-medium mg-b-0\">Буруу хариулсан</p>\r\n          </div>\r\n        </li>\r\n        <li class=\"list-group-item d-flex pd-sm-x-20\">\r\n          <div class=\"avatar d-none d-sm-block\">\r\n            <span class=\"avatar-initial rounded-circle bg-warning\">\r\n              <i class=\"icon ion-md-close\"></i>\r\n            </span>\r\n          </div>\r\n          <div class=\"pd-sm-l-10\">\r\n            <p class=\"tx-medium mg-b-0\">Бөглөөгүй</p>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    <div v-else-if=\"mode == 4\">\r\n      <div v-for=\"(s, i) in form.sections\" :key=\"i\">\r\n        <label\r\n          class=\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03 pd-10\"\r\n          >{{ romanize(i + 1) }}. {{ s.name }}</label\r\n        >\r\n        <div class=\"pd-x-20\">\r\n          <div class=\"row\">\r\n            <div\r\n              :class=\"`align-items-center mg-b-5`\"\r\n              v-for=\"(q, qi) in form.questions.filter(x => x.sId == s.id)\"\r\n              :key=\"qi\"\r\n            >\r\n              <button\r\n                type=\"button\"\r\n                :class=\"\r\n                  `btn mg-l-3 ${q.isFilled ? 'btn-primary' : ''} rounded-pill`\r\n                \"\r\n              >\r\n                {{ qi + 1 >= 10 ? qi + 1 : \"0\" + (qi + 1) }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"td-x-20 pd-y-15 text-center\">\r\n        <button\r\n          @click=\"$emit('finishLessonExam', form.resultId)\"\r\n          class=\"btn btn-sm pd-x-15 btn-warning btn-uppercase\"\r\n        >\r\n          Дуусгах\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div v-else-if=\"mode == 0\">\r\n      <!-- <div>\r\n    <div style=\"height: 300px; width: 300px; overflow: auto\">\r\n      <div ref=\"scrollContainer\">\r\n        <div id=\"section1\" style=\"height: 500px; border: 1px solid #ccc;\">\r\n          Section 1\r\n        </div>\r\n        <div id=\"section2\" style=\"height: 500px; border: 1px solid #ccc;\">\r\n          Section 2\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <button @click=\"scrollToSection('section2')\">Scroll to Section 2</button>\r\n  </div> -->\r\n\r\n      <div v-for=\"(s, i) in form.sections\" :key=\"i\">\r\n        <label\r\n          class=\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03\"\r\n          >{{ romanize(i + 1) }}. {{ s.name }}</label\r\n        >\r\n        <div></div>\r\n        <button @click=\"$emit('go-to-q', q.id)\"\r\n          type=\"button\"\r\n          class=\"btn mg-l-3 rounded-pill\"\r\n          :class=\"{ 'btn-primary': q.isFilled }\"\r\n          v-for=\"(q, qi) in form.questions.filter(x => x.sn.id == s.id)\"\r\n          :key=\"qi\"\r\n        >\r\n          {{ qi + 1 }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vueCustomScrollbar from \"vue-custom-scrollbar\";\r\nimport { romanize, alphabetize } from \"@/libs/tools\";\r\n\r\nexport default {\r\n  components:{\r\n    vueCustomScrollbar\r\n  },\r\n  props: {\r\n    mode: {\r\n      type: Number,\r\n      default: () => 0\r\n    },\r\n    form: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    prms: {\r\n      type: Object,\r\n      default: () => {}\r\n    }\r\n  },\r\n  methods: {\r\n    scrollToSection(sectionId) {\r\n      const container = this.$refs.scrollContainer;\r\n      const section = document.getElementById(sectionId);\r\n\r\n      if (container && section) {\r\n        // container.scrollTop = section.offsetTop;\r\n        console.log('section.offsetTop', section.offsetTop);\r\n        this.$nextTick(() => {\r\n          container.scrollTo(0, section.offsetTop, 500);\r\n        });\r\n        \r\n      }\r\n    },\r\n    romanize(v) {\r\n      return romanize(v);\r\n    },\r\n    alphabetize(v) {\r\n      return alphabetize(v);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","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!./sidebar.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!./sidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./sidebar.vue?vue&type=template&id=785c4ac0&\"\nimport script from \"./sidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./sidebar.vue?vue&type=script&lang=js&\"\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":""}