{"version":3,"sources":["webpack:///./src/components/DashboardSlider.vue?e5e0","webpack:///./src/assets/images/empty_state_learning.svg","webpack:///./src/components/dashboard/Recommended.vue?11cb","webpack:///./src/assets/images/empty_state_recommended.svg","webpack:///./src/assets/images/plus.svg","webpack:///./src/pages/Dashboard.vue?ec11","webpack:///./src/components/dashboard/MyLearning.vue?a2d5","webpack:///./src/assets/images/book.svg","webpack:///./src/components/dashboard/MySkills.vue?cd2d","webpack:///./src/assets/images/skills.svg","webpack:///./src/components/dashboard/components/LessonType.vue?0244","webpack:///./src/components/dashboard/components/CourseItem.vue?8a44","webpack:///./src/components/dashboard/components/CustomProgress.vue?6284","webpack:///./src/assets/images/arrow-right-blue.svg","webpack:///./src/assets/images/empty_state_my_skills.svg","webpack:///./src/assets/images/arrow-right.svg","webpack:///./src/pages/Dashboard.vue","webpack:///./src/components/DashboardSlider.vue","webpack:///src/components/DashboardSlider.vue","webpack:///./src/components/DashboardSlider.vue?6aa1","webpack:///./src/components/DashboardSlider.vue?d802","webpack:///./src/components/dashboard/MyLearning.vue","webpack:///./src/components/dashboard/components/CustomProgress.vue","webpack:///src/components/dashboard/components/CustomProgress.vue","webpack:///./src/components/dashboard/components/CustomProgress.vue?c8a9","webpack:///./src/components/dashboard/components/CustomProgress.vue?8e2b","webpack:///./src/components/dashboard/components/LessonType.vue","webpack:///src/components/dashboard/components/LessonType.vue","webpack:///./src/components/dashboard/components/LessonType.vue?2972","webpack:///./src/components/dashboard/components/LessonType.vue?30ba","webpack:///./src/components/dashboard/components/CourseItem.vue","webpack:///src/components/dashboard/components/CourseItem.vue","webpack:///./src/components/dashboard/components/CourseItem.vue?6961","webpack:///./src/components/dashboard/components/CourseItem.vue?5b3a","webpack:///src/components/dashboard/MyLearning.vue","webpack:///./src/components/dashboard/MyLearning.vue?546a","webpack:///./src/components/dashboard/MyLearning.vue?18d8","webpack:///./src/components/dashboard/Recommended.vue","webpack:///./src/components/dashboard/components/RecommendedItem.vue","webpack:///src/components/dashboard/components/RecommendedItem.vue","webpack:///./src/components/dashboard/components/RecommendedItem.vue?8319","webpack:///./src/components/dashboard/components/RecommendedItem.vue?032c","webpack:///src/components/dashboard/Recommended.vue","webpack:///./src/components/dashboard/Recommended.vue?4561","webpack:///./src/components/dashboard/Recommended.vue?b4e5","webpack:///./src/components/dashboard/MySkills.vue","webpack:///src/components/dashboard/MySkills.vue","webpack:///./src/components/dashboard/MySkills.vue?3f67","webpack:///./src/components/dashboard/MySkills.vue?50f6","webpack:///src/pages/Dashboard.vue","webpack:///./src/pages/Dashboard.vue?7e61","webpack:///./src/pages/Dashboard.vue?40de","webpack:///./src/components/dashboard/components/RecommendedItem.vue?9044"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","style","slides","length","brand","color","attrs","backgroundColor","imageUrl","concat","gateway","_e","directives","name","rawName","value","expression","_v","_s","description","staticRenderFns","staticStyle","showControls","model","slide","callback","$$v","_l","s","key","order","header","primaryButtonLabel","on","$event","onPrimaryClick","require","secondaryButtonLabel","onSecondaryClick","data","width","mounted","window","addEventListener","onResize","beforeDestroy","removeEventListener","methods","innerWidth","primaryActionIsCourse","open","basePrimeApi","primeAuth","user_id","account_id","primaryActionUrl","replace","secondaryActionIsCourse","secondaryActionUrl","computed","_objectSpread","mapGetters","component","_m","deadlineProps","selectedLearningDeadlineIndex","showOverdue","filterSet","overdue","nativeOn","applyDeadlineFilter","showUpcoming","upcoming","showOnTrack","onTrack","typeProps","selectedLearningTypeIndex","showCertifications","certifications","applyTypeFilter","showLP","lps","showCourses","courses","class","activeTabIndex","setActiveTab","filteredLearnings","l","id","seeCourses","marginTop","propsActive","block1Style","block2Style","block3Style","max","randomValue","Math","random","styles","elements","boxShadow","shadow","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","props","type","Array","Number","active","mainColor","amount","title","String","Boolean","learning","progressPercent","onTypeClick","getType","getDeadline","visit","default","LearningVO","t","qs","loType","enrollmentType","hasDeadline","d","parseInt","completionDeadline","$options","filters","formatDate","components","CustomProgress","LessonType","CourseItem","overdueWidth","onTrackWidth","upcomingWidth","_this","arr","all","learnings","filter","i","certificationStats","ids","indexOf","courseStats","lpStats","sort","a","b","mapActions","catalogId","idx","resetFilters","getNextMyLearning","next","_this2","getMyLearning","then","links","loadStatistic","loadDetails","_this3","forEach","content","enrollmentsDetailsLoaded","getCatalogContentEnrollment","checkMissed","lids","map","missed","allStats","push","loadMissed","_this4","chunk","splice","getMyMissedLearning","result","_this5","getLearningStats","due","safe","sum","created","recommended","r","seeCatalog","recommendedVO","reason","RecommendedVO","RecommendedItem","getRecommended","checkWidth","ref","filteredSkills","skill","minLabels","levelName","percentCompleted","seeSkills","$refs","blockRef","clientWidth","loadSkills","getMySkills","res","skills","low","cent","slice","bind","el","binding","vnode","resizeEl","context","event","unbind","DashboardSlider","MyLearning","Recommended","MySkills","getSlides","getNotifications"],"mappings":"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","file":"js/chunk-de558b40.20cbdb3e.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardSlider.vue?vue&type=style&index=0&id=05c3b200&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/empty_state_learning.66a74760.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recommended.vue?vue&type=style&index=0&id=6b96aa9b&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/empty_state_recommended.2eb699b5.svg\";","module.exports = __webpack_public_path__ + \"img/plus.e232af42.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&id=1d8cd6ea&prod&lang=stylus&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyLearning.vue?vue&type=style&index=0&id=6a438694&prod&lang=stylus&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/book.da69a76f.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MySkills.vue?vue&type=style&index=0&id=25e0cce8&prod&lang=stylus&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/skills.dd17724a.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LessonType.vue?vue&type=style&index=0&id=7dbef909&prod&lang=stylus&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseItem.vue?vue&type=style&index=0&id=ec615106&prod&lang=stylus&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomProgress.vue?vue&type=style&index=0&id=6dd34bf4&prod&lang=stylus&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/arrow-right-blue.16488ba0.svg\";","module.exports = __webpack_public_path__ + \"img/empty_state_my_skills.b13c0974.svg\";","module.exports = __webpack_public_path__ + \"img/arrow-right.c6cfacfd.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('b-row',{staticClass:\"m-0\",style:({'backgroundColor': !_vm.slides.length && _vm.brand ? _vm.brand.color : 'none'})},[(_vm.brand)?_c('b-col',{staticClass:\"m-0 p-0\",attrs:{\"md\":\"4\",\"xs\":\"12\",\"lg\":_vm.slides.length ? 3 : 4}},[_c('div',{staticClass:\"greeting\",style:({backgroundColor: _vm.brand.color})},[(_vm.brand.imageUrl)?_c('img',{staticClass:\"image\",attrs:{\"src\":`${_vm.gateway}api/${_vm.brand.imageUrl}`}}):_vm._e(),_c('span',{directives:[{name:\"clampy\",rawName:\"v-clampy\",value:(10),expression:\"10\"}],staticClass:\"text\"},[_vm._v(_vm._s(_vm.brand.description))])])]):_vm._e(),(_vm.slides.length)?_c('b-col',{staticClass:\"m-0 p-0\",attrs:{\"md\":_vm.brand ? 8 : 12,\"xs\":\"12\",\"lg\":_vm.brand ? 9 : 12}},[_c('dashboard-slider')],1):_vm._e()],1),_c('b-row',{staticClass:\"m-0 page-content\"},[_c('b-col',{staticClass:\"mobile-no-padding\",attrs:{\"lg\":\"8\",\"xs\":\"12\"}},[_c('my-learning'),_c('recommended')],1),_c('b-col',[_c('my-skills')],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dashboard-slider\"},[_c('b-carousel',{staticClass:\"slider\",staticStyle:{\"text-shadow\":\"1px 1px 2px #333\"},attrs:{\"controls\":_vm.showControls,\"indicators\":_vm.slides.length > 1,\"interval\":10000,\"background\":\"#ababab\",\"img-height\":\"480\",\"img-width\":\"1024\",\"indicator-type\":\"disc\"},model:{value:(_vm.slide),callback:function ($$v) {_vm.slide=$$v},expression:\"slide\"}},_vm._l((_vm.slides),function(s){return _c('b-carousel-slide',{key:s.order,attrs:{\"img-src\":_vm.gateway + 'api/' + s.imageUrl}},[_c('div',{staticClass:\"slider-inner-c\"},[_c('div',{staticClass:\"text-block\"},[_c('div',{directives:[{name:\"clampy\",rawName:\"v-clampy\",value:(2),expression:\"2\"}],staticClass:\"slide-title\"},[_vm._v(_vm._s(s.header))]),_c('div',{directives:[{name:\"clampy\",rawName:\"v-clampy\",value:(4),expression:\"4\"}],staticClass:\"slide-description\"},[_vm._v(_vm._s(s.description))]),(s.primaryButtonLabel)?_c('b-button',{staticClass:\"primary-s-btn\",attrs:{\"variant\":\"custom\"},on:{\"click\":function($event){return _vm.onPrimaryClick(s)}}},[_vm._v(\" \"+_vm._s(s.primaryButtonLabel)+\" \"),_c('div',{staticClass:\"icon-after\"},[_c('img',{staticClass:\"icon\",attrs:{\"alt\":\"\",\"height\":\"16\",\"src\":require(\"../assets/images/arrow-right.svg\"),\"width\":\"16\"}})])]):_vm._e(),(s.secondaryButtonLabel)?_c('b-button',{staticClass:\"secondary-s-btn\",attrs:{\"variant\":\"custom\"},on:{\"click\":function($event){return _vm.onSecondaryClick(s)}}},[_c('div',{staticClass:\"icon-before\"},[_c('img',{staticClass:\"icon\",attrs:{\"alt\":\"\",\"height\":\"16\",\"src\":require(\"../assets/images/plus.svg\"),\"width\":\"16\"}})]),_vm._v(\" \"+_vm._s(s.secondaryButtonLabel)+\" \")]):_vm._e()],1)])])}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"dashboard-slider\">\r\n    <b-carousel\r\n        :controls=\"showControls\"\r\n        :indicators=\"slides.length > 1\"\r\n        :interval=\"10000\"\r\n        background=\"#ababab\"\r\n        class=\"slider\"\r\n        img-height=\"480\"\r\n        img-width=\"1024\"\r\n        indicator-type=\"disc\"\r\n        style=\"text-shadow: 1px 1px 2px #333;\"\r\n        v-model=\"slide\"\r\n    >\r\n      <b-carousel-slide :img-src=\"gateway + 'api/' + s.imageUrl\" :key=\"s.order\" v-for=\"s in slides\">\r\n        <div class=\"slider-inner-c\">\r\n          <div class=\"text-block\">\r\n            <div class=\"slide-title\" v-clampy=\"2\">{{s.header}}</div>\r\n            <div class=\"slide-description\" v-clampy=\"4\">{{s.description}}</div>\r\n            <b-button @click=\"onPrimaryClick(s)\" class=\"primary-s-btn\" v-if=\"s.primaryButtonLabel\" variant=\"custom\">\r\n              {{s.primaryButtonLabel}}\r\n              <div class=\"icon-after\">\r\n                <img alt=\"\" class=\"icon\" height=\"16\" src=\"../assets/images/arrow-right.svg\" width=\"16\"/>\r\n              </div>\r\n            </b-button>\r\n            <b-button @click=\"onSecondaryClick(s)\" class=\"secondary-s-btn\" v-if=\"s.secondaryButtonLabel\" variant=\"custom\">\r\n              <div class=\"icon-before\">\r\n                <img alt=\"\" class=\"icon\" height=\"16\" src=\"../assets/images/plus.svg\" width=\"16\"/>\r\n              </div>\r\n              {{s.secondaryButtonLabel}}\r\n            </b-button>\r\n          </div>\r\n        </div>\r\n      </b-carousel-slide>\r\n    </b-carousel>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { mapGetters} from 'vuex';\r\n\r\n  export default {\r\n    name: 'DashboardSlider',\r\n    data() {\r\n      return {\r\n        slide: 0,\r\n        width: 0\r\n      }\r\n    },\r\n    mounted() {\r\n      window.addEventListener('resize', this.onResize);\r\n      this.onResize();\r\n    },\r\n    beforeDestroy() {\r\n      window.removeEventListener('resize', this.onResize);\r\n    },\r\n    methods: {\r\n      onResize() {\r\n        this.width = window.innerWidth;\r\n      },\r\n      onPrimaryClick(s) {\r\n        if (s.primaryActionIsCourse) {\r\n          window.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/${s.primaryActionUrl.replace(\":\", \"/\")}/overview`, \"_self\");\r\n        } else {\r\n          window.open(s.primaryActionUrl, \"_self\");\r\n        }\r\n      },\r\n      onSecondaryClick(s) {\r\n        if (s.secondaryActionIsCourse) {\r\n          window.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/${s.secondaryActionUrl.replace(\":\", \"/\")}/overview`, \"_self\");\r\n        } else {\r\n          window.open(s.secondaryActionUrl, \"_self\");\r\n        }\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapGetters([\"slides\", \"gateway\", \"basePrimeApi\", \"primeAuth\"]),\r\n      showControls() {\r\n        return this.width > 765 && this.slides.length > 1;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\r\n\r\n  .img-fluid {\r\n    height: 360px !important;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .slider-inner-c {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    height: 300px;\r\n  }\r\n\r\n  .text-block {\r\n    padding: 0 20%;\r\n    margin: auto 0;\r\n  }\r\n\r\n  .carousel-control-prev, .carousel-control-next {\r\n    height: 50px;\r\n    width: 50px;\r\n    margin: auto 15px;\r\n    border-radius: 5px;\r\n    border: 1px solid rgba(151, 151, 151, 0.7);\r\n  }\r\n\r\n  .carousel-indicators li {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 100%;\r\n\t  outline: none;\r\n  }\r\n\r\n  .carousel-indicators .active {\r\n    width: 13px;\r\n    height: 13px;\r\n    border-radius: 100%;\r\n  }\r\n\r\n  .carousel-caption {\r\n    position: absolute;\r\n    color: #fff;\r\n    text-align: left;\r\n    width: auto;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 0;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, #003851 0%, rgba(0, 0, 0, 0) 100%);\r\n    padding: 0;\r\n  }\r\n\r\n  .slide-title {\r\n    color: #FFFFFF;\r\n    font-family: Univers67B;\r\n    font-size: 48px;\r\n    font-weight: bold;\r\n    line-height: 60px;\r\n  }\r\n\r\n  .slide-description {\r\n    color: #FFFFFF;\r\n    font-family: \"Open Sans\";\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  .primary-s-btn {\r\n    color: #F9F9F9;\r\n    font-family: Univers67B;\r\n    font-size: 12px;\r\n    letter-spacing: 1.8px;\r\n    line-height: 15px;\r\n    text-align: left;\r\n    text-transform: uppercase;\r\n    height: 40px;\r\n    background-color: #E90030;\r\n    padding: 0;\r\n    padding-left: 20px;\r\n    padding-top: 2px;\r\n    position: relative;\r\n    margin-top: 20px;\r\n    padding-right: 60px;\r\n  }\r\n\r\n  .secondary-s-btn {\r\n    color: #F9F9F9;\r\n    font-family: Univers67B;\r\n    font-size: 12px;\r\n    letter-spacing: 1.8px;\r\n    line-height: 15px;\r\n    text-align: left;\r\n    text-transform: uppercase;\r\n    height: 40px;\r\n    padding: 0;\r\n    padding-left: 40px;\r\n    padding-top: 0px;\r\n    position: relative;\r\n    margin-top: 20px;\r\n    margin-left: 10px;\r\n    background-color: transparent;\r\n    border: transparent;\r\n  }\r\n\r\n  .secondary-s-btn:hover {\r\n    background-color: transparent;\r\n    color: #CCCCCC;\r\n  }\r\n\r\n  .primary-s-btn:hover {\r\n    color: #CCCCCC;\r\n  }\r\n\r\n  .icon-after {\r\n    width: 40px;\r\n    height: 38px;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background-color: #D1002A;\r\n    border-top-right-radius: 0.25rem;\r\n    border-bottom-right-radius: 0.25rem;\r\n  }\r\n\r\n  .icon-before {\r\n    width: 40px;\r\n    height: 38px;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background-color: transparent;\r\n    border-top-right-radius: 0.25rem;\r\n    border-bottom-right-radius: 0.25rem;\r\n  }\r\n\r\n  @media (max-width: 1350px) {\r\n    .text-block {\r\n      padding: 15%;\r\n    }\r\n\r\n    .slide-title {\r\n      font-size: 36px;\r\n      line-height: 40px;\r\n    }\r\n  }\r\n  @media (max-width: 765px) {\r\n    .carousel-caption {\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .slider-inner-c {\r\n      margin: 0;\r\n    }\r\n\r\n    .text-block {\r\n      padding: 0;\r\n      margin: auto;\r\n    }\r\n\r\n  }\r\n\r\n  .carousel-control-next, .carousel-control-prev {\r\n    background-color: #fff;\r\n    opacity: 1;\r\n  }\r\n\r\n  .carousel-control-next-icon {\r\n    background-image: url('~@/assets/images/next.svg') !important;\r\n    height: 15px;\r\n  }\r\n\r\n  .carousel-control-prev-icon {\r\n    background-image: url('~@/assets/images/next.svg') !important;\r\n    height: 15px;\r\n    transform: rotate(180deg);\r\n    -webkit-transform: rotate(180deg);\r\n    -moz-transform: rotate(180deg);\r\n    -ms-transform: rotate(180deg);\r\n    -o-transform: rotate(180deg);\r\n  }\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardSlider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DashboardSlider.vue?vue&type=template&id=05c3b200&\"\nimport script from \"./DashboardSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./DashboardSlider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DashboardSlider.vue?vue&type=style&index=0&id=05c3b200&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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"my-learning\"}},[_c('div',[_vm._m(0),_c('b-row',{staticClass:\"m-0 p-0 desktop\"},[_c('b-col',[_c('div',{staticClass:\"block-title\"},[_vm._v(\"By Deadline\")]),_c('custom-progress',{attrs:{\"elements\":_vm.deadlineProps,\"propsActive\":_vm.selectedLearningDeadlineIndex}}),_c('div',{staticClass:\"switchers\"},[_c('lesson-type',{attrs:{\"active\":_vm.showOverdue && _vm.filterSet,\"type\":\"red\",\"mainColor\":\"#FA5455\",\"amount\":_vm.overdue.length,\"title\":\"Overdue\"},nativeOn:{\"click\":function($event){return _vm.applyDeadlineFilter(0)}}}),_c('lesson-type',{attrs:{\"active\":_vm.showUpcoming && _vm.filterSet,\"type\":\"yellow\",\"mainColor\":\"#FFBC15\",\"amount\":_vm.upcoming.length,\"title\":\"Upcoming\"},nativeOn:{\"click\":function($event){return _vm.applyDeadlineFilter(1)}}}),_c('lesson-type',{attrs:{\"active\":_vm.showOnTrack && _vm.filterSet,\"type\":\"green\",\"mainColor\":\"#54BE53\",\"amount\":_vm.onTrack.length,\"title\":\"On track\"},nativeOn:{\"click\":function($event){return _vm.applyDeadlineFilter(2)}}})],1)],1),_c('b-col',[_c('div',{staticClass:\"block-title\"},[_vm._v(\"Pending Learning\")]),_c('custom-progress',{attrs:{\"elements\":_vm.typeProps,\"propsActive\":_vm.selectedLearningTypeIndex}}),_c('div',{staticClass:\"switchers\"},[_c('lesson-type',{attrs:{\"active\":_vm.showCertifications && _vm.filterSet,\"type\":\"blue-1\",\"mainColor\":\"#114D8A\",\"amount\":_vm.certifications,\"title\":\"Certifications\"},nativeOn:{\"click\":function($event){return _vm.applyTypeFilter(0)}}}),_c('lesson-type',{attrs:{\"active\":_vm.showLP && _vm.filterSet,\"type\":\"blue-2\",\"mainColor\":\"#407EC1\",\"amount\":_vm.lps,\"title\":\"Learning Programs\"},nativeOn:{\"click\":function($event){return _vm.applyTypeFilter(1)}}}),_c('lesson-type',{attrs:{\"active\":_vm.showCourses && _vm.filterSet,\"type\":\"blue-3\",\"mainColor\":\"#6CC2ED\",\"amount\":_vm.courses,\"title\":\"Courses\"},nativeOn:{\"click\":function($event){return _vm.applyTypeFilter(2)}}})],1)],1)],1),_c('b-row',{staticClass:\"m-0 p-0 mobile\"},[_c('div',{staticClass:\"type-switcher\"},[_c('div',{class:['block-title', _vm.activeTabIndex===0 ? 'active' : ''],on:{\"click\":function($event){return _vm.setActiveTab(0)}}},[_vm._v(\" By Deadline \")]),_c('div',{class:['block-title', _vm.activeTabIndex===1 ? 'active' : ''],on:{\"click\":function($event){return _vm.setActiveTab(1)}}},[_vm._v(\" Pending Learning \")])]),(_vm.activeTabIndex===0)?_c('custom-progress',{style:({ width: '100%' }),attrs:{\"elements\":_vm.deadlineProps,\"propsActive\":_vm.selectedLearningDeadlineIndex}}):_vm._e(),(_vm.activeTabIndex===1)?_c('custom-progress',{style:({ width: '100%' }),attrs:{\"elements\":_vm.typeProps,\"propsActive\":_vm.selectedLearningTypeIndex}}):_vm._e(),(_vm.activeTabIndex===0)?_c('div',{staticClass:\"switchers\"},[_c('lesson-type',{attrs:{\"active\":_vm.showOverdue && _vm.filterSet,\"type\":\"red\",\"mainColor\":\"#FA5455\",\"amount\":_vm.overdue.length,\"title\":\"Overdue\"},nativeOn:{\"click\":function($event){return _vm.applyDeadlineFilter(0)}}}),_c('lesson-type',{attrs:{\"active\":_vm.showUpcoming && _vm.filterSet,\"type\":\"yellow\",\"mainColor\":\"#FFBC15\",\"amount\":_vm.upcoming.length,\"title\":\"Upcoming\"},nativeOn:{\"click\":function($event){return _vm.applyDeadlineFilter(1)}}}),_c('lesson-type',{attrs:{\"active\":_vm.showOnTrack && _vm.filterSet,\"type\":\"green\",\"mainColor\":\"#54BE53\",\"amount\":_vm.onTrack.length,\"title\":\"On track\"},nativeOn:{\"click\":function($event){return _vm.applyDeadlineFilter(2)}}})],1):_vm._e(),(_vm.activeTabIndex===1)?_c('div',{staticClass:\"switchers\"},[_c('lesson-type',{attrs:{\"active\":_vm.showCertifications && _vm.filterSet,\"type\":\"blue-1\",\"mainColor\":\"#114D8A\",\"amount\":_vm.certifications,\"title\":\"Certifications\"},nativeOn:{\"click\":function($event){return _vm.applyTypeFilter(0)}}}),_c('lesson-type',{attrs:{\"active\":_vm.showLP && _vm.filterSet,\"type\":\"blue-2\",\"mainColor\":\"#407EC1\",\"amount\":_vm.lps,\"title\":\"Learning Programs\"},nativeOn:{\"click\":function($event){return _vm.applyTypeFilter(1)}}}),_c('lesson-type',{attrs:{\"active\":_vm.showCourses && _vm.filterSet,\"type\":\"blue-3\",\"mainColor\":\"#6CC2ED\",\"amount\":_vm.courses,\"title\":\"Courses\"},nativeOn:{\"click\":function($event){return _vm.applyTypeFilter(2)}}})],1):_vm._e()],1),_c('b-row',{staticClass:\"m-0 p-0 courses\"},[(_vm.filteredLearnings.length)?_c('b-col',{staticClass:\"course-item-c\"},_vm._l((_vm.filteredLearnings),function(l){return _c('course-item',{key:l.id,staticClass:\"item\",attrs:{\"learning\":l}})}),1):_c('div',{staticClass:\"empty-state\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/images/empty_state_learning.svg\"),\"alt\":\"icon\"}}),_c('div',{staticClass:\"empty-state-title\"},[_vm._v(\"Welcome to a new way of learning\")]),_c('div',{staticClass:\"empty-state-text\"},[_vm._v(\"Enroll into new courses, upskill yourself, and earn badges, all in one place.\")])])],1)],1),_c('div',{staticClass:\"see-all-block\"},[_c('div',{staticClass:\"see-all-link\",on:{\"click\":_vm.seeCourses}},[_vm._v(_vm._s(_vm.filteredLearnings.length ? 'SEE ALL MY LEARNING' : 'BROWSE THE CATALOG')+\" \"),_c('img',{style:({marginTop: '-2px'}),attrs:{\"src\":require(\"../../assets/images/arrow-right-blue.svg\")}})])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_c('img',{staticClass:\"block-icon\",attrs:{\"src\":require(\"../../assets/images/book.svg\"),\"alt\":\"icon\"}}),_vm._v(\"My Learning\")])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"custom-progress\"},[_c('div',{class:['block-1', _vm.propsActive === 0 ? 'active' : ''],style:(_vm.block1Style())}),_c('div',{class:['block-2', _vm.propsActive === 1 ? 'active' : ''],style:(_vm.block2Style())}),_c('div',{class:['block-3', _vm.propsActive === 2 ? 'active' : ''],style:(_vm.block3Style())})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"custom-progress\">\r\n\t\t<div :class=\"['block-1', propsActive === 0 ? 'active' : '']\" :style=\"block1Style()\"></div>\r\n\t\t<div :class=\"['block-2', propsActive === 1 ? 'active' : '']\" :style=\"block2Style()\"></div>\r\n\t\t<div :class=\"['block-3', propsActive === 2 ? 'active' : '']\" :style=\"block3Style()\"></div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'CustomProgress',\r\n\tdata () {\r\n\t\treturn {\r\n\t\t\tvalue: 100,\r\n\t\t\tmax: 100\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\trandomValue () {\r\n\t\t\tthis.value = Math.random() * this.max\r\n\t\t},\r\n\t\tblock1Style: function () {\r\n\t\t\tconst styles = {\r\n\t\t\t\tbackgroundColor: this.elements[0].color,\r\n\t\t\t\twidth: `calc(100% * ${this.elements[0].width})`,\r\n\t\t\t\tboxShadow: this.propsActive === 0 ? `0 2px 8px 0 ${this.elements[0].shadow}` : 'none'\r\n\t\t\t}\r\n\t\t\tif (this.elements[1].width === 0 && this.elements[2].width === 0) {\r\n\t\t\t\tstyles.borderRadius = '18px'\r\n\t\t\t} else {\r\n\t\t\t\tstyles.borderTopLeftRadius = '18px'\r\n\t\t\t\tstyles.borderBottomLeftRadius = '18px'\r\n\t\t\t}\r\n\t\t\treturn styles\r\n\t\t},\r\n\t\tblock2Style: function () {\r\n\t\t\tconst styles = {\r\n\t\t\t\tbackgroundColor: this.elements[1].color,\r\n\t\t\t\twidth: `calc(100% * ${this.elements[1].width})`,\r\n\t\t\t\tboxShadow: this.propsActive === 1 ? `0 2px 8px 0 ${this.elements[1].shadow}` : 'none'\r\n\t\t\t}\r\n\t\t\tif (this.elements[0].width === 0 && this.elements[2].width === 0) {\r\n\t\t\t\tstyles.borderRadius = '18px'\r\n\t\t\t}\r\n\t\t\treturn styles\r\n\t\t},\r\n\t\tblock3Style: function () {\r\n\t\t\tconst styles = {\r\n\t\t\t\tbackgroundColor: this.elements[2].color,\r\n\t\t\t\twidth: `calc(100% * ${this.elements[2].width})`,\r\n\t\t\t\tboxShadow: this.propsActive === 2 ? `0 2px 8px 0 ${this.elements[2].shadow}` : 'none'\r\n\t\t\t}\r\n\t\t\tif (this.elements[0].width === 0 && this.elements[1].width === 0) {\r\n\t\t\t\tstyles.borderRadius = '18px'\r\n\t\t\t} else {\r\n\t\t\t\tstyles.borderTopRightRadius = '18px'\r\n\t\t\t\tstyles.borderBottomRightRadius = '18px'\r\n\t\t\t}\r\n\t\t\treturn styles\r\n\t\t}\r\n\t},\r\n\tprops: {\r\n\t\telements: {\r\n\t\t\ttype: Array\r\n\t\t},\r\n\t\tpropsActive: {\r\n\t\t\ttype: Number\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n.custom-progress\r\n\tdisplay flex\r\n\theight 10px\r\n\tborder-radius 18px\r\n\tbackground-color rgba(0,0,0,0.05)\r\n\tmargin-bottom 10px\r\n\r\n\t.block-1\r\n\t\tbackground-color #FA5355\r\n\t\twidth calc(100% * 0.5)\r\n\t\theight 10px\r\n\t.block-2\r\n\t\tbackground-color #FFBC16\r\n\t\twidth calc(100% * 0.3)\r\n\t\theight 10px\r\n\t.block-3\r\n\t\tbackground-color #54BE54\r\n\t\twidth calc(100% * 0.2)\r\n\t\theight 10px\r\n\t.active\r\n\t\ttransform scaleY(1.5)\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomProgress.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomProgress.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomProgress.vue?vue&type=template&id=6dd34bf4&scoped=true&\"\nimport script from \"./CustomProgress.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomProgress.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomProgress.vue?vue&type=style&index=0&id=6dd34bf4&prod&lang=stylus&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  \"6dd34bf4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['l-type', _vm.active ? 'active' : '', _vm.type]},[_c('div',{staticClass:\"num\",style:({backgroundColor: _vm.mainColor})},[_vm._v(_vm._s(_vm.amount))]),_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div :class=\"['l-type', active ? 'active' : '', type]\">\r\n\t\t<div class=\"num\" :style=\"{backgroundColor: mainColor}\">{{amount}}</div>\r\n\t\t<span class=\"title\">{{title}}</span>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'LessonType',\r\n\tdata: function () {\r\n\t\treturn {\r\n\r\n\t\t}\r\n\t},\r\n\tprops: {\r\n\t\ttype: {\r\n\t\t\ttype: String\r\n\t\t},\r\n\t\tactive: {\r\n\t\t\ttype: Boolean\r\n\t\t},\r\n\t\tmainColor: {\r\n\t\t\ttype: String\r\n\t\t},\r\n\t\ttitle: {\r\n\t\t\ttype: String\r\n\t\t},\r\n\t\tamount: {\r\n\t\t\ttype: Number\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n\t.l-type\r\n\t\theight 65px\r\n\t\tborder-radius 5px\r\n\t\tbackground-color rgba(0,0,0,0.05)\r\n\t\twidth max-content\r\n\t\tpadding 10px\r\n\t\tposition relative\r\n\t\tmin-width 80px\r\n\t\tcursor pointer\r\n\t\t&.active\r\n\t\t\tposition relative\r\n\t\t\t.title\r\n\t\t\t\tfont-weight 700\r\n\t\t\t&.red\r\n\t\t\t\tbackground #f9d1d1\r\n\t\t\t\tborder 1px solid #FA5455 // border\r\n\t\t\t\t&::before\r\n\t\t\t\t\tborder-color #f9d1d1 transparent\r\n\t\t\t\t&::after\r\n\t\t\t\t\tborder-color #FA5455 transparent // border\r\n\t\t\t&.green\r\n\t\t\t\tbackground #EDF8ED\r\n\t\t\t\tborder 1px solid rgba(84,190,84,0.15) // border\r\n\t\t\t\t&::before\r\n\t\t\t\t\tborder-color #EDF8ED transparent\r\n\t\t\t\t&::after\r\n\t\t\t\t\tborder-color rgba(84,190,84,0.15) transparent // border\r\n\t\t\t&.yellow\r\n\t\t\t\tbackground #fceabf\r\n\t\t\t\tborder 1px solid #FFBC15 // border\r\n\t\t\t\t&::before\r\n\t\t\t\t\tborder-color #fceabf transparent\r\n\t\t\t\t&::after\r\n\t\t\t\t\tborder-color #FFBC15 transparent // border\r\n\r\n\t\t\t&.blue-1\r\n\t\t\t\tbackground #5c8cbc\r\n\t\t\t\tborder 1px solid #114D8A // border\r\n\t\t\t\t&::before\r\n\t\t\t\t\tborder-color #5c8cbc transparent\r\n\t\t\t\t&::after\r\n\t\t\t\t\tborder-color #114D8A transparent // border\r\n\t\t\t&.blue-2\r\n\t\t\t\tbackground #88b3e0\r\n\t\t\t\tborder 1px solid #407EC1 // border\r\n\t\t\t\t&::before\r\n\t\t\t\t\tborder-color #88b3e0 transparent\r\n\t\t\t\t&::after\r\n\t\t\t\t\tborder-color #407EC1 transparent // border\r\n\r\n\t\t\t&.blue-3\r\n\t\t\t\tbackground #c4e9fc\r\n\t\t\t\tborder 1px solid #6CC2ED // border\r\n\t\t\t\t&::before\r\n\t\t\t\t\tborder-color #c4e9fc transparent\r\n\t\t\t\t&::after\r\n\t\t\t\t\tborder-color #6CC2ED transparent // border\r\n\r\n\t\t\t&::after,\r\n\t\t\t&::before\r\n\t\t\t\tcontent ''\r\n\t\t\t\tposition absolute\r\n\t\t\t\tborder-style solid\r\n\t\t\t\tborder-width 10px 10px 0\r\n\t\t\t\tdisplay block\r\n\t\t\t\twidth 0\r\n\t\t\t\tz-index 1\r\n\t\t\t\tbottom -10px\r\n\t\t\t\theight 0\r\n\t\t\t\tmargin 0 auto\r\n\t\t\t\tleft 0\r\n\t\t\t\tright 0\r\n\t\t\t&::before\r\n\t\t\t\tz-index 5\r\n\t\t\t\tbottom -9px\r\n\r\n\t\t.num\r\n\t\t\theight 24px\r\n\t\t\tborder-radius 5px\r\n\t\t\tbackground-color #54BE53\r\n\t\t\tpadding 4px 8px\r\n\t\t\twidth fit-content\r\n\t\t\tcolor #FFFFFF\r\n\t\t\tfont-family Montserrat\r\n\t\t\tfont-size 12px\r\n\t\t\tfont-weight bold\r\n\t\t\ttext-align center\r\n\t\t\tmargin-bottom 3px\r\n\t\t.title\r\n\t\t\tcolor #000000\r\n\t\t\tfont-family \"Open Sans\"\r\n\t\t\tfont-size 14px\r\n\t\t\tmargin-top 10px\r\n\r\n@media (max-width: 765px)\r\n\t.l-type\r\n\t\t.title\r\n\t\t\tfont-size 12px\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LessonType.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LessonType.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LessonType.vue?vue&type=template&id=7dbef909&scoped=true&\"\nimport script from \"./LessonType.vue?vue&type=script&lang=js&\"\nexport * from \"./LessonType.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LessonType.vue?vue&type=style&index=0&id=7dbef909&prod&lang=stylus&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  \"7dbef909\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"course-item\"},[_c('div',{staticClass:\"image-block\"},[(!_vm.learning.imageUrl)?_c('div',{staticClass:\"main-image\"}):_c('img',{staticClass:\"main-image\",attrs:{\"alt\":\"image\",\"src\":_vm.learning.imageUrl}}),_c('div',{staticClass:\"shadow-image\"}),_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.learning.progressPercent ? _vm.learning.progressPercent : 0)+\"%\")]),_c('b-progress',{staticClass:\"progress-line\",attrs:{\"value\":_vm.learning.progressPercent ? _vm.learning.progressPercent : 0,\"variant\":\"success\"}})],1),_c('div',{staticClass:\"block-l\"},[_c('div',{staticClass:\"course-info\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.learning.name))]),_c('ul',{staticClass:\"info\"},[_c('li',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.onTypeClick(_vm.learning)}}},[_vm._v(_vm._s(_vm.getType(_vm.learning)))])])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"date\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"Due to\")]),_c('div',{staticClass:\"date-num\"},[_vm._v(_vm._s(_vm.getDeadline(_vm.learning)))])]),_c('b-button',{staticClass:\"visit-btn\",on:{\"click\":function($event){return _vm.visit(_vm.learning.id)}}},[_vm._v(\"VISIT\")])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"course-item\">\r\n    <div class=\"image-block\">\r\n\t\t\t<div class=\"main-image\"  v-if=\"!learning.imageUrl\"></div>\r\n      <img v-else alt=\"image\" class=\"main-image\"  :src=\"learning.imageUrl\"/>\r\n\t\t\t<div class=\"shadow-image\"></div>\r\n      <div class=\"num\">{{learning.progressPercent ? learning.progressPercent : 0}}%</div>\r\n      <b-progress :value=\"learning.progressPercent ? learning.progressPercent : 0\" class=\"progress-line\" variant=\"success\"/>\r\n    </div>\r\n    <div class=\"block-l\">\r\n      <div class=\"course-info\">\r\n        <div class=\"title\">{{learning.name}}</div>\r\n        <ul class=\"info\">\r\n          <li @click=\"onTypeClick(learning)\" style=\"cursor:pointer;\">{{getType(learning)}}</li>\r\n        </ul>\r\n      </div>\r\n\r\n      <div class=\"right\">\r\n        <div class=\"date\">\r\n          <div class=\"label\">Due to</div>\r\n          <div class=\"date-num\">{{getDeadline(learning)}}</div>\r\n        </div>\r\n        <b-button class=\"visit-btn\" @click=\"visit(learning.id)\">VISIT</b-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport LearningVO from '../../../vo/LearningVO'\r\n\r\nexport default {\r\n\tname: 'CourseItem',\r\n\tprops: {\r\n\t\tlearning: {\r\n\t\t\tdefault: () => new LearningVO(),\r\n\t\t\ttype: LearningVO\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters(['basePrimeApi', 'primeAuth'])\r\n\t},\r\n\tmethods: {\r\n\t\tonTypeClick (t) {\r\n\t\t\tconst qs = `certificationsSelected=${t.loType === 'certification'}&courseSelected=${t.loType === 'course'}&lpsSelected=${t.loType === 'learningProgram'}`;\r\n\t\t\twindow.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/catalog/index?myLearning=true&${qs}&myLearning=true&selectedSortOption=dueDate`, '_self')\r\n\t\t},\r\n\t\tgetType (t) {\r\n\t\t\tif (t.loType === 'course') {\r\n\t\t\t\treturn 'Course: ' + t.enrollmentType\r\n\t\t\t} else if (t.loType === 'learningProgram') {\r\n\t\t\t\treturn 'Learning Program: ' + t.enrollmentType\r\n\t\t\t} else {\r\n\t\t\t\treturn 'Certification'\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetDeadline (t) {\r\n\t\t\tif (t.hasDeadline) {\r\n\t\t\t\tif (t.loType === 'certification') {\r\n\t\t\t\t\tconst d = parseInt(t.completionDeadline)\r\n\t\t\t\t\treturn `${d} day${d > 1 ? 's' : ''}`\r\n\t\t\t\t}\r\n\t\t\t\treturn `${this.$options.filters.formatDate(t.completionDeadline)}`\r\n\t\t\t}\r\n\t\t\treturn 'No Deadline'\r\n\t\t},\r\n\t\tvisit (id) {\r\n\t\t\twindow.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/${id.replace(':', '/')}/overview`, '_self')\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .course-item\r\n    min-height 60px\r\n    width 100%\r\n    display flex\r\n    flex-direction row\r\n    align-items center\r\n\r\n    .image-block\r\n      position relative\r\n      height max-content\r\n\r\n      .main-image\r\n        height 56px\r\n        width 90px\r\n        border-radius 3px\r\n\r\n      .shadow-image\r\n        height 56px\r\n        width 90px\r\n        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);\r\n        position absolute\r\n        border-radius 3px\r\n        top 0\r\n\r\n      .num\r\n        position absolute\r\n        bottom 5px\r\n        left 5px\r\n        color #FFFFFF\r\n        font-family Univers67B\r\n        font-size 16px\r\n        line-height 20px\r\n        text-align center\r\n\r\n      .progress-line\r\n        position absolute\r\n        bottom 0\r\n        left 0\r\n        height 4px\r\n        width 100%\r\n        border-radius 0\r\n        border-bottom-left-radius 3px\r\n        border-bottom-right-radius 3px\r\n\r\n    .block-l\r\n      display flex\r\n      flex-direction row\r\n      width 100%\r\n      justify-content space-between\r\n      margin-left 20px\r\n\r\n      .course-info\r\n        display flex\r\n        flex-direction column\r\n        justify-content center\r\n        width 70%\r\n\r\n        .title\r\n          color #000000\r\n          font-family \"Open Sans\"\r\n          font-size 16px\r\n          line-height 20px\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          display: -webkit-box;\r\n          -webkit-box-orient: vertical;\r\n          -webkit-line-clamp: 1;\r\n\r\n        .info\r\n          padding 0\r\n          margin 0\r\n          line-height 17px\r\n\r\n          li\r\n            display inline\r\n            list-style-type none\r\n            font-family \"Open Sans\"\r\n            font-size 12px\r\n            line-height 20px\r\n            color #000000\r\n            opacity 0.6\r\n\r\n            &:first-child\r\n              opacity 1\r\n\r\n            &:not(:first-child)::before\r\n              content \"•\"\r\n              display inline-block\r\n              width 1em\r\n              margin 0 5px\r\n              text-align center\r\n              font-size 15px\r\n              line-height 14px\r\n              vertical-align middle\r\n\r\n      .right\r\n        display flex\r\n        flex-direction row\r\n        width 30%\r\n        justify-content space-between\r\n\r\n        .date\r\n          display flex\r\n          flex-direction column\r\n          margin-right 10px\r\n\r\n          .label\r\n            opacity 0.6\r\n            color #000000\r\n            font-family \"Open Sans\"\r\n            font-size 12px\r\n            line-height 7px\r\n\r\n          .date-num\r\n            color #000000\r\n            font-family Univers57\r\n            font-size 16px\r\n            font-weight 500\r\n\r\n        .visit-btn\r\n          height 30px\r\n          width 60px\r\n          margin auto 0\r\n          border-radius 4px\r\n          background-color #006491\r\n          color #F9F9F9\r\n          font-family Univers67B\r\n          font-size 10px\r\n          letter-spacing 1.5px\r\n          line-height 12px\r\n          text-align center\r\n\r\n  @media (max-width: 765px)\r\n    .course-item\r\n      height 90px\r\n\r\n      .image-block\r\n        height 65px\r\n\r\n        .main-image\r\n          height 61px\r\n\r\n        .shadow-image\r\n          height 61px\r\n\r\n      .block-l\r\n        flex-direction column\r\n        height inherit\r\n        height 65px\r\n\r\n        .course-info\r\n          width 100%\r\n\r\n          .title\r\n            font-size 16px\r\n\r\n          .info\r\n            li\r\n              font-size 10px\r\n\r\n              &:first-child\r\n                font-size 12px\r\n\r\n        .right\r\n          justify-content space-between\r\n          width 100%\r\n\r\n          .date\r\n            flex-direction row\r\n\r\n            .label\r\n              font-size 10px\r\n              line-height 16px\r\n              margin-right 5px\r\n\r\n            .date-num\r\n              font-size 12px\r\n\r\n          .visit-btn\r\n            height 15px\r\n            width 30px\r\n            border-radius 0\r\n            border none\r\n            background-color transparent\r\n            color #006491\r\n            font-size 12px\r\n            letter-spacing 1.5px\r\n            line-height 12px\r\n            text-align center\r\n            padding 0\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CourseItem.vue?vue&type=template&id=ec615106&scoped=true&\"\nimport script from \"./CourseItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CourseItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CourseItem.vue?vue&type=style&index=0&id=ec615106&prod&lang=stylus&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  \"ec615106\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n\t<div id=\"my-learning\">\r\n\t\t<div>\r\n\t\t\t<div class=\"title\"><img class=\"block-icon\" src=\"../../assets/images/book.svg\" alt=\"icon\" />My Learning</div>\r\n\t\t\t<b-row class=\"m-0 p-0 desktop\" >\r\n\t\t\t\t<b-col>\r\n\t\t\t\t\t<div class=\"block-title\">By Deadline</div>\r\n\t\t\t\t\t<custom-progress :elements=\"deadlineProps\" :propsActive=\"selectedLearningDeadlineIndex\" />\r\n\t\t\t\t\t<div class=\"switchers\">\r\n\t\t\t\t\t\t<lesson-type :active=\"showOverdue && filterSet\" type=\"red\" mainColor=\"#FA5455\" :amount=\"overdue.length\" title=\"Overdue\" @click.native=\"applyDeadlineFilter(0)\"></lesson-type>\r\n\t\t\t\t\t\t<lesson-type :active=\"showUpcoming && filterSet\" type=\"yellow\" mainColor=\"#FFBC15\" :amount=\"upcoming.length\" title=\"Upcoming\" @click.native=\"applyDeadlineFilter(1)\"/>\r\n\t\t\t\t\t\t<lesson-type :active=\"showOnTrack && filterSet\" type=\"green\" mainColor=\"#54BE53\" :amount=\"onTrack.length\" title=\"On track\" @click.native=\"applyDeadlineFilter(2)\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</b-col>\r\n\t\t\t\t<b-col>\r\n\t\t\t\t\t<div class=\"block-title\">Pending Learning</div>\r\n\t\t\t\t\t<custom-progress :elements=\"typeProps\" :propsActive=\"selectedLearningTypeIndex\" />\r\n\t\t\t\t\t<div class=\"switchers\">\r\n\t\t\t\t\t\t<lesson-type :active=\"showCertifications && filterSet\" type=\"blue-1\" mainColor=\"#114D8A\" :amount=\"certifications\" title=\"Certifications\" @click.native=\"applyTypeFilter(0)\"/>\r\n\t\t\t\t\t\t<lesson-type :active=\"showLP && filterSet\" type=\"blue-2\" mainColor=\"#407EC1\" :amount=\"lps\" title=\"Learning Programs\" @click.native=\"applyTypeFilter(1)\"/>\r\n\t\t\t\t\t\t<lesson-type :active=\"showCourses && filterSet\" type=\"blue-3\" mainColor=\"#6CC2ED\" :amount=\"courses\" title=\"Courses\" @click.native=\"applyTypeFilter(2)\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</b-col>\r\n\t\t\t</b-row>\r\n\r\n\t\t\t<b-row class=\"m-0 p-0 mobile\">\r\n\t\t\t\t<div class=\"type-switcher\">\r\n\t\t\t\t\t<div :class=\"['block-title', activeTabIndex===0 ? 'active' : '']\" @click=\"setActiveTab(0)\">\r\n\t\t\t\t\t\tBy Deadline\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div :class=\"['block-title', activeTabIndex===1 ? 'active' : '']\" @click=\"setActiveTab(1)\">\r\n\t\t\t\t\t\tPending Learning\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<custom-progress :style=\"{ width: '100%' }\" :elements=\"deadlineProps\" :propsActive=\"selectedLearningDeadlineIndex\" v-if=\"activeTabIndex===0\" />\r\n\t\t\t\t<custom-progress :style=\"{ width: '100%' }\" :elements=\"typeProps\" :propsActive=\"selectedLearningTypeIndex\" v-if=\"activeTabIndex===1\" />\r\n\t\t\t\t<div class=\"switchers\" v-if=\"activeTabIndex===0\">\r\n\t\t\t\t\t\t<lesson-type :active=\"showOverdue && filterSet\" type=\"red\" mainColor=\"#FA5455\" :amount=\"overdue.length\" title=\"Overdue\" @click.native=\"applyDeadlineFilter(0)\"></lesson-type>\r\n\t\t\t\t\t\t<lesson-type :active=\"showUpcoming && filterSet\" type=\"yellow\" mainColor=\"#FFBC15\" :amount=\"upcoming.length\" title=\"Upcoming\" @click.native=\"applyDeadlineFilter(1)\"/>\r\n\t\t\t\t\t  <lesson-type :active=\"showOnTrack && filterSet\" type=\"green\" mainColor=\"#54BE53\" :amount=\"onTrack.length\" title=\"On track\" @click.native=\"applyDeadlineFilter(2)\"/>\r\n\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"switchers\" v-if=\"activeTabIndex===1\">\r\n\t\t\t\t\t\t<lesson-type :active=\"showCertifications && filterSet\" type=\"blue-1\" mainColor=\"#114D8A\" :amount=\"certifications\" title=\"Certifications\" @click.native=\"applyTypeFilter(0)\"/>\r\n\t\t\t\t\t\t<lesson-type :active=\"showLP && filterSet\" type=\"blue-2\" mainColor=\"#407EC1\" :amount=\"lps\" title=\"Learning Programs\" @click.native=\"applyTypeFilter(1)\"/>\r\n\t\t\t\t\t\t<lesson-type :active=\"showCourses && filterSet\" type=\"blue-3\" mainColor=\"#6CC2ED\" :amount=\"courses\" title=\"Courses\" @click.native=\"applyTypeFilter(2)\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t</b-row>\r\n\r\n\t\t\t<b-row class=\"m-0 p-0 courses\">\r\n\t\t\t\t<b-col class=\"course-item-c\" v-if=\"filteredLearnings.length\">\r\n\t\t\t\t\t<course-item class=\"item\" v-for=\"l in filteredLearnings\" :learning=\"l\" :key=\"l.id\"/>\r\n\t\t\t\t</b-col>\r\n\t\t\t\t<div class=\"empty-state\" v-else>\r\n\t\t\t\t\t<img class=\"icon\" src=\"../../assets/images/empty_state_learning.svg\" alt=\"icon\" />\r\n\t\t\t\t\t<div class=\"empty-state-title\">Welcome to a new way of learning</div>\r\n\t\t\t\t\t<div class=\"empty-state-text\">Enroll into new courses, upskill yourself, and earn badges, all in one place.</div>\r\n\t\t\t\t</div>\r\n\t\t\t</b-row>\r\n\r\n\t\t</div>\r\n\t\t<div class=\"see-all-block\">\r\n\t\t\t<div class=\"see-all-link\" @click=\"seeCourses\">{{filteredLearnings.length ? 'SEE ALL MY LEARNING' : 'BROWSE THE CATALOG'}} <img :style=\"{marginTop: '-2px'}\" src='../../assets/images/arrow-right-blue.svg'/></div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport {mapActions, mapGetters} from 'vuex'\r\n\timport CustomProgress from './components/CustomProgress'\r\n\timport LessonType from './components/LessonType'\r\n\timport CourseItem from './components/CourseItem'\r\n\t\r\n\texport default {\r\n\tname: 'MyLearning',\r\n\tcomponents: {\r\n\t\tCustomProgress,\r\n\t\tLessonType,\r\n\t\tCourseItem\r\n\t},\r\n\tdata: function () {\r\n\t\treturn {\r\n\t\t\tdeadlineProps: [\r\n\t\t\t\t{ color: '#FA5355', width: 0, shadow: 'rgba(250, 83, 85, 0.6)' },\r\n\t\t\t\t{ color: '#FFBC16', width: 0, shadow: 'rgba(255, 188, 22, 0.6)' },\r\n\t\t\t\t{ color: '#54BE54', width: 0, shadow: 'rgba(84, 190, 84, 0.6)' }\r\n\t\t\t],\r\n\t\t\ttypeProps: [\r\n\t\t\t\t{ color: '#114D8A', width: 0, shadow: 'rgba(17, 77, 138, 0.6)' },\r\n\t\t\t\t{ color: '#407EC1', width: 0, shadow: 'rgba(64, 126, 193, 0.6)' },\r\n\t\t\t\t{ color: '#6CC2ED', width: 0, shadow: 'rgba(108, 194, 237, 0.6)' }\r\n\t\t\t],\r\n\r\n\t\t\toverdue: [],\r\n\t\t\toverdueWidth: 0,\r\n\r\n\t\t\tonTrack: [],\r\n\t\t\tonTrackWidth: 0,\r\n\r\n\t\t\tupcoming: [],\r\n\t\t\tupcomingWidth: 0,\r\n\r\n\t\t\tlps: 0,\r\n\t\t\tcourses: 0,\r\n\t\t\tcertifications: 0,\r\n\r\n\t\t\t// filtering flags\r\n\t\t\tshowCertifications: false,\r\n\t\t\tshowCourses: false,\r\n\t\t\tshowLP: false,\r\n\r\n\t\t\tshowOverdue: false,\r\n\t\t\tshowUpcoming: false,\r\n\t\t\tshowOnTrack: false,\r\n\r\n\t\t\tfilterSet: false,\r\n\r\n\t\t\tselectedLearningDeadlineIndex: -1,\r\n\t\t\tselectedLearningTypeIndex: -1,\r\n\r\n\t\t\tactiveTabIndex: 0\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters(['basePrimeApi', 'primeAuth', 'learnings', 'lpStats', 'courseStats', 'certificationStats', \"catalogId\"]),\r\n\t\tfilteredLearnings () {\r\n\t\t\tif (!this.showCertifications && !this.showCourses && !this.showLP && !this.showOverdue && !this.showUpcoming && !this.showOnTrack) {\r\n\t\t\t\treturn this.learnings.sort((a, b) => a.progressPercent < b.progressPercent ? 1 : -1)\r\n\t\t\t} else {\r\n\t\t\t\tlet arr = [];\r\n\t\t\t\tconst all = this.overdue.concat(this.upcoming).concat(this.onTrack);\r\n\t\t\t\tif (this.showCertifications) {\r\n\t\t\t\t\tarr = this.learnings.filter(i => this.certificationStats.ids.indexOf(i.id) !== -1);\r\n\t\t\t\t\tarr = arr.filter(i => all.indexOf(i.id) !== -1)\r\n\t\t\t\t} else if (this.showCourses) {\r\n\t\t\t\t\tarr = this.learnings.filter(i => this.courseStats.ids.indexOf(i.id) !== -1);\r\n\t\t\t\t\tarr = arr.filter(i => all.indexOf(i.id) !== -1)\r\n\t\t\t\t} else if (this.showLP) {\r\n\t\t\t\t\tarr = this.learnings.filter(i => this.lpStats.ids.indexOf(i.id) !== -1);\r\n\t\t\t\t\tarr = arr.filter(i => all.indexOf(i.id) !== -1)\r\n\t\t\t\t} else if (this.showOverdue) {\r\n\t\t\t\t\tarr = this.learnings.filter(i => this.overdue.indexOf(i.id) !== -1)\r\n\t\t\t\t} else if (this.showUpcoming) {\r\n\t\t\t\t\tarr = this.learnings.filter(i => this.upcoming.indexOf(i.id) !== -1)\r\n\t\t\t\t} else if (this.showOnTrack) {\r\n\t\t\t\t\tarr = this.learnings.filter(i => this.onTrack.indexOf(i.id) !== -1)\r\n\t\t\t\t}\r\n\t\t\t\treturn arr.sort((a, b) => a.progressPercent < b.progressPercent ? 1 : -1)\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t},\r\n\tmethods: {\r\n\t\t...mapActions(['getMyLearning', 'getMyMissedLearning' ,'getLearningStats', 'getCatalogContentEnrollment']),\r\n\t\tseeCourses () {\r\n\t\t\tif (this.learnings.length) {\r\n\t\t\t\twindow.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/catalog/index?myLearning=true&selectedListableCatalogIds=${this.catalogId}&selectedCategories=%22%22&selectedSortOption=dueDate&selectedTags=%22%22`, '_self')\r\n\t\t\t} else {\r\n\t\t\t\twindow.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/catalog/index?selectedListableCatalogIds=${this.catalogId}&selectedCategories=%22%22&selectedSortOption=-date&selectedTags=%22%22`, '_self');\r\n\t\t\t}\r\n\t\t},\r\n\t\tsetActiveTab (idx) {\r\n\t\t\tthis.activeTabIndex = idx;\r\n\t\t\tthis.resetFilters()\r\n\t\t},\r\n\t\tresetFilters () {\r\n\t\t\tthis.showOnTrack = this.showUpcoming = this.showOverdue = this.showCourses = this.showCertifications = this.showLP = false;\r\n\t\t\tthis.showOnTrack = this.showUpcoming = this.showOverdue = this.showLP = this.showCertifications = this.showCourses = false;\r\n\t\t\tthis.selectedLearningDeadlineIndex = this.selectedLearningTypeIndex = -1;\r\n\t\t\tthis.filterSet = false\r\n\t\t},\r\n\t\tapplyTypeFilter (idx) {\r\n\t\t\tif (idx === 0) {\r\n\t\t\t\tthis.showCertifications = !this.showCertifications;\r\n\t\t\t\tthis.showOnTrack = this.showUpcoming = this.showOverdue = this.showCourses = this.showLP = false;\r\n\t\t\t\tthis.filterSet = this.showCertifications\r\n\t\t\t} else if (idx === 1) {\r\n\t\t\t\tthis.showLP = !this.showLP;\r\n\t\t\t\tthis.showOnTrack = this.showUpcoming = this.showOverdue = this.showCourses = this.showCertifications = false;\r\n\t\t\t\tthis.filterSet = this.showLP\r\n\t\t\t} else if (idx === 2) {\r\n\t\t\t\tthis.showCourses = !this.showCourses;\r\n\t\t\t\tthis.showOnTrack = this.showUpcoming = this.showOverdue = this.showCertifications = this.showLP = false;\r\n\t\t\t\tthis.filterSet = this.showCourses\r\n\t\t\t}\r\n\t\t\tthis.selectedLearningDeadlineIndex = -1;\r\n\t\t\tthis.selectedLearningTypeIndex = this.filterSet ? idx : -1\r\n\t\t},\r\n\t\tapplyDeadlineFilter (idx) {\r\n\t\t\tif (idx === 0) {\r\n\t\t\t\tthis.showOverdue = !this.showOverdue;\r\n\t\t\t\tthis.showOnTrack = this.showUpcoming = this.showLP = this.showCertifications = this.showCourses = false;\r\n\t\t\t\tthis.filterSet = this.showOverdue\r\n\t\t\t} else if (idx === 1) {\r\n\t\t\t\tthis.showUpcoming = !this.showUpcoming;\r\n\t\t\t\tthis.showOnTrack = this.showOverdue = this.showLP = this.showCertifications = this.showCourses = false;\r\n\t\t\t\tthis.filterSet = this.showUpcoming\r\n\t\t\t} else if (idx === 2) {\r\n\t\t\t\tthis.showOnTrack = !this.showOnTrack;\r\n\t\t\t\tthis.showUpcoming = this.showOverdue = this.showLP = this.showCertifications = this.showCourses = false;\r\n\t\t\t\tthis.filterSet = this.showOnTrack\r\n\t\t\t}\r\n\t\t\tthis.selectedLearningTypeIndex = -1;\r\n\t\t\tthis.selectedLearningDeadlineIndex = this.filterSet ? idx : -1\r\n\t\t},\r\n\t\tgetNextMyLearning (next) {\r\n\t\t\tthis.getMyLearning(next).then(data => {\r\n\t\t\t\tif (data) {\r\n\t\t\t\t\tif (data.links.next) {\r\n\t\t\t\t\t\tthis.getNextMyLearning(data.links.next)\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.loadStatistic();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tloadDetails () {\r\n\t\t\tthis.learnings.forEach(content => {\r\n\t\t\t\tif (!content.enrollmentsDetailsLoaded) {\r\n\t\t\t\t\tthis.getCatalogContentEnrollment(content)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tcheckMissed() {\r\n\t\t\tconst lids = this.learnings.map(l=> l.id);\r\n\t\t\tconst missed = [];\r\n\t\t\tconst allStats = this.overdue.concat(this.upcoming).concat(this.onTrack);\r\n\t\t\tallStats.forEach(i => {\r\n\t\t\t\tif(lids.indexOf(i) === -1) missed.push(i)\r\n\t\t\t});\r\n\t\t\tif (missed.length) {\r\n\t\t\t\tthis.loadMissed(missed);\r\n\t\t\t} else {\r\n\t\t\t\tthis.loadDetails();\r\n\t\t\t}\r\n\t\t},\r\n\t\tloadMissed(ids) {\r\n\t\t\tconst chunk = ids.splice(0, 10);\r\n\t\t\tthis.getMyMissedLearning(chunk).then(result => {\r\n\t\t\t\tif (result && ids.length) {\r\n\t\t\t\t\tthis.loadMissed(ids);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.loadDetails();\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tloadStatistic() {\r\n\t\t\tthis.getLearningStats().then(data => {\r\n\t\t\t\tthis.overdue = this.lpStats.overdue.concat(this.courseStats.overdue).concat(this.certificationStats.overdue);\r\n\t\t\t\tthis.upcoming = this.lpStats.due.concat(this.courseStats.due).concat(this.certificationStats.due);\r\n\t\t\t\tthis.onTrack = this.lpStats.safe.concat(this.courseStats.safe).concat(this.certificationStats.safe);\r\n\t\t\t\t\r\n\t\t\t\tlet sum = this.overdue.length + this.upcoming.length + this.onTrack.length;\r\n\t\t\t\t\r\n\t\t\t\tthis.deadlineProps[0].width = this.overdue.length / sum;\r\n\t\t\t\tthis.deadlineProps[1].width = this.upcoming.length / sum;\r\n\t\t\t\tthis.deadlineProps[2].width = this.onTrack.length / sum;\r\n\t\t\t\t\r\n\t\t\t\tthis.lps = this.lpStats.due.length + this.lpStats.safe.length + this.lpStats.overdue.length;\r\n\t\t\t\tthis.courses = this.courseStats.due.length + this.courseStats.safe.length + this.courseStats.overdue.length;\r\n\t\t\t\tthis.certifications = this.certificationStats.due.length + this.certificationStats.safe.length + this.certificationStats.overdue.length;\r\n\t\t\t\t\r\n\t\t\t\tsum = this.lps + this.courses + this.certifications;\r\n\t\t\t\t\r\n\t\t\t\tthis.typeProps[0].width = this.certifications / sum;\r\n\t\t\t\tthis.typeProps[1].width = this.lps / sum;\r\n\t\t\t\tthis.typeProps[2].width = this.courses / sum;\r\n\t\t\t\t\r\n\t\t\t\tthis.checkMissed();\r\n\t\t\t})\r\n\t\t}\r\n\t},\r\n\tcreated () {\r\n\t\tif (!this.learnings.length) {\r\n\t\t\tthis.getNextMyLearning();\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n\t.course-item-c\r\n\t\tmax-height 870px\r\n\t\toverflow-y auto\r\n\r\n\t@media (max-width: 765px)\r\n\t\t.course-item-c\r\n\t\t\tmax-height 1050px\r\n\r\n\t.empty-state\r\n\t\twidth 100%\r\n\t\tpadding 40px\r\n\t\tdisplay flex\r\n\t\tjustify-content center\r\n\t\talign-items center\r\n\t\tflex-flow column nowrap\r\n\t\ttext-align center\r\n\r\n\t.empty-state-title\r\n\t\tcolor #000000\r\n\t\tfont-family Univers57\r\n\t\tfont-size 22px\r\n\t\tfont-weight 500\r\n\t\tline-height 36px\r\n\t\tpadding 20px\r\n\r\n\t.empty-state-text\r\n\t\tcolor #888\r\n\t\tfont-family \"Open Sans\"\r\n\t\tfont-size 14px\r\n\t\tline-height 20px\r\n\t\tmax-width 300px\r\n\t\tpadding 20px\r\n\r\n\r\n\t#my-learning\r\n\t\tborder-radius 10px\r\n\t\tbackground-color #FFFFFF\r\n\t\tbox-shadow 0 5px 14px 0 rgba(0, 0, 0, 0.2)\r\n\t\tpadding 30px 15px\r\n\r\n\t\t.title\r\n\t\t\tcolor #000000\r\n\t\t\tfont-family Univers67B\r\n\t\t\tfont-size 24px\r\n\t\t\tline-height 36px\r\n\t\t\tmargin-bottom 20px\r\n\t\t\tpadding 0 15px\r\n\r\n\t\t\t.block-icon\r\n\t\t\t\tmargin-right 10px\r\n\t\t\t\tmargin-top -3px\r\n\r\n\t\t.block-title\r\n\t\t\tmargin-bottom 10px\r\n\t\t\tcolor #000000\r\n\t\t\tfont-family Univers57\r\n\t\t\tfont-size 22px\r\n\t\t\tfont-weight 500\r\n\t\t\tcursor pointer\r\n\r\n\t\t.switchers\r\n\t\t\tdisplay flex\r\n\t\t\tflex-direction row\r\n\t\t\tmargin-top 10px\r\n\r\n\t\t\t.l-type\r\n\t\t\t\t&:not(:last-child)\r\n\t\t\t\t\tmargin-right 20px\r\n\r\n\t\t.courses\r\n\t\t\tmargin-top 30px !important\r\n\r\n\t\t.item\r\n\t\t\tborder-bottom 1px solid #EAEAEA\r\n\t\t\tpadding-top 5px\r\n\t\t\tpadding-bottom 10px\r\n\t\t\tmargin-bottom 15px\r\n\t\t\tpadding-right 15px\r\n\r\n\t\t\t&:last-child\r\n\t\t\t\tborder-bottom 0\r\n\r\n\t\t.see-all-block\r\n\t\t\tborder-top 1px solid #EAEAEA\r\n\t\t\theight 45px\r\n\t\t\tdisplay flex\r\n\t\t\tjustify-content flex-start\r\n\t\t\tpadding-top 30px\r\n\t\t\tpadding-left 30px\r\n\t\t\twidth calc(100% + 30px)\r\n\t\t\tmargin-left -15px\r\n\r\n\t\t\t.see-all-link\r\n\t\t\t\tcolor #006491\r\n\t\t\t\tfont-family Univers67B\r\n\t\t\t\tfont-size 12px\r\n\t\t\t\tletter-spacing 1px\r\n\t\t\t\tline-height 15px\r\n\t\t\t\ttext-align center\r\n\t.see-all-link\r\n\t\tcursor pointer\r\n\r\n\t.desktop\r\n\t\tdisplay flex\r\n\r\n\t.mobile\r\n\t\tdisplay none\r\n\r\n\t@media (max-width: 1385px)\r\n\t\t#my-learning\r\n\t\t\tpadding 30px 15px\r\n\r\n\t\t\t.desktop\r\n\t\t\t\tdisplay none\r\n\r\n\t\t\t.mobile\r\n\t\t\t\tdisplay flex\r\n\t\t\t\tflex-direction column\r\n\r\n\t\t\t.courses\r\n\t\t\t\t.col\r\n\t\t\t\t\tpadding 0 !important\r\n\r\n\t\t\t.title\r\n\t\t\t\tpadding 0\r\n\r\n\t\t\t.type-switcher\r\n\t\t\t\tdisplay flex\r\n\t\t\t\tflex-direction row\r\n\t\t\t\tmargin-bottom 15px\r\n\r\n\t\t\t\t.block-title\r\n\t\t\t\t\topacity 0.6\r\n\t\t\t\t\tfont-size: 22px\r\n\r\n\t\t\t\t\t&.active\r\n\t\t\t\t\t\topacity 1\r\n\t\t\t\t\t\tborder-bottom 2px solid #000\r\n\r\n\t\t\t\t\t&:first-child\r\n\t\t\t\t\t\tmargin-right 25px\r\n\r\n\t@media (max-width: 360px)\r\n\t\t.switchers\r\n\t\t\t.l-type\r\n\t\t\t\t&:not(:last-child)\r\n\t\t\t\t\tmargin-right 0 !important\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyLearning.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyLearning.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyLearning.vue?vue&type=template&id=6a438694&scoped=true&\"\nimport script from \"./MyLearning.vue?vue&type=script&lang=js&\"\nexport * from \"./MyLearning.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyLearning.vue?vue&type=style&index=0&id=6a438694&prod&lang=stylus&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  \"6a438694\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"recommended\"},[_c('div',[_vm._m(0),(_vm.recommended.length)?_c('div',{staticClass:\"rec-c\"},_vm._l((_vm.recommended),function(r){return _c('recommended-item',{key:r.id,class:{'rec': _vm.recommended.length > 1, 'rec-lonely': _vm.recommended.length === 1},attrs:{\"recommendedVO\":r}})}),1):_c('div',{staticClass:\"empty-state\"},[_c('img',{staticClass:\"empty-state-icon\",attrs:{\"alt\":\"icon\",\"src\":require(\"../../assets/images/empty_state_recommended.svg\")}}),_c('div',{staticClass:\"empty-state-text\"},[_vm._v(\"You have no Recommendations.\")])])]),(_vm.recommended.length !== 1)?_c('div',{staticClass:\"see-all-block\"},[_c('div',{staticClass:\"see-all-link\",on:{\"click\":_vm.seeCatalog}},[_vm._v(_vm._s(_vm.recommended.length ? \"SEE ALL RECOMMENDED\" : \"BROWSE THE CATALOG\")+\" \"),_c('img',{style:({marginTop: '-2px'}),attrs:{\"src\":require(\"../../assets/images/arrow-right-blue.svg\")}})])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_c('img',{staticClass:\"block-icon\",attrs:{\"alt\":\"icon\",\"src\":require(\"../../assets/images/book.svg\")}}),_vm._v(\"Recommended\")])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"course-item-min\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"image-block\"},[(_vm.recommendedVO.imageUrl)?_c('img',{staticClass:\"main-image\",attrs:{\"src\":_vm.recommendedVO.imageUrl,\"alt\":\"image\"}}):_c('div',{staticClass:\"main-image\"})]),_c('div',{staticClass:\"course-info\"},[_c('div',{directives:[{name:\"clampy\",rawName:\"v-clampy\",value:(1),expression:\"1\"}],staticClass:\"title\"},[_vm._v(_vm._s(_vm.recommendedVO.name))]),_c('ul',{staticClass:\"info\"},[_c('li',[_vm._v(_vm._s(_vm.recommendedVO.type))]),_c('li',[_vm._v(_vm._s(_vm.recommendedVO.reason))])])])]),_c('div',{staticClass:\"right\"},[_c('b-button',{staticClass:\"visit-btn\",on:{\"click\":function($event){return _vm.visit(_vm.recommendedVO.id)}}},[_vm._v(\"VISIT\")])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"course-item-min\">\r\n    <div class=\"left\">\r\n      <div class=\"image-block\">\r\n        <img :src=\"recommendedVO.imageUrl\" alt=\"image\" class=\"main-image\" v-if=\"recommendedVO.imageUrl\"/>\r\n        <div class=\"main-image\" v-else></div>\r\n      </div>\r\n      <div class=\"course-info\">\r\n        <div class=\"title\" v-clampy=\"1\">{{recommendedVO.name}}</div>\r\n        <ul class=\"info\">\r\n          <li>{{recommendedVO.type}}</li>\r\n          <li>{{recommendedVO.reason}}</li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"right\">\r\n      <b-button @click=\"visit(recommendedVO.id)\" class=\"visit-btn\">VISIT</b-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import {mapGetters} from \"vuex\";\r\n  import RecommendedVO from \"../../../vo/RecommendedVO\";\r\n\r\n  export default {\r\n    name: 'RecommendedItem',\r\n    props: {\r\n      recommendedVO: {\r\n        default: () => new RecommendedVO(),\r\n        type: RecommendedVO\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapGetters([\"basePrimeApi\", \"primeAuth\"])\r\n    },\r\n    methods: {\r\n      visit(id) {\r\n        window.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/${id.replace(\":\", \"/\")}/overview`, \"_self\");\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .course-item-min\r\n    height 90px\r\n    /*width 100%*/\r\n    display flex\r\n    flex-direction row\r\n    align-items center\r\n    justify-content space-between\r\n\r\n    .left\r\n      display flex\r\n      flex-direction row\r\n\r\n      .image-block\r\n        .main-image\r\n          background-color rgba(0, 0, 0, 0.05)\r\n          height 50px\r\n          width 50px\r\n          border-radius 100%\r\n\r\n      .course-info\r\n        display flex\r\n        flex-direction column\r\n        justify-content center\r\n        margin-left 20px\r\n\r\n        .title\r\n          color #000000\r\n          font-family \"Open Sans\"\r\n          font-size 16px\r\n          line-height 20px\r\n          padding-right 10px\r\n\r\n        .info\r\n          padding 0\r\n          margin 0\r\n          line-height 17px\r\n\r\n          li\r\n            display inline\r\n            list-style-type none\r\n            font-family \"Open Sans\"\r\n            font-size 12px\r\n            line-height 20px\r\n            color #000000\r\n            opacity 0.6\r\n\r\n            &:first-child\r\n              opacity 1\r\n\r\n            &:not(:first-child)::before\r\n              content \"•\"\r\n              display inline-block\r\n              width 1em\r\n              margin 0 5px\r\n              text-align center\r\n              font-size 15px\r\n              line-height 14px\r\n              vertical-align middle\r\n\r\n    .right\r\n      display flex\r\n      flex-direction row\r\n\r\n      .visit-btn\r\n        height 30px\r\n        width 60px\r\n        margin-left 10px\r\n        border-radius 4px\r\n        background-color #006491\r\n        color #F9F9F9\r\n        font-family Univers67B\r\n        font-size 10px\r\n        letter-spacing 1.5px\r\n        line-height 12px\r\n        text-align center\r\n\r\n  @media (max-width: 765px)\r\n    .course-item-min\r\n      /*width 100%*/\r\n\r\n      .left\r\n        .image-block\r\n          .main-image\r\n            height 40px\r\n            width 40px\r\n\r\n        .course-info\r\n          margin-left 10px\r\n\r\n      .right\r\n        margin-top 15px\r\n\r\n        .visit-btn\r\n          height 15px\r\n          width 30px\r\n          border-radius 0\r\n          border none\r\n          background-color transparent\r\n          color #006491\r\n          font-size 12px\r\n          letter-spacing 1.5px\r\n          line-height 12px\r\n          text-align center\r\n          padding 0\r\n          margin 0\r\n\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecommendedItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecommendedItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecommendedItem.vue?vue&type=template&id=97942e48&scoped=true&\"\nimport script from \"./RecommendedItem.vue?vue&type=script&lang=js&\"\nexport * from \"./RecommendedItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecommendedItem.vue?vue&type=style&index=0&id=97942e48&prod&lang=stylus&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  \"97942e48\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"recommended\">\r\n    <div>\r\n      <div class=\"title\"><img alt=\"icon\" class=\"block-icon\" src=\"../../assets/images/book.svg\"/>Recommended</div>\r\n\r\n      <div class=\"rec-c\" v-if=\"recommended.length\">\r\n        <recommended-item :class=\"{'rec': recommended.length > 1, 'rec-lonely': recommended.length === 1}\"\r\n                          :key=\"r.id\"\r\n                          :recommendedVO=\"r\" v-for=\"r in recommended\"/>\r\n      </div>\r\n      <div v-else class=\"empty-state\">\r\n        <img alt=\"icon\" class=\"empty-state-icon\" src=\"../../assets/images/empty_state_recommended.svg\"/>\r\n        <div class=\"empty-state-text\">You have no Recommendations.</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"see-all-block\" v-if=\"recommended.length !== 1\">\r\n      <div @click=\"seeCatalog\" class=\"see-all-link\">{{recommended.length ? \"SEE ALL RECOMMENDED\" : \"BROWSE THE CATALOG\"}} <img :style=\"{marginTop: '-2px'}\" src='../../assets/images/arrow-right-blue.svg'/></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import {mapActions, mapGetters} from 'vuex'\r\n  import RecommendedItem from './components/RecommendedItem.vue'\r\n\r\n  export default {\r\n    name: 'Recommended',\r\n    data: function () {\r\n      return {}\r\n    },\r\n    methods: {\r\n      ...mapActions(['getRecommended']),\r\n      seeCatalog() {\r\n        window.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/catalog/index?notenrolledSelected=true&selectedSortOption=-date`, '_self')\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapGetters(['recommended', 'basePrimeApi', 'primeAuth'])\r\n    },\r\n    components: {\r\n      RecommendedItem\r\n    },\r\n    created() {\r\n      this.getRecommended()\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  .empty-state {\r\n    width: 100%;\r\n    padding: 40px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-flow: column nowrap;\r\n    text-align: center;\r\n  }\r\n\r\n  .empty-state-text {\r\n    color: #888;\r\n    font-family: \"Open Sans\";\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    padding: 10px;\r\n  }\r\n\r\n  .empty-state-icon {\r\n    opacity: 0.2;\r\n  }\r\n\r\n  .recommended {\r\n    border-radius: 10px;\r\n    background-color: #FFFFFF;\r\n    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.2);\r\n    padding: 30px;\r\n    margin: 40px 0;\r\n  }\r\n\r\n  .title {\r\n    color: #000000;\r\n    font-family: Univers67B;\r\n    font-size: 24px;\r\n    line-height: 36px;\r\n    margin-bottom: 20px;\r\n    padding: 0 15px;\r\n  }\r\n\r\n  .block-icon {\r\n    margin-right: 10px;\r\n    margin-top: -3px;\r\n  }\r\n\r\n  .rec-c {\r\n    display: flex;\r\n    max-height: 404px;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .rec {\r\n    border-bottom: 1px solid #EAEAEA;\r\n    padding-bottom: 15px;\r\n    margin-bottom: 15px;\r\n    width: 50%;\r\n    max-width: 48%;\r\n  }\r\n\r\n  .rec-lonely {\r\n    padding-bottom: 15px;\r\n    margin-bottom: 15px;\r\n    width: 100%;\r\n  }\r\n\r\n  .see-all-block {\r\n    border-top: 1px solid #EAEAEA;\r\n    height: 45px;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    padding-top: 30px;\r\n    padding-left: 30px;\r\n    width: calc(100% + 30px);\r\n    margin-left: -15px;\r\n  }\r\n\r\n  .see-all-link {\r\n    color: #006491;\r\n    font-family: Univers67B;\r\n    font-size: 12px;\r\n    letter-spacing: 1px;\r\n    line-height: 15px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  @media (max-width: 1400px) {\r\n    .rec {\r\n      width: 100%;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .rec-c {\r\n      overflow-y: auto;\r\n      padding-right: 10px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 765px) {\r\n    .recommended {\r\n      margin-left: 15px;\r\n      margin-right: 15px;\r\n      padding: 30px 20px 30px 30px;\r\n    }\r\n\r\n    .rec, .rec-lonely {\r\n      padding: 10px;\r\n      max-width: 100% !important;\r\n      width: 100%;\r\n    }\r\n\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recommended.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recommended.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Recommended.vue?vue&type=template&id=6b96aa9b&scoped=true&\"\nimport script from \"./Recommended.vue?vue&type=script&lang=js&\"\nexport * from \"./Recommended.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Recommended.vue?vue&type=style&index=0&id=6b96aa9b&prod&scoped=true&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  \"6b96aa9b\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"my-skills\"}},[_c('div',{directives:[{name:\"on-resize\",rawName:\"v-on-resize\",value:(_vm.checkWidth),expression:\"checkWidth\"}],ref:\"blockRef\"},[_vm._m(0),(_vm.filteredSkills.length)?_c('div',{staticClass:\"skills-c\"},_vm._l((_vm.filteredSkills),function(skill){return _c('div',{key:skill.id,staticClass:\"skills\"},[_c('div',{staticClass:\"skill\"},[_c('div',{staticClass:\"left\"},[_c('span',{class:['name', _vm.minLabels && 'min']},[_vm._v(_vm._s(skill.name))]),_c('span',{staticClass:\"badge\"},[_vm._v(_vm._s(skill.levelName))])]),_c('div',{staticClass:\"right\"},[_c('span',{staticClass:\"completed\"},[_vm._v(_vm._s(skill.percentCompleted)+\"%\")]),_c('span',{staticClass:\"text\"},[_vm._v(\"complete\")])])])])}),0):_c('div',{staticClass:\"empty-state\"},[_c('img',{staticClass:\"empty-state-icon\",attrs:{\"alt\":\"icon\",\"src\":require(\"../../assets/images/empty_state_my_skills.svg\")}}),_c('div',{staticClass:\"empty-state-text\"},[_vm._v(\"Track Skills, their progress and explore further to Upskill yourselves. \")])])]),_c('div',{staticClass:\"see-all-block\"},[_c('div',{staticClass:\"see-all-link\",on:{\"click\":_vm.seeSkills}},[_vm._v(_vm._s(_vm.filteredSkills.length ? 'SEE ALL SKILL DATA' : \"EXPLORE SKILLS\")),_c('img',{style:({marginTop: '-2px'}),attrs:{\"src\":require(\"../../assets/images/arrow-right-blue.svg\")}})])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_c('img',{staticClass:\"block-icon\",attrs:{\"alt\":\"icon\",\"src\":require(\"../../assets/images/skills.svg\")}}),_vm._v(\"My Skills\")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div id=\"my-skills\">\r\n\t\t<div ref=\"blockRef\" v-on-resize=\"checkWidth\">\r\n\t\t\t<div class=\"title\"><img alt=\"icon\" class=\"block-icon\" src=\"../../assets/images/skills.svg\"/>My Skills</div>\r\n\r\n\t\t\t<div class=\"skills-c\" v-if=\"filteredSkills.length\">\r\n\t\t\t\t<div :key=\"skill.id\" class=\"skills\" v-for=\"skill in filteredSkills\">\r\n\t\t\t\t\t<div class=\"skill\">\r\n\t\t\t\t\t\t<div class=\"left\">\r\n\t\t\t\t\t\t\t<span :class=\"['name', minLabels && 'min']\">{{skill.name}}</span>\r\n\t\t\t\t\t\t\t<span class=\"badge\">{{skill.levelName}}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"right\">\r\n\t\t\t\t\t\t\t<span class=\"completed\">{{skill.percentCompleted}}%</span>\r\n\t\t\t\t\t\t\t<span class=\"text\">complete</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"empty-state\" v-else>\r\n\t\t\t\t<img alt=\"icon\" class=\"empty-state-icon\" src=\"../../assets/images/empty_state_my_skills.svg\"/>\r\n\t\t\t\t<div class=\"empty-state-text\">Track Skills, their progress and explore further to Upskill yourselves.\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t\t<div class=\"see-all-block\">\r\n\t\t\t<div @click=\"seeSkills\" class=\"see-all-link\">{{filteredSkills.length ? 'SEE ALL SKILL DATA' : \"EXPLORE\r\n\t\t\t\tSKILLS\"}}<img :style=\"{marginTop: '-2px'}\"\r\n\t\t\t\t              src='../../assets/images/arrow-right-blue.svg'/></div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport {mapActions, mapGetters} from 'vuex';\r\n\r\n\texport default {\r\n\t\tname: 'MySkills',\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tminLabels: false,\r\n\t\t\t\tfilteredSkills: []\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters(['basePrimeApi', 'primeAuth', 'skills'])\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions(['getMySkills']),\r\n\t\t\tseeSkills() {\r\n\t\t\t\twindow.open(`${this.basePrimeApi}/app/learner?b_qp_custom=false&i_qp_user_id=${this.primeAuth.user_id}&accountId=${this.primeAuth.account_id}#/skills`, '_self');\r\n\t\t\t},\r\n\t\t\tcheckWidth() {\r\n\t\t\t\tthis.minLabels = this.$refs.blockRef.clientWidth < 270;\r\n\t\t\t},\r\n\t\t\tloadSkills(next) {\r\n\t\t\t\tthis.getMySkills(next).then(res => {\r\n\t\t\t\t\tlet arr = this.skills.sort((a, b) => a.percentCompleted < b.percentCompleted ? 1 : -1);\r\n          let low = arr.filter(s => s.percentCompleted < 100);\r\n          let cent = arr.filter(s => s.percentCompleted === 100);\r\n          this.filteredSkills = low.concat(cent).slice(0, 5);\r\n        });\r\n\t\t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tthis.loadSkills();\r\n\t\t},\r\n\t\tdirectives: {\r\n\t\t\tonResize: {\r\n\t\t\t\tbind(el, binding, vnode) {\r\n\t\t\t\t\tel.resizeEl = function (el) {\r\n\t\t\t\t\t\tvnode.context[binding.expression](event);\r\n\t\t\t\t\t};\r\n\t\t\t\t\twindow.addEventListener('resize', el.resizeEl);\r\n\t\t\t\t},\r\n\t\t\t\tunbind: function (el) {\r\n\t\t\t\t\twindow.removeEventListener('click', el.resizeEl);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n\t.empty-state\r\n\t\twidth 100%\r\n\t\tpadding 40px\r\n\t\tdisplay flex\r\n\t\tjustify-content center\r\n\t\talign-items center\r\n\t\tflex-flow row nowrap\r\n\t\ttext-align center\r\n\r\n\t.empty-state-text\r\n\t\tcolor #888\r\n\t\tfont-family \"Open Sans\"\r\n\t\tfont-size 14px\r\n\t\tline-height 20px\r\n\t\tmax-width 190px\r\n\t\tpadding-left 20px\r\n\r\n\t.empty-state-icon\r\n\t\topacity 0.2\r\n\r\n\t#my-skills\r\n\t\tmax-width 850px\r\n\t\tborder-radius 10px\r\n\t\tbackground-color #FFFFFF\r\n\t\tbox-shadow 0 5px 14px 0 rgba(0, 0, 0, 0.2)\r\n\t\tpadding 30px 15px\r\n\t\t// margin-top 40px\r\n\r\n\t\t.title\r\n\t\t\tcolor #000000\r\n\t\t\tfont-family Univers67B\r\n\t\t\tfont-size 24px\r\n\t\t\tline-height 36px\r\n\t\t\tmargin-bottom 20px\r\n\t\t\tpadding 0 15px\r\n\r\n\t\t\t.block-icon\r\n\t\t\t\tmargin-right 10px\r\n\t\t\t\tmargin-top -3px\r\n\r\n\t\t.skills\r\n\t\t\tpadding 0 15px\r\n\r\n\t\t\t.skill\r\n\t\t\t\tdisplay flex\r\n\t\t\t\tflex-direction row\r\n\t\t\t\tjustify-content space-between\r\n\t\t\t\talign-items center\r\n\t\t\t\tmargin-bottom 20px\r\n\r\n\t\t\t\t.left\r\n\t\t\t\t\tdisplay flex\r\n\t\t\t\t\tflex-direction row\r\n\t\t\t\t\talign-items center\r\n\r\n\t\t\t\t\t.name\r\n\t\t\t\t\t\tcolor #000000\r\n\t\t\t\t\t\tfont-family \"Open Sans\"\r\n\t\t\t\t\t\tfont-size 16px\r\n\t\t\t\t\t\tdisplay flex\r\n\t\t\t\t\t\talign-items center\r\n\t\t\t\t\t\tmargin-right 5px\r\n\r\n\t\t\t\t\t\t&.min\r\n\t\t\t\t\t\t\twidth min-content\r\n\r\n\t\t\t\t\t.badge\r\n\t\t\t\t\t\theight 20px\r\n\t\t\t\t\t\tborder-radius 10px\r\n\t\t\t\t\t\tbackground-color rgba(216, 216, 216, 0.2)\r\n\t\t\t\t\t\topacity 0.5\r\n\t\t\t\t\t\tcolor rgba(0, 0, 0, 0.5)\r\n\t\t\t\t\t\tfont-family \"Open Sans\"\r\n\t\t\t\t\t\tfont-size 12px\r\n\t\t\t\t\t\tdisplay flex\r\n\t\t\t\t\t\talign-items center\r\n\r\n\t\t\t\t.right\r\n\t\t\t\t\tdisplay flex\r\n\t\t\t\t\tflex-direction row\r\n\t\t\t\t\talign-items center\r\n\r\n\t\t\t\t\t.completed\r\n\t\t\t\t\t\tcolor #000000\r\n\t\t\t\t\t\tfont-family Univers67B\r\n\t\t\t\t\t\tfont-size 14px\r\n\t\t\t\t\t\ttext-align right\r\n\t\t\t\t\t\tdisplay flex\r\n\t\t\t\t\t\talign-items center\r\n\r\n\t\t\t\t\t.text\r\n\t\t\t\t\t\tcolor #000000\r\n\t\t\t\t\t\tfont-family Univers57\r\n\t\t\t\t\t\tfont-size 14px\r\n\t\t\t\t\t\ttext-align center\r\n\t\t\t\t\t\tdisplay flex\r\n\t\t\t\t\t\talign-items center\r\n\t\t\t\t\t\tmargin-left 5px\r\n\r\n\t\t.see-all-block\r\n\t\t\tborder-top 1px solid #EAEAEA\r\n\t\t\theight 45px\r\n\t\t\tdisplay flex\r\n\t\t\tjustify-content flex-start\r\n\t\t\tpadding-top 30px\r\n\t\t\tpadding-left 30px\r\n\t\t\twidth calc(100% + 30px)\r\n\t\t\tmargin-left -15px\r\n\r\n\t\t\t.see-all-link\r\n\t\t\t\tcolor #006491\r\n\t\t\t\tfont-family Univers67B\r\n\t\t\t\tfont-size 12px\r\n\t\t\t\tletter-spacing 1px\r\n\t\t\t\tline-height 15px\r\n\t\t\t\ttext-align center\r\n\r\n\t.see-all-link\r\n\t\tcursor pointer\r\n\r\n\t\t@media (max-width: 990px)\r\n\t\t\t#my-skills\r\n\t\t\t\tmargin-top 20px\r\n\r\n\t\t@media (max-width: 765px)\r\n\t\t\t#my-skills\r\n\t\t\t\t.skills\r\n\t\t\t\t\tpadding 0\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MySkills.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MySkills.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MySkills.vue?vue&type=template&id=25e0cce8&scoped=true&\"\nimport script from \"./MySkills.vue?vue&type=script&lang=js&\"\nexport * from \"./MySkills.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MySkills.vue?vue&type=style&index=0&id=25e0cce8&prod&lang=stylus&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  \"25e0cce8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <b-row class=\"m-0\" :style=\"{'backgroundColor': !slides.length && brand ? brand.color : 'none'}\">\r\n      <b-col class=\"m-0 p-0\" md=\"4\" xs=\"12\" v-if=\"brand\" :lg=\"slides.length ? 3 : 4\">\r\n        <div class=\"greeting\" :style=\"{backgroundColor: brand.color}\">\r\n          <img class=\"image\" v-if=\"brand.imageUrl\"\r\n               :src=\"`${gateway}api/${brand.imageUrl}`\"/>\r\n          <span class=\"text\" v-clampy=\"10\">{{brand.description}}</span>\r\n        </div>\r\n      </b-col>\r\n      <b-col class=\"m-0 p-0\" :md=\"brand ? 8 : 12\" xs=\"12\" :lg=\"brand ? 9 : 12\" v-if=\"slides.length\">\r\n        <dashboard-slider/>\r\n      </b-col>\r\n    </b-row>\r\n    <b-row class=\"m-0 page-content\">\r\n      <b-col class=\"mobile-no-padding\" lg=\"8\" xs=\"12\">\r\n        <my-learning/>\r\n        <recommended/>\r\n      </b-col>\r\n      <b-col>\r\n        <my-skills/>\r\n<!--        <my-jobs-aids/>-->\r\n      </b-col>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from 'vuex';\r\nimport DashboardSlider from '../components/DashboardSlider.vue';\r\nimport MyLearning from '../components/dashboard/MyLearning.vue';\r\nimport Recommended from '../components/dashboard/Recommended.vue';\r\nimport MySkills from '../components/dashboard/MySkills.vue';\r\n// import MyJobsAids from '../components/dashboard/MyJobsAids.vue';\r\n\r\nexport default {\r\n\tname: 'Dashboard',\r\n\tcomponents: {\r\n\t\tDashboardSlider,\r\n\t\tMyLearning,\r\n\t\tRecommended,\r\n\t\tMySkills,\r\n\t\t// MyJobsAids\r\n\t},\r\n\tcomputed: {\r\n\t\t// TODO:change layout if brand is null\r\n\t\t...mapGetters(['brand', 'gateway', 'slides'])\r\n\t},\r\n\tmethods: {\r\n\t\t...mapActions(['getSlides']),\r\n\t\t...mapActions('notifications', ['getNotifications'])\r\n\t},\r\n\tcreated () {\r\n\t\tthis.getSlides();\r\n\t\tthis.getNotifications();\r\n\t}\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .greeting\r\n    background-color #005177\r\n    height 360px\r\n    display flex\r\n    justify-content center\r\n    align-items center\r\n    flex-direction column\r\n    padding 0 60px\r\n\r\n    .image\r\n      height 75px\r\n      width 75px\r\n      margin-bottom 30px\r\n      object-fit contain\r\n\r\n    .text\r\n      color #FFFFFF\r\n      font-family \"Open Sans\"\r\n      font-size 16px\r\n      line-height 24px\r\n      text-align center\r\n\r\n  .page-content\r\n    padding 40px 80px\r\n\r\n  @media (max-width: 765px)\r\n    .page-content\r\n      padding 0 0 20px 0\r\n\r\n      .mobile-no-padding\r\n        padding 0\r\n\r\n  @media (max-width: 425px)\r\n    .greeting\r\n      height 150px\r\n      padding 0 20px\r\n\r\n      .image\r\n        height 54px\r\n        width 54px\r\n        margin-bottom 15px\r\n\r\n      .text\r\n        font-size 12px\r\n        line-height 16px\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=1d8cd6ea&scoped=true&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&id=1d8cd6ea&prod&lang=stylus&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  \"1d8cd6ea\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecommendedItem.vue?vue&type=style&index=0&id=97942e48&prod&lang=stylus&scoped=true&\""],"sourceRoot":""}