{"version":3,"sources":["webpack:///./src/views/modules/lms/student/parts/rank.vue?237c","webpack:///./src/views/modules/lms/student/parts/rank.vue","webpack:///src/views/modules/lms/student/parts/rank.vue","webpack:///./src/views/modules/lms/student/parts/rank.vue?72be","webpack:///./src/views/modules/lms/student/parts/rank.vue?0e5c"],"names":["render","_vm","this","_c","_self","staticClass","$store","state","app","activeGroup","id","_e","_l","levels","l","i","directives","name","rawName","value","active","expression","key","attrs","on","$event","filterCourses","class","concat","staticStyle","stopPropagation","nextLevel","st","_v","_s","title","desc","showRanks","params","md","cnm","type","d1","d2","mustJoinCourses","all","finished","color","toFixed","vids","length","url","openVideoTips","_m","model","showVidTipMdl","callback","$$v","vid","vi","staticRenderFns","components","Carousel","CarouselItem","sectionContent","component","loading","AsyncLoading","error","AsyncLoadError","delay","timeout","sectionMission","sectionStat","props","Object","default","data","sections","mounted","fillTypes","methods","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","modal","_this","request","api","method","store","then","res","types","map","x","getIdFromURL","s2","$nextTick","undefined","_this2","getParentType","s1","s3","$router","push","cid","localSave","JSON","stringify","indx","self","forEach"],"mappings":"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","file":"js/chunk-66bf2a35.82ba8906.js","sourcesContent":["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&id=6f4529ab&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row bgs\"},[(_vm.$store.state.app.activeGroup.id == 9235 || _vm.$store.state.app.activeGroup.id == 9362 || _vm.$store.state.app.activeGroup.id == 9358)?_c('section-content'):_vm._e(),(_vm.$store.state.app.activeGroup.id == 9235 || _vm.$store.state.app.activeGroup.id == 9362 || _vm.$store.state.app.activeGroup.id == 9358)?_c('section-stat'):_vm._e(),(_vm.$store.state.app.activeGroup.id == 9235 || _vm.$store.state.app.activeGroup.id == 9362 || _vm.$store.state.app.activeGroup.id == 9358)?_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 && _vm.$store.state.app.activeGroup.id != 9362 && _vm.$store.state.app.activeGroup.id != 9358),expression:\"!showRanks && $store.state.app.activeGroup.id != 9235 && $store.state.app.activeGroup.id != 9362 && $store.state.app.activeGroup.id != 9358\"}],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              },\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:\"text-right text-white pos-absolute t-0 r-0 wd-100p pd-x-20 pd-t-20 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:\"text-white d-flex\"},[_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  && _vm.$store.state.app.activeGroup.id != 9362 && _vm.$store.state.app.activeGroup.id != 9358),expression:\"!showRanks && $store.state.app.activeGroup.id != 9235  && $store.state.app.activeGroup.id != 9362 && $store.state.app.activeGroup.id != 9358\"}],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)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;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}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"row bgs\">\n    <section-content v-if=\"$store.state.app.activeGroup.id == 9235 || $store.state.app.activeGroup.id == 9362 || $store.state.app.activeGroup.id == 9358\" />\n    <section-stat v-if=\"$store.state.app.activeGroup.id == 9235 || $store.state.app.activeGroup.id == 9362 || $store.state.app.activeGroup.id == 9358\" />\n    <section-mission v-if=\"$store.state.app.activeGroup.id == 9235 || $store.state.app.activeGroup.id == 9362 || $store.state.app.activeGroup.id == 9358\" />\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 && $store.state.app.activeGroup.id != 9362 && $store.state.app.activeGroup.id != 9358\" 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=\"text-right text-white pos-absolute t-0 r-0 wd-100p pd-x-20 pd-t-20 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=\"text-white d-flex\">\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  && $store.state.app.activeGroup.id != 9362 && $store.state.app.activeGroup.id != 9358\" 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=\"bg-gray-200 d-flex justify-content-between 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  || this.$store.state.app.activeGroup.id == 9362 || this.$store.state.app.activeGroup.id == 9358) {\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=6f4529ab\"\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&id=6f4529ab&prod&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":""}