{"version":3,"sources":["webpack:///./src/components/task/components/dialogs/examChart.vue?46fc","webpack:///src/components/task/components/dialogs/examChart.vue","webpack:///./src/components/task/components/dialogs/examChart.vue?3371","webpack:///./src/components/task/components/dialogs/examChart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","visibleChanged","model","value","callback","$$v","showSidebar","expression","staticClass","_l","obj","q","i","key","domProps","_s","a","ai","_v","class","point","answer","count","answers","map","legend","show","chart","width","type","labels","filter","x","reduce","sum","ref","staticRenderFns","components","apexchart","props","id","Number","default","data","rdy","questions","mounted","init","computed","frmId","watch","val","methods","api","params","store","$store","e","Object","assign","$data","$options","$emit","component"],"mappings":"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","file":"js/chunk-2d213a79.e57a186e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-sidebar',{attrs:{\"right\":\"\",\"shadow\":\"\",\"backdrop\":\"\",\"width\":\"98%\",\"title\":\"Шалгалтын график\"},on:{\"change\":_vm.visibleChanged},model:{value:(_vm.showSidebar),callback:function ($$v) {_vm.showSidebar=$$v},expression:\"showSidebar\"}},[_c('div',{staticClass:\"bg-white\"},_vm._l((_vm.obj.questions),function(q,i){return _c('div',{key:i,staticClass:\"mg-b-10\"},[_c('div',{staticClass:\"bd-y pd-5 bg-gray-100 font-weight-bolder\",domProps:{\"innerHTML\":_vm._s(((i + 1) + \". \" + (q.question)))}}),_c('div',{staticClass:\"d-flex align-items-center pd-x-20\"},[_c('div',{staticClass:\"wd-60p\"},_vm._l((q.answers),function(a,ai){return _c('div',{key:ai,staticClass:\"d-flex align-items-center bd-b\"},[_c('div',{staticClass:\"pd-r-10 bd-r\"},[_vm._v(_vm._s(ai + 1))]),_c('div',{class:(\"pd-l-5 pd-y-5 \" + (a.point > 0 ? 'text-primary' : '')),domProps:{\"innerHTML\":_vm._s(a.answer)}}),_c('div',{staticClass:\"mg-l-auto bd-l pd-l-5 wd-60 text-right\"},[_vm._v(\" \"+_vm._s(a.count)+\" \")])])}),0),_c('div',{staticClass:\"wd-15p\"},[_c('apexchart',{attrs:{\"type\":\"pie\",\"series\":q.answers.map(function (a) {\n                return a.count;\n              }),\"options\":{\n              legend: { show: false },\n              chart: { width: 250, type: 'pie' },\n              labels: q.answers.map(function (a) {\n                return a.answer;\n              })\n            }}})],1),_c('div',{staticClass:\"wd-25p\"},[_c('div',{staticClass:\"row row-sm\"},[_c('div',{staticClass:\"col-6 col-sm-4 col-md-3 col-lg\"},[_c('h4',{staticClass:\"tx-normal tx-rubik mg-b-10\"},[_vm._v(\" \"+_vm._s(q.answers .filter(function (x) { return x.point > 0; }) .reduce(function (sum, ref) {\n                        var count = ref.count;\n\n                        return sum + count;\n}, 0))+\" \")]),_c('div',{staticClass:\"progress ht-2 mg-b-10\"},[_c('div',{staticClass:\"progress-bar wd-100p bg-success\",attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"100\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})]),_c('h6',{staticClass:\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"},[_vm._v(\" Зөв хариулсан \")])]),_c('div',{staticClass:\"col-6 col-sm-4 col-md-3 col-lg\"},[_c('h4',{staticClass:\"tx-normal tx-rubik mg-b-10\"},[_vm._v(\" \"+_vm._s(q.answers .filter(function (x) { return x.point == 0; }) .reduce(function (sum, ref) {\n                        var count = ref.count;\n\n                        return sum + count;\n}, 0))+\" \")]),_c('div',{staticClass:\"progress ht-2 mg-b-10\"},[_c('div',{staticClass:\"progress-bar wd-100p bg-danger\",attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"100\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})]),_c('h6',{staticClass:\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"},[_vm._v(\" Буруу хариулсан \")])])])])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-sidebar\n    right\n    shadow\n    backdrop\n    v-model=\"showSidebar\"\n    width=\"98%\"\n    @change=\"visibleChanged\"\n    title=\"Шалгалтын график\"\n  >\n    <div class=\"bg-white\">\n      <div v-for=\"(q, i) in obj.questions\" :key=\"i\" class=\"mg-b-10\">\n        <div\n          class=\"bd-y pd-5 bg-gray-100 font-weight-bolder\"\n          v-html=\"`${i + 1}. ${q.question}`\"\n        ></div>\n        <div class=\"d-flex align-items-center pd-x-20\">\n          <div class=\"wd-60p\">\n            <div\n              v-for=\"(a, ai) in q.answers\"\n              :key=\"ai\"\n              class=\"d-flex align-items-center bd-b\"\n            >\n              <div class=\"pd-r-10 bd-r\">{{ ai + 1 }}</div>\n              <div\n                :class=\"`pd-l-5 pd-y-5 ${a.point > 0 ? 'text-primary' : ''}`\"\n                v-html=\"a.answer\"\n              ></div>\n              <div class=\"mg-l-auto bd-l pd-l-5 wd-60 text-right\">\n                {{ a.count }}\n              </div>\n            </div>\n          </div>\n          <div class=\"wd-15p\">\n            <apexchart\n              type=\"pie\"\n              :series=\"\n                q.answers.map(a => {\n                  return a.count;\n                })\n              \"\n              :options=\"{\n                legend: { show: false },\n                chart: { width: 250, type: 'pie' },\n                labels: q.answers.map(a => {\n                  return a.answer;\n                })\n              }\"\n            ></apexchart>\n          </div>\n          <div class=\"wd-25p\">\n            <div class=\"row row-sm\">\n              <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n                <h4 class=\"tx-normal tx-rubik mg-b-10\">\n                  {{\n                    q.answers\n                      .filter(x => x.point > 0)\n                      .reduce((sum, { count }) => sum + count, 0)\n                  }}\n                </h4>\n                <div class=\"progress ht-2 mg-b-10\">\n                  <div\n                    class=\"progress-bar wd-100p bg-success\"\n                    role=\"progressbar\"\n                    aria-valuenow=\"100\"\n                    aria-valuemin=\"0\"\n                    aria-valuemax=\"100\"\n                  ></div>\n                </div>\n                <h6\n                  class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"\n                >\n                  Зөв хариулсан\n                </h6>\n              </div>\n              <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n                <h4 class=\"tx-normal tx-rubik mg-b-10\">\n                  {{\n                    q.answers\n                      .filter(x => x.point == 0)\n                      .reduce((sum, { count }) => sum + count, 0)\n                  }}\n                </h4>\n                <div class=\"progress ht-2 mg-b-10\">\n                  <div\n                    class=\"progress-bar wd-100p bg-danger\"\n                    role=\"progressbar\"\n                    aria-valuenow=\"100\"\n                    aria-valuemin=\"0\"\n                    aria-valuemax=\"100\"\n                  ></div>\n                </div>\n                <h6\n                  class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"\n                >\n                  Буруу хариулсан\n                </h6>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </b-sidebar>\n</template>\n\n<script>\nimport { request } from \"@/api/all\";\nimport VueApexCharts from \"vue-apexcharts\";\n\nexport default {\n  components: {\n    apexchart: VueApexCharts\n  },\n  props: {\n    id: {\n      type: Number,\n      default: () => 0\n    }\n  },\n  data() {\n    return {\n      showSidebar: false,\n      obj: {\n        rdy: false,\n        questions: []\n      }\n    };\n  },\n  mounted() {\n    this.init();\n  },\n  computed: {\n    frmId() {\n      return this.id;\n    }\n  },\n  watch: {\n    frmId(val) {\n      if (val > 0) {\n        this.init();\n      }\n    }\n  },\n  methods: {\n    init() {\n      request({\n        api: { method: \"GET\", url: \"Form/GetExamFilledChartData\" },\n        params: { examId: this.id },\n        store: this.$store\n      }).then(res => {\n        this.obj.questions = res.data.questions;\n        this.obj.rdy = true;\n        //console.log(res);\n      });\n\n      this.showSidebar = true;\n    },\n    visibleChanged(e) {\n      if (!e) {\n        Object.assign(this.$data, this.$options.data());\n        this.$emit(\"on-task-close\");\n      }\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!./examChart.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!./examChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./examChart.vue?vue&type=template&id=4d6a3253&\"\nimport script from \"./examChart.vue?vue&type=script&lang=js&\"\nexport * from \"./examChart.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":""}