{"version":3,"sources":["webpack:///./src/views/modules/lms/student/parts/rank.vue?8173","webpack:///./src/views/modules/lms/student/parts/rank.vue?949a","webpack:///src/views/modules/lms/student/parts/rank.vue","webpack:///./src/views/modules/lms/student/parts/rank.vue?b9ed","webpack:///./src/views/modules/lms/student/parts/rank.vue?cecb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","$store","state","app","activeGroup","id","_e","_l","l","i","directives","name","rawName","value","expression","key","attrs","on","$event","filterCourses","class","staticStyle","stopPropagation","nextLevel","st","_v","_s","title","desc","showRanks","params","md","cnm","type","d1","d2","mustJoinCourses","all","finished","color","toFixed","vids","openVideoTips","_m","model","callback","$$v","showVidTipMdl","vid","vi","staticRenderFns","components","Carousel","CarouselItem","sectionContent","sectionMission","sectionStat","props","Object","default","data","sections","levels","mounted","fillTypes","methods","toggleBodyClass","addRemoveClass","el","classList","add","className","remove","api","store","res","url","active","x","s2","s1","s3","$router","push","forEach","$nextTick","self","length","indx","component"],"mappings":"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","file":"js/chunk-54ee4f60.41a1797f.js","sourcesContent":["import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rank.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rank.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row bgs\"},[(_vm.$store.state.app.activeGroup.id == 9235)?_c('section-content'):_vm._e(),(_vm.$store.state.app.activeGroup.id == 9235)?_c('section-stat'):_vm._e(),(_vm.$store.state.app.activeGroup.id == 9235)?_c('section-mission'):_vm._e(),_vm._l((_vm.levels),function(l,i){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(l.active),expression:\"l.active\"}],key:i,staticClass:\"col-sm\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.filterCourses(l)}}},[_c('div',{class:((l.class) + \" rounded-20 pos-relative\")},[_c('a',{staticClass:\"ht-250\"},[_c('div',{staticClass:\"stars-outer pos-absolute t-0 l-0 wd-100p pd-x-20 pd-t-30 d-flex\",staticStyle:{\"cursor\":\"e-resize\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.nextLevel(l, i)}}},_vm._l((3),function(st){return _c('div',{class:(\"\" + (i + 2 > st ? 'star' : 'star-bish'))},[_c('feather',{staticStyle:{\"height\":\"24px\",\"width\":\"24px\",\"margin-right\":\"5px\"},attrs:{\"type\":\"star\"}})],1)}),0),_c('div',{staticClass:\"pos-absolute b-0 l-0 wd-100p pd-x-20 pd-b-30\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"tx-white\"},[_c('div',{staticClass:\"tx-24 font-weight-bold\"},[_vm._v(_vm._s(l.title))]),_c('div',{staticClass:\"tx-14\"},[_vm._v(_vm._s(l.desc))])]),_c('div',{staticClass:\"icn mg-l-auto\",staticStyle:{\"cursor\":\"e-resize\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.nextLevel(l, i)}}},[_c('div',{staticClass:\"rounded-circle wd-45 ht-45 d-flex align-items-center justify-content-center\",staticStyle:{\"background\":\"rgba(0, 0, 0, 0.1)\"}},[_c('feather',{staticClass:\"tx-white\",staticStyle:{\"height\":\"20px\",\"width\":\"20px\"},attrs:{\"type\":\"mouse-pointer\"}})],1)])])])])])])}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showRanks && _vm.$store.state.app.activeGroup.id != 9235),expression:\"!showRanks && $store.state.app.activeGroup.id != 9235\"}],staticClass:\"col-sm mg-t-10 mg-sm-t-0\"},[_c('div',{staticClass:\"bg4 rounded-20 pos-relative\"},[_c('router-link',{attrs:{\"to\":{\n          name: 'lmsCourses',\n          params: { md:  (_vm.$store.state.app.activeGroup.id == 9241 || _vm.$store.state.app.activeGroup.id == 9249) ? 2 : 3, cnm: 'null', type: -1, d1: 'null', d2: 'null' },\n        }}},[_c('div',{staticClass:\"d-flex align-items-center justify-content-center ht-250\"},[_c('vc-donut',{attrs:{\"sections\":[\n              {\n                value:\n                  _vm.mustJoinCourses.all > 0\n                    ? (_vm.mustJoinCourses.finished * 100) / _vm.mustJoinCourses.all\n                    : 0,\n                color: 'white',\n              } ],\"background\":\"#27aef4\",\"foreground\":\"#91d4f7\",\"size\":150,\"unit\":\"px\",\"thickness\":15,\"total\":100,\"start-angle\":-30,\"auto-adjust-text-size\":true}},[_c('div',{staticClass:\"tx-white\"},[_c('div',{staticClass:\"tx-20\"},[_vm._v(\" \"+_vm._s(_vm.mustJoinCourses.all > 0 ? ((_vm.mustJoinCourses.finished * 100) / _vm.mustJoinCourses.all).toFixed( 0 ) : 0)+\"% \")]),(\n                  _vm.$store.state.app.activeGroup.id == 9241 ||\n                  _vm.$store.state.app.activeGroup.id == 9249\n                )?_c('div',{staticClass:\"tx-14 pd-x-20\"},[_vm._v(\" Заавал үзэх Сургалтын явц \")]):_c('div',{staticClass:\"tx-14 pd-x-20\"},[_vm._v(\"Сургалтын явц\")])])])],1),_c('div',{staticClass:\"pos-absolute t-0 r-0 wd-100p pd-x-20 pd-t-20 text-right text-white svgwhite\"},[_c('feather',{staticStyle:{\"color\":\"white\",\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"type\":\"help-circle\"}})],1),_c('div',{staticClass:\"pos-absolute b-0 l-0 wd-100p pd-x-20 pd-b-20\"},[_c('div',{staticClass:\"d-flex text-white\"},[_c('div',[_vm._v(\" Нийт: \"),_c('b',[_vm._v(_vm._s(_vm.mustJoinCourses.all))])]),_c('div',{staticClass:\"mg-l-auto\"},[_vm._v(\" Дууссан: \"),_c('b',[_vm._v(_vm._s(_vm.mustJoinCourses.finished))])])])])])],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showRanks && _vm.$store.state.app.activeGroup.id != 9235),expression:\"!showRanks && $store.state.app.activeGroup.id != 9235\"}],staticClass:\"col-sm mg-t-10 mg-sm-t-0\"},[(_vm.$store.state.app.activeGroup.id==9254)?_c('div',[(_vm.vids.length)?_c('iframe',{staticStyle:{\"border-radius\":\"20px\"},attrs:{\"width\":\"100%\",\"height\":\"250\",\"src\":(\"https://www.youtube.com/embed/\" + (_vm.vids[0].url)),\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowfullscreen\":\"\"}}):_vm._e()]):_c('div',{staticClass:\"bg3 rounded-20 pos-relative\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.openVideoTips(true)}}},[_c('div',{staticClass:\"icn d-flex ht-250 wd-100p align-items-center justify-content-center\"},[_c('feather',{staticClass:\"tx-white\",staticStyle:{\"height\":\"40px\",\"width\":\"40px\"},attrs:{\"type\":\"youtube\"}})],1),_vm._m(0)])]),_c('b-modal',{attrs:{\"header-class\":\"bd-b-0\",\"size\":\"xl\",\"content-class\":\"rounded-20 pd-20\",\"title\":\"Видео заавар\",\"footer-class\":\"bd-t-0\",\"hide-footer\":\"\",\"centered\":\"\"},model:{value:(_vm.showVidTipMdl),callback:function ($$v) {_vm.showVidTipMdl=$$v},expression:\"showVidTipMdl\"}},[_c('Carousel',{attrs:{\"autoplay\":false,\"type\":\"card\",\"height\":\"480px\"}},_vm._l((_vm.vids),function(vid,vi){return _c('Carousel-item',{key:vi},[_c('iframe',{attrs:{\"width\":\"100%\",\"height\":\"480\",\"src\":(\"https://www.youtube.com/embed/\" + (vid.url)),\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowfullscreen\":\"\"}})])}),1)],1)],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-white pos-absolute b-0 l-0 wd-100p pd-x-20 pd-b-30\"},[_c('div',{staticClass:\"tx-20 font-weight-bold\"},[_vm._v(\"Видео заавар\")]),_c('div',{staticClass:\"tx-14\"},[_vm._v(\"Дижитал сургалт үзэх заавар\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"row bgs\">\n    <section-content v-if=\"$store.state.app.activeGroup.id == 9235\" />\n    <section-stat v-if=\"$store.state.app.activeGroup.id == 9235\" />\n    <section-mission v-if=\"$store.state.app.activeGroup.id == 9235\" />\n\n    \n\n    <div\n      v-show=\"l.active\"\n      class=\"col-sm\"\n      v-for=\"(l, i) in levels\"\n      :key=\"i\"\n      @click=\"filterCourses(l)\"\n      role=\"button\"\n    >\n      <div :class=\"`${l.class} rounded-20 pos-relative`\">\n        <a class=\"ht-250\">\n          <div\n            class=\"stars-outer pos-absolute t-0 l-0 wd-100p pd-x-20 pd-t-30 d-flex\"\n            @click.stop=\"nextLevel(l, i)\"\n            style=\"cursor: e-resize\"\n          >\n            <div v-for=\"st in 3\" :class=\"`${i + 2 > st ? 'star' : 'star-bish'}`\">\n              <feather\n                type=\"star\"\n                style=\"height: 24px; width: 24px; margin-right: 5px\"\n              ></feather>\n            </div>\n          </div>\n          <div class=\"pos-absolute b-0 l-0 wd-100p pd-x-20 pd-b-30\">\n            <div class=\"d-flex align-items-center\">\n              <div class=\"tx-white\">\n                <div class=\"tx-24 font-weight-bold\">{{ l.title }}</div>\n                <div class=\"tx-14\">{{ l.desc }}</div>\n              </div>\n              <div\n                @click.stop=\"nextLevel(l, i)\"\n                class=\"icn mg-l-auto\"\n                style=\"cursor: e-resize\"\n              >\n                <div\n                  class=\"rounded-circle wd-45 ht-45 d-flex align-items-center justify-content-center\"\n                  style=\"background: rgba(0, 0, 0, 0.1)\"\n                >\n                  <!-- <feather :type=\"`arrow-${showRanks?'left':'right'}`\" class=\"tx-white\" style=\"height: 20px; width: 20px\"></feather> -->\n                  <feather\n                    type=\"mouse-pointer\"\n                    class=\"tx-white\"\n                    style=\"height: 20px; width: 20px\"\n                  ></feather>\n                </div>\n              </div>\n            </div>\n          </div>\n        </a>\n      </div>\n    </div>\n    <div v-show=\"!showRanks && $store.state.app.activeGroup.id != 9235\" class=\"col-sm mg-t-10 mg-sm-t-0\">\n      <div class=\"bg4 rounded-20 pos-relative\">\n        <router-link\n          :to=\"{\n            name: 'lmsCourses',\n            params: { md:  ($store.state.app.activeGroup.id == 9241 || $store.state.app.activeGroup.id == 9249) ? 2 : 3, cnm: 'null', type: -1, d1: 'null', d2: 'null' },\n          }\"\n        >\n          <div class=\"d-flex align-items-center justify-content-center ht-250\">\n            <vc-donut\n              :sections=\"[\n                {\n                  value:\n                    mustJoinCourses.all > 0\n                      ? (mustJoinCourses.finished * 100) / mustJoinCourses.all\n                      : 0,\n                  color: 'white',\n                },\n              ]\"\n              background=\"#27aef4\"\n              foreground=\"#91d4f7\"\n              :size=\"150\"\n              unit=\"px\"\n              :thickness=\"15\"\n              :total=\"100\"\n              :start-angle=\"-30\"\n              :auto-adjust-text-size=\"true\"\n            >\n              <div class=\"tx-white\">\n                <div class=\"tx-20\">\n                  {{\n                    mustJoinCourses.all > 0\n                      ? ((mustJoinCourses.finished * 100) / mustJoinCourses.all).toFixed(\n                          0\n                        )\n                      : 0\n                  }}%\n                </div>\n                <div\n                  v-if=\"\n                    $store.state.app.activeGroup.id == 9241 ||\n                    $store.state.app.activeGroup.id == 9249\n                  \"\n                  class=\"tx-14 pd-x-20\"\n                >\n                  Заавал үзэх Сургалтын явц\n                </div>\n                <div v-else class=\"tx-14 pd-x-20\">Сургалтын явц</div>\n              </div>\n            </vc-donut>\n          </div>\n          <div\n            class=\"pos-absolute t-0 r-0 wd-100p pd-x-20 pd-t-20 text-right text-white svgwhite\"\n          >\n            <feather\n              type=\"help-circle\"\n              style=\"color: white; width: 20px; height: 20px\"\n            ></feather>\n          </div>\n          <div class=\"pos-absolute b-0 l-0 wd-100p pd-x-20 pd-b-20\">\n            <div class=\"d-flex text-white\">\n              <div>\n                Нийт: <b>{{ mustJoinCourses.all }}</b>\n              </div>\n              <div class=\"mg-l-auto\">\n                Дууссан: <b>{{ mustJoinCourses.finished }}</b>\n              </div>\n            </div>\n          </div>\n        </router-link>\n      </div>\n    </div>\n    <div v-show=\"!showRanks && $store.state.app.activeGroup.id != 9235\" class=\"col-sm mg-t-10 mg-sm-t-0\">\n      <div v-if=\"$store.state.app.activeGroup.id==9254\">\n        <iframe v-if=\"vids.length\" style=\"border-radius: 20px;\"\n            width=\"100%\"\n            height=\"250\"\n            :src=\"`https://www.youtube.com/embed/${vids[0].url}`\"\n            title=\"YouTube video player\"\n            frameborder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowfullscreen\n          ></iframe>\n      </div>\n      <div v-else class=\"bg3 rounded-20 pos-relative\" role=\"button\" @click=\"openVideoTips(true)\">\n        <div class=\"icn d-flex ht-250 wd-100p align-items-center justify-content-center\">\n          <!-- <img src=\"v4-assets/svgicon/multimedia and audio/outline/play-favourite.svg\" class=\"ht-40 wd-40\" /> -->\n          <feather\n            type=\"youtube\"\n            class=\"tx-white\"\n            style=\"height: 40px; width: 40px\"\n          ></feather>\n        </div>\n        <div class=\"text-white pos-absolute b-0 l-0 wd-100p pd-x-20 pd-b-30\">\n          <div class=\"tx-20 font-weight-bold\">Видео заавар</div>\n          <div class=\"tx-14\">Дижитал сургалт үзэх заавар</div>\n        </div>\n      </div>\n    </div>\n\n    <b-modal\n      v-model=\"showVidTipMdl\"\n      header-class=\"bd-b-0\"\n      size=\"xl\"\n      content-class=\"rounded-20 pd-20\"\n      title=\"Видео заавар\"\n      footer-class=\"bd-t-0\"\n      hide-footer\n      centered\n    >\n      <!-- <iframe v-if=\"$store.state.app.activeGroup.id == 9132\" width=\"100%\"  height=\"480\"  src=\"https://www.youtube.com/embed/m9oLjv4hb0k\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n            <iframe v-else width=\"100%\"  height=\"480\"  src=\"https://www.youtube.com/embed/lIe6DmkR0wc\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe> -->\n      <!-- {{ vids }} -->\n\n      <Carousel :autoplay=\"false\" type=\"card\" height=\"480px\">\n        <Carousel-item v-for=\"(vid, vi) in vids\" :key=\"vi\">\n          <!-- <h3 class=\"medium\">{{ item }}</h3> -->\n          <iframe\n            width=\"100%\"\n            height=\"480\"\n            :src=\"`https://www.youtube.com/embed/${vid.url}`\"\n            title=\"YouTube video player\"\n            frameborder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowfullscreen\n          ></iframe>\n        </Carousel-item>\n      </Carousel>\n    </b-modal>\n  </div>\n  <!-- <div class=\"row\">\n        <div class=\"col-sm bg1 ht-200\">1</div>\n        <div class=\"col-sm bg1 ht-200\">2</div>\n        <div class=\"col-sm bg1 ht-200\">3</div>\n    </div> -->\n  <!-- <div class=\"d-flex justify-content-between bg-gray-200 mg-b-20\">\n        <div class=\"pd-10 bg1 ht-250 wd-250\">Flex item 1</div>\n        <div class=\"pd-10 bg1 ht-250 wd-250\">Flex item 2</div>\n        <div class=\"pd-10 bg1 ht-250 wd-250\">Flex item 3</div>\n    </div> -->\n</template>\n<script>\nimport { localSave } from \"@/libs/util\";\nimport { request } from \"@/api/all\";\n\nimport { getIdFromURL } from \"vue-youtube-embed\";\nimport \"element-ui/lib/theme-chalk/index.css\";\nimport { Carousel, CarouselItem } from \"element-ui\";\n\nimport AsyncLoadError from \"@/components/base/asyncLoadingError\";\nimport AsyncLoading from \"@/components/base/asyncLoading\";\n\nexport default {\n  components: {\n    Carousel,\n    CarouselItem,\n    sectionContent: () => ({\n      component: import(\"@/views/modules/lms/student/components/rankContent.vue\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000,\n    }),\n    sectionMission: () => ({\n      component: import(\"@/views/modules/lms/student/components/rankMission.vue\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000,\n    }),\n    sectionStat: () => ({\n      component: import(\"@/views/modules/lms/student/components/rankStat.vue\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000,\n    }),\n  },\n  props: {\n    mustJoinCourses: {\n      type: Object,\n      default: () => {},\n    },\n  },\n  data() {\n    return {\n      vids: [],\n      showRanks: false,\n      showVidTipMdl: false,\n      sections: [{ value: 25 }],\n      levels: [\n        // {id: 1, active: true, title: 'Түвшин 1', desc: 'Нийт ажилтнууд ', class: 'bg5'},\n        // {id: 2, active: false, title: 'Түвшин 2', desc: 'Мэргэжилтэн, Ахлах, Удирдах ажилтан', class: 'bg6'},\n        // {id: 3, active: false, title: 'Түвшин 3', desc: 'Удирдах ажилтан', class: 'bg7'},\n      ],\n    };\n  },\n  mounted() {\n    if (this.$store.state.app.activeGroup.id == 9132) {\n      this.levels = [\n        { id: 1, title: \"Курс\", desc: \"Курс \", class: \"bg5\", active: true },\n        { id: 2, title: \"Курс\", desc: \"Курс\", class: \"bg6\", active: false },\n        { id: 3, title: \"Курс\", desc: \"Курс\", class: \"bg7\", active: false },\n      ];\n    } else if (this.$store.state.app.activeGroup.id == 9235) {\n      // this.levels=\n      // [\n      //     {id: -1, title: 'Машинчийн санамж', desc: 'модуль ', class: 'bg7', active: true },\n      //     // {id: 2, title: 'Курс', desc: 'Курс', class: 'bg6', active: false },\n      //     // {id: 3, title: 'Курс', desc: 'Курс', class: 'bg7', active: false }\n      // ];\n    }else if(this.$store.state.app.activeGroup.id == 9254){\n      this.openVideoTips(false);\n    } \n    else {\n      this.fillTypes();\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    openVideoTips(modal) {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"GET\", url: \"type/getData\" },\n        params: {\n          key: \"lmsVidTips\",\n        },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          this.vids = res.data.types.map((x) => {\n            return {\n              url: getIdFromURL(x.s2),\n              active: false,\n            };\n            //x.s2= getIdFromURL(x.s2);\n            // console.log(getIdFromURL(x.s2));\n          });\n          this.$nextTick(() => {\n            if (this.vids.length) {\n              this.vids[0][\"active\"] = true;\n            }\n          });\n          if(modal!=undefined && modal==true)\n          this.showVidTipMdl = true;\n        }\n      });\n    },\n    fillTypes() {\n      request({\n        api: { url: \"type/getData\", method: \"get\" },\n        params: { key: \"courseLvl\", getParentType: true },\n        store: this.$store,\n      }).then((res) => {\n        //console.log(\"4\", res.data.types);\n        this.levels = res.data.types.map((x) => {\n          return {\n            id: x.id,\n            active: false,\n            title: x.s2,\n            desc: x.s1,\n            class: x.s3,\n          };\n        });\n        if (this.levels.length) {\n          this.levels[0][\"active\"] = true;\n        }\n      });\n    },\n    filterCourses(l) {\n      if (l.id == -1) {\n        this.$router.push({\n          name: \"lmsSanamj\",\n          params: { id: 0, cid: 0, title: \"Машинчийн санамж\" },\n        });\n      } else {\n        localSave(\"course_filter_lc2_dta\", JSON.stringify(this.levels));\n        localSave(\"course_filter_lc2\", l.id);\n        this.$router.push({\n          name: \"lmsCourses\",\n          params: { md: 1, cnm: \"null\", type: -1, d1: \"null\", d2: \"null\" },\n        });\n      }\n    },\n    // getLevelActiveIndex(l){\n\n    // },\n    nextLevel(l, indx) {\n      let self = this;\n      this.levels.forEach((el) => (el.active = false));\n      this.$nextTick(() => {\n        if (self.levels.length - 1 == indx) {\n          self.levels[0][\"active\"] = true;\n        } else {\n          self.levels[indx + 1][\"active\"] = true;\n        }\n      });\n    },\n  },\n};\n</script>\n<style>\n.el-carousel__item h3 {\n  color: #475669;\n  font-size: 14px;\n  opacity: 0.75;\n  line-height: 200px;\n  margin: 0;\n}\n\n.el-carousel__item:nth-child(2n) {\n  background-color: #99a9bf;\n}\n\n.el-carousel__item:nth-child(2n + 1) {\n  background-color: #d3dce6;\n}\n</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!./rank.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!./rank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rank.vue?vue&type=template&id=5b38f999&\"\nimport script from \"./rank.vue?vue&type=script&lang=js&\"\nexport * from \"./rank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rank.vue?vue&type=style&index=0&lang=css&\"\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":""}