{"version":3,"sources":["webpack:///./src/module/views/LearnSkills.vue?3de0","webpack:///./src/module/components/LearnSkillsItem.vue?ba24","webpack:///src/module/components/LearnSkillsItem.vue","webpack:///./src/module/components/LearnSkillsItem.vue?6c3e","webpack:///./src/module/components/LearnSkillsItem.vue","webpack:///./src/module/components/skeletons/SkeletonLearnSkills.vue?75e9","webpack:///./src/module/components/skeletons/SkeletonLearnSkills.vue","webpack:///src/module/views/LearnSkills.vue","webpack:///./src/module/views/LearnSkills.vue?78d2","webpack:///./src/module/views/LearnSkills.vue","webpack:///./src/module/components/LearnSkillsItem.vue?7d67"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_l","skill","index","key","name","topics","topics_viewed","id","icon","pages","length","staticRenderFns","on","goToModule","_v","_s","countLessons","topicsViewed","toFixed","props","skillId","String","Number","type","default","data","methods","localStorage","setItem","$router","push","component","skeleton","script","components","moduleSkills","loading","notificationSetup","mixins"],"mappings":"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","file":"js/chunk-70ec1932.759d16ef.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('nav-bar',{attrs:{\"title\":'Learn skills'}}),_c('div',{staticClass:\"atm-desktop-max-width mobile d-flex flex-wrap gap-4 justify-content-center align-items-stretch mx-auto\"},[(_vm.loading)?[_c('skeleton-learn-skills')]:_vm._l((_vm.moduleSkills),function(skill,index){return _c('learn-skills-item',{key:index,attrs:{\"name\":skill.name,\"topics\":skill.topics,\"topicsViewed\":skill.topics_viewed,\"skillId\":skill.id,\"icon\":skill.icon,\"countLessons\":skill.pages.length}})})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-grow-1 atm-rounded module--card w-25\"},[_c('picture',{staticClass:\"module--card--logo\"},[_c('img',{staticClass:\"module--card--logo__img\",attrs:{\"src\":_vm.icon,\"alt\":\"logo\"}})]),_c('div',{staticClass:\"module--card--content\",on:{\"click\":_vm.goToModule}},[_c('h5',{staticClass:\"font-weight-bolder w-100\"},[_vm._v(_vm._s(_vm.name))]),_c('p',{staticClass:\"w-100\"},[_vm._v(_vm._s(_vm.countLessons)+\" lessons\")]),_c('b-progress',{staticClass:\"module--card--content__progress rounded-pill w-100 mt-auto\",attrs:{\"max\":_vm.topics}},[_c('b-progress-bar',{attrs:{\"value\":_vm.topicsViewed,\"label\":((((_vm.topicsViewed / _vm.topics) * 100).toFixed(0)) + \"%\")}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex-grow-1 atm-rounded module--card w-25\">\n    <picture class=\"module--card--logo\">\n      <img class=\"module--card--logo__img\" :src=\"icon\" alt=\"logo\" />\n    </picture>\n    <div class=\"module--card--content\" @click=\"goToModule\">\n      <h5 class=\"font-weight-bolder w-100\">{{ name }}</h5>\n      <p class=\"w-100\">{{ countLessons }} lessons</p>\n      <b-progress class=\"module--card--content__progress rounded-pill w-100 mt-auto\" :max=\"topics\">\n        <b-progress-bar\n          :value=\"topicsViewed\"\n          :label=\"`${((topicsViewed / topics) * 100).toFixed(0)}%`\"\n        ></b-progress-bar>\n      </b-progress>\n    </div>\n  </div>\n</template>\n<script>\n\nexport default {\n  props: {\n    skillId: [String, Number],\n    icon: {\n      type: String,\n      default: '',\n    },\n    topics: {\n      type: Number,\n      default: 0,\n    },\n    topicsViewed: {\n      type: Number,\n      default: 0,\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    countLessons: {\n      type: Number,\n      default: 0,\n    },\n  },\n  data() {\n    return {\n\n    };\n  },\n  methods: {\n    goToModule() {\n      localStorage.setItem('lessonIcon', this.icon);\n      this.$router.push({ name: 'lessons', params: { id: this.skillId } });\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.module--card {\n  min-width: 250px;\n  display: flex;\n  padding: 1rem;\n  background: #ffff;\n  box-shadow: var(--atm-shadow);\n  cursor: pointer;\n\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    display: flex;\n    flex-wrap: wrap;\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!./LearnSkillsItem.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!./LearnSkillsItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LearnSkillsItem.vue?vue&type=template&id=6553ef11&scoped=true&\"\nimport script from \"./LearnSkillsItem.vue?vue&type=script&lang=js&\"\nexport * from \"./LearnSkillsItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LearnSkillsItem.vue?vue&type=style&index=0&id=6553ef11&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  \"6553ef11\",\n  null\n  \n)\n\nexport default component.exports","var render = function (_h,_vm) {var _c=_vm._c;return _c('div',{staticClass:\"w-100\"},[_c('b-row',_vm._l(([0, 1, 2, 3]),function(skeleton){return _c('b-col',{key:skeleton,staticClass:\"mb-3\",attrs:{\"cols\":\"6\"}},[_c('b-card',[_c('div',{staticClass:\"d-flex gap-4\"},[_c('div',[_c('b-skeleton-img',{staticClass:\"w-50\",attrs:{\"no-aspect\":\"\",\"height\":\"100px\"}})],1),_c('div',{staticClass:\"w-100 d-flex flex-column justify-content-between\"},[_c('b-skeleton',{attrs:{\"animation\":\"fade\",\"height\":\"30px\",\"width\":\"85%\"}}),_c('b-skeleton',{attrs:{\"animation\":\"fade\",\"width\":\"30%\"}}),_c('b-skeleton',{attrs:{\"animation\":\"fade\"}})],1)])])],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./SkeletonLearnSkills.vue?vue&type=template&id=18b95022&functional=true&\"\nvar script = {}\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <section>\n    <nav-bar :title=\"'Learn skills'\"></nav-bar>\n    <div\n      class=\"atm-desktop-max-width mobile d-flex flex-wrap gap-4 justify-content-center align-items-stretch mx-auto\"\n    >\n      <template v-if=\"loading\">\n        <skeleton-learn-skills></skeleton-learn-skills>\n      </template>\n      <template v-else>\n        <learn-skills-item\n          v-for=\"(skill, index) in moduleSkills\"\n          :key=\"index\"\n          :name=\"skill.name\"\n          :topics=\"skill.topics\"\n          :topicsViewed=\"skill.topics_viewed\"\n          :skillId=\"skill.id\"\n          :icon=\"skill.icon\"\n          :countLessons=\"skill.pages.length\"\n        />\n      </template>\n    </div>\n  </section>\n</template>\n\n<script>\nimport { getModuleSkills } from '../services';\nimport { NavBar } from '@/common/components';\nimport LearnSkillsItem from '../components/LearnSkillsItem.vue';\nimport SkeletonLearnSkills from '../components/skeletons/SkeletonLearnSkills.vue';\nimport notificationToastMixin from '@/Mixins/notificationToast.mixin';\n\nexport default {\n  components: { NavBar, LearnSkillsItem, SkeletonLearnSkills },\n  data() {\n    return {\n      moduleSkills: [],\n      loading: false,\n      notificationSetup: {},\n    };\n  },\n  mixins: [notificationToastMixin],\n  async mounted() {\n    if(this.$route.params.markComplete){\n      this.notificationToast({\n        message: 'Lesson completed successfully',\n        variant: 'primary',\n        title: 'Success',\n      });\n    }\n    try {\n      this.loading = true;\n      this.moduleSkills = await getModuleSkills();\n    } catch (error) {\n      console.error(error);\n    } finally {\n      this.loading = false;\n    }\n  },\n};\n</script>\n\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!./LearnSkills.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!./LearnSkills.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LearnSkills.vue?vue&type=template&id=064e3eba&\"\nimport script from \"./LearnSkills.vue?vue&type=script&lang=js&\"\nexport * from \"./LearnSkills.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","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!./LearnSkillsItem.vue?vue&type=style&index=0&id=6553ef11&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!./LearnSkillsItem.vue?vue&type=style&index=0&id=6553ef11&lang=scss&scoped=true&\""],"sourceRoot":""}