{"version":3,"sources":["webpack:///./src/views/modules/lms/student/sections/youtubeList.vue","webpack:///src/views/modules/lms/student/sections/youtubeList.vue","webpack:///./src/views/modules/lms/student/sections/youtubeList.vue?c5ab","webpack:///./src/views/modules/lms/student/sections/youtubeList.vue?0ede"],"names":["render","_vm","this","_c","_self","staticClass","_l","tasks","t","i","key","attrs","on","$event","showDetail","class","concat","getIdFromUrl","taskDesc","_v","_s","task","isCompleted","staticRenderFns","props","box","type","Object","default","Array","methods","url","img","$route","params","bot","$emit","$router","push","name","id","cid","bid","iid","ot","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACE,YAAY,cAAcJ,EAAIK,GAAIL,EAAIM,OAAO,SAASC,EAAEC,GAAG,OAAON,EAAG,KAAK,CAACO,IAAID,EAAEJ,YAAY,wEAAwEM,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,WAAWN,MAAM,CAACL,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,OAAO,CAACY,MAAK,yCAA0C,CAACZ,EAAG,MAAM,CAACE,YAAY,UAAUM,MAAM,CAAC,IAAK,GAAAK,OAAIf,EAAIgB,aAAaT,EAAEU,kBAAmBf,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAK,CAACE,YAAY,4BAA4B,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGZ,EAAEa,SAASlB,EAAG,OAAO,CAACE,YAAY,wBAAwB,CAACF,EAAG,UAAU,CAACE,YAAY,qBAAqBM,MAAM,CAAC,KAAOH,EAAEc,YAAc,eAAiB,SAAS,eAAe,OAAOrB,EAAIkB,GAAG,oBAAoB,KAAKhB,EAAG,SAAS,CAACE,YAAY,+DAA+D,CAACF,EAAG,OAAO,CAACE,YAAY,UAAU,CAACJ,EAAIkB,GAAG,UAAUhB,EAAG,UAAU,CAACQ,MAAM,CAAC,KAAO,UAAU,QAAO,IAEp+BY,EAAkB,G,wBC2DP,GACfC,MAAA,CACAC,IAAA,CACAC,KAAAC,OACAC,QAAA,cAEArB,MAAA,CACAmB,KAAAG,MACAD,QAAA,uBAGAE,QAAA,CACAb,aAAA,SAAAc,GACA,IAAAC,EAAAf,0BAAAc,GACA,aAAAC,EAAA,6BAAAhB,OAAAgB,EAAA,UACA,wBAEAlB,WAAA,SAAAN,GACA,UAAAyB,OAAAC,OAAAC,IACA,KAAAC,MAAA,YAAA5B,GAEA,KAAA6B,QAAAC,KAAA,CACAC,KAAA,gBACAL,OAAA,CACAM,GAAA,KAAAP,OAAAC,OAAAM,GACAC,IAAA,KAAAR,OAAAC,OAAAO,IACAC,IAAA,KAAAjB,IAAAe,GACAG,IAAAnC,EAAAgC,GACAL,IAAA,KAAAV,IAAAmB,SCzFgZ,I,YCO5YC,EAAY,eACd,EACA7C,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E","file":"js/chunk-2d22fd93.c391638f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"list-group\"},_vm._l((_vm.tasks),function(t,i){return _c('li',{key:i,staticClass:\"list-group-item list-group-item-action d-flex align-items-center bd-0\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.showDetail(t)}}},[_c('div',{staticClass:\"avatar\"},[_c('span',{class:`avatar-initial rounded bg-transparent`},[_c('img',{staticClass:\"rounded\",attrs:{\"src\":`${_vm.getIdFromUrl(t.taskDesc)}`}})])]),_c('div',{staticClass:\"pd-l-10\"},[_c('h6',{staticClass:\"tx-14 tx-semibold mg-b-5\"},[_vm._v(_vm._s(t.task))]),_c('span',{staticClass:\"tx-11 text-uppercase\"},[_c('feather',{staticClass:\"mg-r-5 tx-color-01\",attrs:{\"type\":t.isCompleted ? 'check-square' : 'square',\"stroke-width\":\"1\"}}),_vm._v(\" youtube video \")],1)]),_c('button',{staticClass:\"btn btn-xs btn-outline-light btn-uppercase d-flex mg-l-auto\"},[_c('span',{staticClass:\"mg-r-5\"},[_vm._v(\"үзэх\")]),_c('feather',{attrs:{\"type\":\"eye\"}})],1)])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ul class=\"list-group\">\n    <li\n      @click=\"showDetail(t)\"\n      class=\"list-group-item list-group-item-action d-flex align-items-center bd-0\"\n      v-for=\"(t, i) in tasks\"\n      :key=\"i\"\n      role=\"button\"\n    >\n      <div class=\"avatar\">\n        <span :class=\"`avatar-initial rounded bg-transparent`\">\n          <img :src=\"`${getIdFromUrl(t.taskDesc)}`\" class=\"rounded\" />\n        </span>\n      </div>\n      <div class=\"pd-l-10\">\n        <h6 class=\"tx-14 tx-semibold mg-b-5\">{{ t.task }}</h6>\n        <span class=\"tx-11 text-uppercase\">\n          <feather\n            :type=\"t.isCompleted ? 'check-square' : 'square'\"\n            stroke-width=\"1\"\n            class=\"mg-r-5 tx-color-01\"\n          ></feather>\n          youtube video\n        </span>\n      </div>\n      <button\n        class=\"btn btn-xs btn-outline-light btn-uppercase d-flex mg-l-auto\"\n      >\n        <span class=\"mg-r-5\">үзэх</span>\n        <feather type=\"eye\"></feather>\n      </button>\n    </li>\n  </ul>\n  <!-- <div class=\"row row-xs\">\n    <div\n      class=\"col-xs-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-2\"\n      v-for=\"(t,i) in tasks\"\n      :key=\"i\"\n    >\n      <div @click=\"showDetail(t)\" class=\"card pd-10\" role=\"button\">\n        <img    :src=\"`${getIdFromUrl(t.taskDesc)}`\" class=\"ht-6v\" />\n        <div class=\"card-body pd-x-5 pd-t-5 pd-b-0 d-flex align-items-center\">\n          <div class=\"avatar avatar-sm mg-r-10 wd-18p\">\n            <span\n              :class=\"`avatar-initial rounded-circle bg-${t.isCompleted?'success-light':'gray-700'}`\"\n            >\n              <feather style=\"margin-top:-4px;\" :type=\"t.isCompleted?'check':'youtube'\" :size=\"16\"></feather>\n            </span>\n          </div>\n          <div class=\"wd-80p\">\n            <span>{{t.task}}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div> -->\n</template>\n\n<script>\nimport { getIdFromUrl } from \"vue-youtube\";\n\nexport default {\n  props: {\n    box: {\n      type: Object,\n      default: () => {}\n    },\n    tasks: {\n      type: Array,\n      default: () => []\n    }\n  },\n  methods: {\n    getIdFromUrl(url) {\n      let img = getIdFromUrl(url);\n      if (img != null) return `http://img.youtube.com/vi/${img}/0.jpg`;\n      else return \"assets/img/img22.png\";\n    },\n    showDetail(t) {\n      if (this.$route.params.bot == 122) {\n        this.$emit(\"on-detail\", t);\n      } else {\n        this.$router.push({\n          name: \"lmsLessonView\",\n          params: {\n            id: this.$route.params.id,\n            cid: this.$route.params.cid,\n            bid: this.box.id,\n            iid: t.id,\n            bot: this.box.ot\n          }\n        });\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!./youtubeList.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!./youtubeList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./youtubeList.vue?vue&type=template&id=07b2bfbe\"\nimport script from \"./youtubeList.vue?vue&type=script&lang=js\"\nexport * from \"./youtubeList.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":""}