{"version":3,"sources":["webpack:///./src/module/views/ModuleSkill.vue?2743","webpack:///./src/module/views/ModuleSkill.vue?a95a","webpack:///src/module/views/ModuleSkill.vue","webpack:///./src/module/views/ModuleSkill.vue?88d4","webpack:///./src/module/views/ModuleSkill.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","skillInfo","icon","_v","_s","name","lessons","progress","toFixed","staticRenderFns","components","NavBar","data","store","component"],"mappings":"kHAAA,yBAA2lB,EAAG,G,yCCA9lB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,YAAYF,EAAG,MAAM,CAACG,YAAY,wCAAwC,CAACH,EAAG,SAAS,CAACG,YAAY,uBAAuB,CAAEP,EAAIQ,WAAaR,EAAIQ,UAAUC,KAAML,EAAG,UAAU,CAACG,YAAY,wBAAwB,CAACH,EAAG,QAAQ,CAACG,YAAY,4BAA4BD,MAAM,CAAC,IAAMN,EAAIQ,UAAUC,KAAK,IAAM,OAAO,QAAU,OAAO,GAAGL,EAAG,UAAU,CAACG,YAAY,wBAAwB,CAACH,EAAG,iBAAiB,CAACG,YAAY,4BAA4BD,MAAM,CAAC,OAAS,WAAW,GAAGF,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAAEP,EAAIQ,UAAc,KAAEJ,EAAG,KAAK,CAACG,YAAY,sBAAsB,CAACP,EAAIU,GAAGV,EAAIW,GAAGX,EAAIQ,UAAUI,SAASR,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQ,WAAWF,EAAG,aAAa,CAACG,YAAY,iDAAiDD,MAAM,CAAC,IAAMN,EAAIQ,UAAUK,UAAU,CAACT,EAAG,iBAAiB,CAACE,MAAM,CAAC,MAAQN,EAAIQ,UAAUM,SAAS,OAAYd,EAAIQ,UAAUM,SAAWd,EAAIQ,UAAUK,QAAW,KAAKE,QAAQ,GAAM,QAAS,IAAI,KAAKX,EAAG,gBAAgB,IAAI,IACvkCY,EAAkB,G,sECmCtB,GACEC,WAAY,CACVC,OAAJ,QAEEC,KAJF,WAKI,IAAJ,mBACI,MAAO,CACLC,MAAN,EACMZ,UAAW,KAGf,QAXF,0KAYA,0BAZA,SAcA,wBAdA,SAeA,uBAfA,OAeA,EAfA,OAgBA,yBACA,qCACA,gBACA,iEACA,OACA,oBACA,8DAtBA,qDAyBA,6BAzBA,mHCpCoW,I,wBCQhWa,EAAY,eACd,EACAtB,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAK,E","file":"js/chunk-67cb5c1d.ff3e936c.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModuleSkill.vue?vue&type=style&index=0&id=be216b08&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModuleSkill.vue?vue&type=style&index=0&id=be216b08&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('nav-bar',{attrs:{\"title\":'Module'}}),_c('div',{staticClass:\"atm-desktop-max-width mx-auto mobile\"},[_c('header',{staticClass:\"module--header mb-3\"},[(_vm.skillInfo && _vm.skillInfo.icon)?_c('picture',{staticClass:\"module--header--logo\"},[_c('b-img',{staticClass:\"module--header--logo__img\",attrs:{\"src\":_vm.skillInfo.icon,\"alt\":\"logo\",\"rounded\":\"\"}})],1):_c('picture',{staticClass:\"module--header--logo\"},[_c('b-skeleton-img',{staticClass:\"module--header--logo__img\",attrs:{\"height\":\"60px\"}})],1),_c('div',{staticClass:\"module--header--content\"},[(_vm.skillInfo.name)?_c('h5',{staticClass:\"font-weight-bolder\"},[_vm._v(_vm._s(_vm.skillInfo.name))]):_c('b-skeleton',{attrs:{\"width\":\"100px\"}}),_c('b-progress',{staticClass:\"module--header--content__progress rounded-pill\",attrs:{\"max\":_vm.skillInfo.lessons}},[_c('b-progress-bar',{attrs:{\"value\":_vm.skillInfo.progress,\"label\":((((_vm.skillInfo.progress / _vm.skillInfo.lessons) * 100).toFixed(0)) + \"%\")}})],1)],1)]),_c('router-view')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <nav-bar :title=\"'Module'\"></nav-bar>\n    <div class=\"atm-desktop-max-width mx-auto mobile\">\n      <header class=\"module--header mb-3\">\n        <picture v-if=\"skillInfo && skillInfo.icon\" class=\"module--header--logo\">\n          <b-img :src=\"skillInfo.icon\" alt=\"logo\" rounded class=\"module--header--logo__img\"></b-img>\n        </picture>\n        <picture v-else class=\"module--header--logo\">\n          <b-skeleton-img height=\"60px\" class=\"module--header--logo__img\"></b-skeleton-img>\n        </picture>\n        <div class=\"module--header--content\">\n          <h5 v-if=\"skillInfo.name\" class=\"font-weight-bolder\">{{ skillInfo.name }}</h5>\n          <b-skeleton v-else width=\"100px\"></b-skeleton>\n          <b-progress\n            class=\"module--header--content__progress rounded-pill\"\n            :max=\"skillInfo.lessons\"\n          >\n            <b-progress-bar\n              :value=\"skillInfo.progress\"\n              :label=\"`${((skillInfo.progress / skillInfo.lessons) * 100).toFixed(0)}%`\"\n            ></b-progress-bar>\n          </b-progress>\n        </div>\n      </header>\n      <router-view></router-view>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useLearnSkillsStore } from '@/common/plugins/store';\nimport { getSkillLessonsById } from '../services';\n\nimport { NavBar } from '@/common/components';\n\nexport default {\n  components: {\n    NavBar,\n  },\n  data() {\n    const store = useLearnSkillsStore();\n    return {\n      store,\n      skillInfo: {},\n    };\n  },\n  async mounted() {\n    this.store.resetLessons();\n    try {\n      const { id } = this.$route.params;\n      const lessons = await getSkillLessonsById({ id });\n      this.store.setLessons(lessons);\n      const lessonIcon = localStorage.getItem('lessonIcon');\n      this.skillInfo = {\n        name: lessons[0]?.module_name || 'Title',\n        icon: lessonIcon,\n        lessons: lessons.length || 0,\n        progress: lessons.reduce((acc, cv) => (cv.viewed ? (acc += 1) : acc), 0),\n      };\n    } catch (error) {\n      console.error('[view]', error);\n    }\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.module--header {\n  display: flex;\n  &--logo {\n    width: 75px;\n    margin-right: 1rem;\n\n    &__img {\n      object-fit: contain;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &--content {\n    width: 100%;\n  }\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!./ModuleSkill.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!./ModuleSkill.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModuleSkill.vue?vue&type=template&id=be216b08&scoped=true&\"\nimport script from \"./ModuleSkill.vue?vue&type=script&lang=js&\"\nexport * from \"./ModuleSkill.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModuleSkill.vue?vue&type=style&index=0&id=be216b08&lang=scss&scoped=true&\"\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  \"be216b08\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}