{"version":3,"sources":["webpack:///./src/constants/index.js","webpack:///./src/views/modules/lms/student/buddy/components/levels.vue","webpack:///src/views/modules/lms/student/buddy/components/levels.vue","webpack:///./src/views/modules/lms/student/buddy/components/levels.vue?fd73","webpack:///./src/views/modules/lms/student/buddy/components/levels.vue?a9e8"],"names":["levels","code","bgColor","borderColor","title","render","_vm","this","_c","_self","staticClass","_l","$store","state","buddy","boxSummary","m","i","class","concat","_v","_s","boxName","attrs","value","progress","color","getFieldFromConstants","domProps","toFixed","doneCheckCount","allCheckCount","staticStyle","on","$event","$emit","staticRenderFns","props","type","String","default","data","buddyLevels","contstants","methods","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","fetchLevels","t","_this","_obj","boxSummaryFilter","departId","templateId","id","dispatch","filter","store","then","res","field","level","rv","x","length","component"],"mappings":"mIAAe,QACXA,OAAQ,CACJ,CAACC,KAAM,EAAGC,QAAS,UAAWC,YAAa,UAAWC,MAAO,oBAC7D,CAACH,KAAM,EAAGC,QAAS,UAAWC,YAAa,UAAWC,MAAO,uBAC7D,CAACH,KAAM,GAAIC,QAAS,UAAWC,YAAa,UAAWC,MAAO,wBAC9D,CAACH,KAAM,GAAIC,QAAS,UAAWC,YAAa,UAAWC,MAAO,2BAC9D,CAACH,KAAM,EAAGC,QAAS,UAAWC,YAAa,UAAWC,MAAO,iB,uDCNjEC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,uBAAuBJ,EAAIK,GAAIL,EAAIM,OAAOC,MAAMC,MAAMC,YAAY,SAASC,EAAEC,GAAG,OAAOT,EAAG,MAAM,CAACU,MAAK,0CAAAC,OAA2CH,EAAEf,KAAI,qBAAoB,CAACO,EAAG,MAAM,CAACE,YAAY,qDAAqD,CAACJ,EAAIc,GAAGd,EAAIe,GAAGL,EAAEM,YAAYd,EAAG,WAAW,CAACe,MAAM,CAAC,SAAW,CAC1Y,CACEC,MAAOR,EAAES,SACTC,MAAO,UAET,WAAapB,EAAIqB,sBAAsB,UAAWX,GAAG,WAAaV,EAAIqB,sBAAsB,cAAeX,GAAG,KAAO,GAAG,KAAO,IAAI,UAAY,GAAG,MAAQ,IAAI,cAAc,IAAI,CAACR,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,+CAA+CkB,SAAS,CAAC,UAAYtB,EAAIe,GAAG,GAADF,OAAIH,EAAES,SAASI,QAAQ,GAAE,SAAQrB,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACJ,EAAIc,GAAGd,EAAIe,GAAGL,EAAEc,gBAAgB,IAAIxB,EAAIe,GAAGL,EAAEe,sBAAsBvB,EAAG,MAAM,CAACE,YAAY,sFAAsFsB,YAAY,CAAC,KAAO,MAAM,UAAY,sBAAsB,gBAAgB,QAAQT,MAAM,CAAC,KAAO,UAAUU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6B,MAAM,YAAanB,MAAM,CAACV,EAAIc,GAAG,kBAAkB,MAAK,MAEvyBgB,EAAkB,G,sDCsDP,GACfC,MAAA,CACAjC,MAAA,CACAkC,KAAAC,OACAC,QAAA,uBAGAC,KAAA,WACA,OACAC,YAAAC,OAAA3C,SAGA4C,QAAA,CACAC,gBAAA,SAAAC,EAAAC,GACA,IAAAC,EAAAC,SAAAC,KAEA,aAAAJ,EACAE,EAAAG,UAAAC,IAAAL,GAEAC,EAAAG,UAAAE,OAAAN,IAGAO,YAAA,SAAAC,GAAA,IAAAC,EAAA,KAEAC,EAAA,KAAA7C,OAAAC,MAAAC,MAAA4C,iBACAD,EAAAE,SAAA,KACAF,EAAAG,WAAAL,EAAAM,GACA,KAAAhB,gBAAA,6BACA,KAAAjC,OAAAkD,SAAA,0BACAC,OAAAN,EACAO,MAAA,KAAApD,SACAqD,MAAA,SAAAC,GACAV,EAAAX,gBAAA,oCAGAlB,sBAAA,SAAAwC,EAAAC,GACA,IAAAC,EAAA,GAIA,OAHA,KAAA3B,YAAAqB,QAAA,SAAAO,GAAA,OAAAA,EAAArE,MAAAmE,EAAAnE,QAAAsE,SACAF,EAAA,KAAA3B,YAAAqB,QAAA,SAAAO,GAAA,OAAAA,EAAArE,MAAAmE,EAAAnE,QAAA,GAAAkE,IAEAE,KCrG0Z,I,YCOtZG,EAAY,eACd,EACAnE,EACA+B,GACA,EACA,KACA,KACA,MAIa,aAAAoC,E","file":"js/chunk-20551f80.56313523.js","sourcesContent":["export default {\n    levels: [\n        {code: 1, bgColor: '#9627DD', borderColor: '#CD81FF', title: 'Ажлын эхний өдөр'},\n        {code: 7, bgColor: '#17A0E2', borderColor: '#31B6FD', title: 'Ажлын эхний 7 хоног'},\n        {code: 30, bgColor: '#e04a69', borderColor: '#E63459', title: 'Ажлын эхний 30 хоног'},\n        {code: 60, bgColor: '#12A0A1', borderColor: '#32BBBC', title: 'Ажлын эхний 60-90 хоног'},\n        {code: 0, bgColor: '#3AC37A', borderColor: '#57DA95', title: 'Бэлтгэл үе'},\n    ]\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"check-outer wd-100p\"},_vm._l((_vm.$store.state.buddy.boxSummary),function(m,i){return _c('div',{class:`tx-white mg-b-10 check-item check-code-${m.code} pd-x-40 pd-y-20`},[_c('div',{staticClass:\"tx-semibold tx-16 text-center mg-b-10 check-title\"},[_vm._v(_vm._s(m.boxName))]),_c('vc-donut',{attrs:{\"sections\":[\n              {\n                value: m.progress,\n                color: 'white',\n              },\n            ],\"background\":_vm.getFieldFromConstants('bgColor', m),\"foreground\":_vm.getFieldFromConstants('borderColor', m),\"size\":80,\"unit\":\"%\",\"thickness\":12,\"total\":100,\"start-angle\":0}},[_c('div',{staticClass:\"tx-semibold\"},[_c('div',{staticClass:\"tx-lg-28 tx-md-20 tx-sm-16 tx-xs-14 tx-white\",domProps:{\"innerHTML\":_vm._s(`${m.progress.toFixed(1)}%`)}}),_c('div',{staticClass:\"tx-lg-16 tx-md-14 tx-sm-12 tx-xs-8 tx-color-04\"},[_vm._v(_vm._s(m.doneCheckCount)+\"/\"+_vm._s(m.allCheckCount))])])]),_c('div',{staticClass:\"chk-more pos-absolute b-30 bg-white-1 tx-16 tx-semibold pd-x-40 pd-y-10 text-center\",staticStyle:{\"left\":\"50%\",\"transform\":\"translate(-50%, 0%)\",\"border-radius\":\"30px\"},attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.$emit('on-detail', m)}}},[_vm._v(\"Дэлгэрэнгүй\")])],1)}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n      <!-- <div class=\"d-flex mg-b-10 levels-outer justify-content-center\">\n          <div @click=\"fetchLevels(t)\" v-for=\"(t) in $store.state.buddy.templates\" \n          :class=\"`${t.active?'active':''} mg-r-10 bg-white pd-x-10 pd-y-5 tx-semibold min-w-1 text-center`\"\n          style=\"min-width: 100px\">\n            {{ t.name }}\n          </div>\n        </div> -->\n\n       \n<!-- <div class=\"mg-b-10 tx-semibold d-flex justify-content-center\">\n  <div class=\"inline-flex rounded-sm bd border-gray-100 bg-white p-1\">\n  <button @click=\"fetchLevels(t)\" v-for=\"(t) in $store.state.buddy.templates\"\n    :class=\"`inline-block ${t.active?'bg-gray-100 tx-gray-700':'tx-gray-500'} rounded-sm px-4 py-2 text-sm  hover:tx-gray-700 focus:relative`\"\n  >\n    {{ t.name }}\n  </button>\n</div>\n\n\n</div> -->\n\n\n\n\n      <div class=\"check-outer wd-100p\">\n          <div v-for=\"(m, i) in $store.state.buddy.boxSummary\" :class=\"`tx-white mg-b-10 check-item check-code-${m.code} pd-x-40 pd-y-20`\" >\n            <div class=\"tx-semibold tx-16 text-center mg-b-10 check-title\">{{ m.boxName }}</div>\n            \n            <vc-donut\n            :sections=\"[\n              {\n                value: m.progress,\n                color: 'white',\n              },\n            ]\"\n            :background=\"getFieldFromConstants('bgColor', m)\"\n            :foreground=\"getFieldFromConstants('borderColor', m)\"\n            :size=\"80\"\n            unit=\"%\"\n            :thickness=\"12\"\n            :total=\"100\"\n            :start-angle=\"0\"\n          >\n            <div class=\"tx-semibold\">\n              <div class=\"tx-lg-28 tx-md-20 tx-sm-16 tx-xs-14 tx-white\" v-html=\"`${m.progress.toFixed(1)}%`\">\n              </div>\n              <div class=\"tx-lg-16 tx-md-14 tx-sm-12 tx-xs-8 tx-color-04\">{{m.doneCheckCount}}/{{ m.allCheckCount }}</div>\n            </div>\n          </vc-donut>\n\n            <div @click=\"$emit('on-detail', m)\" role=\"button\" style=\"left: 50%; transform: translate(-50%, 0%); border-radius: 30px;\" class=\"chk-more pos-absolute b-30 bg-white-1 tx-16 tx-semibold pd-x-40 pd-y-10 text-center\">Дэлгэрэнгүй</div>\n            <!-- <div @click=\"$router.push({name: 'buddyAdminReportDetail', params: {id: m.code}})\" role=\"button\" style=\"left: 50%; transform: translate(-50%, 0%); border-radius: 30px;\" class=\"chk-more pos-absolute b-30 bg-white-1 tx-16 tx-semibold pd-x-40 pd-y-10 text-center\">Дэлгэрэнгүй</div> -->\n          </div>\n        </div>\n        \n    </div>\n</template>\n<script>\nimport contstants from \"@/constants\";\nexport default {\n  props:{\n      title: {\n          type: String,\n          default: () => \"\"\n      },\n  },\n  data(){\n    return{\n      buddyLevels: contstants.levels,\n    }\n  },\n  methods:{\n    toggleBodyClass(addRemoveClass, className) {\n      const el = document.body;\n\n      if (addRemoveClass === \"addClass\") {\n        el.classList.add(className);\n      } else {\n        el.classList.remove(className);\n      }\n    },\n    fetchLevels(t){\n      // console.log('t', t);\n      let _obj=this.$store.state.buddy.boxSummaryFilter;\n      _obj.departId= null;\n      _obj.templateId= t.id;\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      this.$store.dispatch('buddy/handleBoxSummary',{\n        filter: _obj,\n        store: this.$store\n      }).then((res)=>{\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n      });\n    },\n    getFieldFromConstants(field, level){\n      let rv='';\n      if(this.buddyLevels.filter(x=>x.code==level.code).length ){\n        rv= this.buddyLevels.filter(x=>x.code==level.code)[0][field];\n      }\n      return rv\n    },\n  }\n}\n</script>","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!./levels.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!./levels.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./levels.vue?vue&type=template&id=698e5ecc\"\nimport script from \"./levels.vue?vue&type=script&lang=js\"\nexport * from \"./levels.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":""}