{"version":3,"sources":["webpack:///./src/components/modules/form/fill/component/sidebar.vue","webpack:///src/components/modules/form/fill/component/sidebar.vue","webpack:///./src/components/modules/form/fill/component/sidebar.vue?b523","webpack:///./src/components/modules/form/fill/component/sidebar.vue?ea07"],"names":["render","_vm","this","_c","_self","mode","staticClass","prms","resultCount","attemptCount","on","$event","$emit","_v","_e","_m","_l","form","sections","s","i","key","_s","romanize","name","questions","filter","x","sId","id","q","qi","class","concat","isFilled","attrs","resultId","sn","staticRenderFns","components","vueCustomScrollbar","props","type","Number","default","Object","methods","scrollToSection","sectionId","container","$refs","scrollContainer","section","document","getElementById","$nextTick","scrollTo","offsetTop","v","alphabetize","component"],"mappings":"6KAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAc,GAAZF,EAAII,KAAWF,EAAG,MAAM,CAACG,YAAY,+BAA+B,CAAEL,EAAIM,KAAKC,YAAcP,EAAIM,KAAKE,aAAcN,EAAG,SAAS,CAACG,YAAY,+CAA+CI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,uBAAuB,CAACX,EAAIY,GAAG,qBAAqBZ,EAAIa,OAAoB,GAAZb,EAAII,KAAWF,EAAG,MAAM,CAACG,YAAY,+BAA+B,CAACH,EAAG,SAAS,CAACG,YAAY,+CAA+CI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,2BAA2B,CAACX,EAAIY,GAAG,kBAAkBZ,EAAIc,GAAG,KAAkB,GAAZd,EAAII,KAAWF,EAAG,MAAM,CAACF,EAAIe,GAAIf,EAAIgB,KAAKC,UAAU,SAASC,EAAEC,GAAG,OAAOjB,EAAG,MAAM,CAACkB,IAAID,GAAG,CAACjB,EAAG,QAAQ,CAACG,YAAY,uEAAuE,CAACL,EAAIY,GAAGZ,EAAIqB,GAAGrB,EAAIsB,SAASH,EAAI,IAAI,KAAKnB,EAAIqB,GAAGH,EAAEK,SAASrB,EAAG,MAAM,CAACG,YAAY,WAAW,CAACH,EAAG,MAAM,CAACG,YAAY,OAAOL,EAAIe,GAAIf,EAAIgB,KAAKQ,UAAUC,QAAO,SAAAC,GAAC,OAAIA,EAAEC,KAAOT,EAAEU,OAAK,SAASC,EAAEC,GAAI,OAAO5B,EAAG,MAAM,CAACkB,IAAIU,EAAGC,MAAK,6BAA8B,CAAC7B,EAAG,SAAS,CAAC6B,MAAK,cAAAC,OAAeH,EAAEI,SAAW,cAAgB,GAAE,iBAAgBC,MAAM,CAAC,KAAO,WAAW,CAAClC,EAAIY,GAAG,IAAIZ,EAAIqB,GAAGS,EAAK,GAAK,GAAKA,EAAK,EAAI,KAAOA,EAAK,IAAI,YAAW,UAAS5B,EAAG,MAAM,CAACG,YAAY,+BAA+B,CAACH,EAAG,SAAS,CAACG,YAAY,+CAA+CI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,mBAAoBX,EAAIgB,KAAKmB,aAAa,CAACnC,EAAIY,GAAG,kBAAkB,GAAgB,GAAZZ,EAAII,KAAWF,EAAG,MAAMF,EAAIe,GAAIf,EAAIgB,KAAKC,UAAU,SAASC,EAAEC,GAAG,OAAOjB,EAAG,MAAM,CAACkB,IAAID,GAAG,CAACjB,EAAG,QAAQ,CAACG,YAAY,iEAAiE,CAACL,EAAIY,GAAGZ,EAAIqB,GAAGrB,EAAIsB,SAASH,EAAI,IAAI,KAAKnB,EAAIqB,GAAGH,EAAEK,SAASrB,EAAG,OAAOF,EAAIe,GAAIf,EAAIgB,KAAKQ,UAAUC,QAAO,SAAAC,GAAC,OAAIA,EAAEU,GAAGR,IAAMV,EAAEU,OAAK,SAASC,EAAEC,GAAI,OAAO5B,EAAG,SAAS,CAACkB,IAAIU,EAAGzB,YAAY,0BAA0B0B,MAAM,CAAE,cAAeF,EAAEI,UAAWC,MAAM,CAAC,KAAO,UAAUzB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,UAAWkB,EAAED,OAAO,CAAC5B,EAAIY,GAAG,IAAIZ,EAAIqB,GAAGS,EAAK,GAAG,WAAU,MAAK,GAAG9B,EAAIa,QAEngEwB,EAAkB,CAAC,WAAY,IAAIrC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACG,YAAY,qCAAqC,CAACH,EAAG,KAAK,CAACG,YAAY,qCAAqC,CAACH,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,OAAO,CAACG,YAAY,4CAA4C,CAACH,EAAG,IAAI,CAACG,YAAY,8BAA8BH,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,IAAI,CAACG,YAAY,oBAAoB,CAACL,EAAIY,GAAG,uBAAuBV,EAAG,KAAK,CAACG,YAAY,qCAAqC,CAACH,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,OAAO,CAACG,YAAY,2CAA2C,CAACH,EAAG,IAAI,CAACG,YAAY,8BAA8BH,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,IAAI,CAACG,YAAY,oBAAoB,CAACL,EAAIY,GAAG,yBAAyBV,EAAG,KAAK,CAACG,YAAY,qCAAqC,CAACH,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,OAAO,CAACG,YAAY,4CAA4C,CAACH,EAAG,IAAI,CAACG,YAAY,0BAA0BH,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,IAAI,CAACG,YAAY,oBAAoB,CAACL,EAAIY,GAAG,uB,6CC+HzkC,GACf0B,WAAA,CACAC,wBAEAC,MAAA,CACApC,KAAA,CACAqC,KAAAC,OACAC,QAAA,sBAEA3B,KAAA,CACAyB,KAAAG,OACAD,QAAA,cAEArC,KAAA,CACAmC,KAAAG,OACAD,QAAA,eAGAE,QAAA,CACAC,gBAAA,SAAAC,GACA,IAAAC,EAAA,KAAAC,MAAAC,gBACAC,EAAAC,SAAAC,eAAAN,GAEAC,GAAAG,GAGA,KAAAG,WAAA,WACAN,EAAAO,SAAA,EAAAJ,EAAAK,UAAA,SAKAlC,SAAA,SAAAmC,GACA,OAAAnC,eAAAmC,IAEAC,YAAA,SAAAD,GACA,OAAAC,eAAAD,MCrK4Y,I,YCOxYE,EAAY,eACd,EACA5D,EACAsC,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E","file":"js/chunk-2d22672a.6f18ed59.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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(x => 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(x => 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()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;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}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n  <!-- {{ mode }} -->\n    <div v-if=\"mode == 2\" class=\"td-x-20 pd-y-15 text-center\">\n      <!--  -->\n      <button\n      v-if=\"prms.resultCount < prms.attemptCount\"\n        v-on:click=\"$emit('refillLessonExam')\"\n        class=\"btn btn-sm pd-x-15 btn-primary btn-uppercase\"\n      >\n        Дахин оролдох\n      </button>\n    </div>\n    <div v-else-if=\"mode == 3\" class=\"td-x-20 pd-y-15 text-center\">\n      <button\n        @click=\"$emit('showLessonExamResult')\"\n        class=\"btn btn-sm pd-x-15 btn-primary btn-uppercase\"\n      >\n        Үр дүнгүүд\n      </button>\n      <ul class=\"list-group list-group-flush tx-13\">\n        <li class=\"list-group-item d-flex pd-sm-x-20\">\n          <div class=\"avatar d-none d-sm-block\">\n            <span class=\"avatar-initial rounded-circle bg-success\">\n              <i class=\"icon ion-md-checkmark\"></i>\n            </span>\n          </div>\n          <div class=\"pd-sm-l-10\">\n            <p class=\"tx-medium mg-b-0\">Зөв хариулсан</p>\n          </div>\n        </li>\n\n        <li class=\"list-group-item d-flex pd-sm-x-20\">\n          <div class=\"avatar d-none d-sm-block\">\n            <span class=\"avatar-initial rounded-circle bg-danger\">\n              <i class=\"icon ion-md-checkmark\"></i>\n            </span>\n          </div>\n          <div class=\"pd-sm-l-10\">\n            <p class=\"tx-medium mg-b-0\">Буруу хариулсан</p>\n          </div>\n        </li>\n        <li class=\"list-group-item d-flex pd-sm-x-20\">\n          <div class=\"avatar d-none d-sm-block\">\n            <span class=\"avatar-initial rounded-circle bg-warning\">\n              <i class=\"icon ion-md-close\"></i>\n            </span>\n          </div>\n          <div class=\"pd-sm-l-10\">\n            <p class=\"tx-medium mg-b-0\">Бөглөөгүй</p>\n          </div>\n        </li>\n      </ul>\n    </div>\n    <div v-else-if=\"mode == 4\">\n      <div v-for=\"(s, i) in form.sections\" :key=\"i\">\n        <label\n          class=\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03 pd-10\"\n          >{{ romanize(i + 1) }}. {{ s.name }}</label\n        >\n        <div class=\"pd-x-20\">\n          <div class=\"row\">\n            <div\n              :class=\"`align-items-center mg-b-5`\"\n              v-for=\"(q, qi) in form.questions.filter(x => x.sId == s.id)\"\n              :key=\"qi\"\n            >\n              <button\n                type=\"button\"\n                :class=\"\n                  `btn mg-l-3 ${q.isFilled ? 'btn-primary' : ''} rounded-pill`\n                \"\n              >\n                {{ qi + 1 >= 10 ? qi + 1 : \"0\" + (qi + 1) }}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"td-x-20 pd-y-15 text-center\">\n        <button\n          @click=\"$emit('finishLessonExam', form.resultId)\"\n          class=\"btn btn-sm pd-x-15 btn-warning btn-uppercase\"\n        >\n          Дуусгах\n        </button>\n      </div>\n    </div>\n    <div v-else-if=\"mode == 0\">\n      <!-- <div>\n    <div style=\"height: 300px; width: 300px; overflow: auto\">\n      <div ref=\"scrollContainer\">\n        <div id=\"section1\" style=\"height: 500px; border: 1px solid #ccc;\">\n          Section 1\n        </div>\n        <div id=\"section2\" style=\"height: 500px; border: 1px solid #ccc;\">\n          Section 2\n        </div>\n      </div>\n    </div>\n\n    <button @click=\"scrollToSection('section2')\">Scroll to Section 2</button>\n  </div> -->\n\n      <div v-for=\"(s, i) in form.sections\" :key=\"i\">\n        <label\n          class=\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03\"\n          >{{ romanize(i + 1) }}. {{ s.name }}</label\n        >\n        <div></div>\n        <button @click=\"$emit('go-to-q', q.id)\"\n          type=\"button\"\n          class=\"btn mg-l-3 rounded-pill\"\n          :class=\"{ 'btn-primary': q.isFilled }\"\n          v-for=\"(q, qi) in form.questions.filter(x => x.sn.id == s.id)\"\n          :key=\"qi\"\n        >\n          {{ qi + 1 }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport vueCustomScrollbar from \"vue-custom-scrollbar\";\nimport { romanize, alphabetize } from \"@/libs/tools\";\n\nexport default {\n  components:{\n    vueCustomScrollbar\n  },\n  props: {\n    mode: {\n      type: Number,\n      default: () => 0\n    },\n    form: {\n      type: Object,\n      default: () => {}\n    },\n    prms: {\n      type: Object,\n      default: () => {}\n    }\n  },\n  methods: {\n    scrollToSection(sectionId) {\n      const container = this.$refs.scrollContainer;\n      const section = document.getElementById(sectionId);\n\n      if (container && section) {\n        // container.scrollTop = section.offsetTop;\n        //console.log('section.offsetTop', section.offsetTop);\n        this.$nextTick(() => {\n          container.scrollTo(0, section.offsetTop, 500);\n        });\n        \n      }\n    },\n    romanize(v) {\n      return romanize(v);\n    },\n    alphabetize(v) {\n      return alphabetize(v);\n    }\n  }\n};\n</script>\n\n<style></style>\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=01544648\"\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":""}