{"version":3,"file":"js/chunk-d7abb906.82763afd.js","sources":["webpack:///./components/CourseListCard.vue?1532","webpack:///components/CourseListCard.vue","webpack:///./components/CourseListCard.vue?568f","webpack:///./components/CourseListCard.vue","webpack:///./public/coursePlaceholder.png","webpack:///./components/CourseListCard.vue?deb4"],"sourceRoot":"","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.cnp)?_c('b-card',{staticClass:\"a-card-menu\"},[_c('h3',{staticClass:\"w-color-black fw-bold mb-4\"},[_vm._v(_vm._s(_vm.title))]),_c('b-list-group',{attrs:{\"flush\":\"\"}},_vm._l((_vm.cnp),function(cnpItem,i){return _c('b-list-group-item',{key:i,class:{ completed: _vm.cnpCompleted(cnpItem) },on:{\"click\":function($event){$event.preventDefault();return _vm.onClick(cnpItem)}}},[_c('div',{staticClass:\"d-flex align-items-center pl-2\"},[_c('div',{staticClass:\"image\",class:{ completed: _vm.showCompleted && _vm.cnpCompleted(cnpItem) }},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":_vm.cnpThumbnail(cnpItem) ||\n              require('/public/coursePlaceholder.png')}}),(_vm.showCompleted && _vm.cnpCompleted(cnpItem))?_c('svg-checked-circle-icon',{staticClass:\"image__completed-icon\"}):_vm._e()],1),_c('span',[(cnpItem._model === 'path')?_c('svg-series-icon',{staticClass:\"icon mr-1\"}):_vm._e(),(\n              !_vm.isLoggedIn &&\n              cnpItem.attributes.public &&\n              _vm.coursePlayerMode === 'path'\n            )?_c('svg-open-lock-icon',{staticClass:\"is-public-icon w-color-dark-green\"}):_vm._e(),(\n              !_vm.isLoggedIn &&\n              _vm.coursePlayerMode === 'path' &&\n              !cnpItem.attributes.public\n            )?_c('svg-closed-lock-icon',{staticClass:\"is-public-icon w-color-dark-red\"}):_vm._e(),_vm._v(\" \"+_vm._s(cnpItem.attributes.name)+\" \")],1)])])}),1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"a-card-menu\" v-if=\"cnp\">\n    <h3 class=\"w-color-black fw-bold mb-4\">{{ title }}</h3>\n    <b-list-group flush>\n      <b-list-group-item\n        v-for=\"(cnpItem, i) of cnp\"\n        :key=\"i\"\n        @click.prevent=\"onClick(cnpItem)\"\n        :class=\"{ completed: cnpCompleted(cnpItem) }\"\n      >\n        <div class=\"d-flex align-items-center pl-2\">\n          <div\n            class=\"image\"\n            :class=\"{ completed: showCompleted && cnpCompleted(cnpItem) }\"\n          >\n            <img\n              :src=\"\n                cnpThumbnail(cnpItem) ||\n                require('/public/coursePlaceholder.png')\n              \"\n              class=\"img-fluid\"\n            />\n            <svg-checked-circle-icon\n              v-if=\"showCompleted && cnpCompleted(cnpItem)\"\n              class=\"image__completed-icon\"\n            />\n          </div>\n          <span>\n            <svg-series-icon\n              v-if=\"cnpItem._model === 'path'\"\n              class=\"icon mr-1\"\n            />\n            <svg-open-lock-icon\n              v-if=\"\n                !isLoggedIn &&\n                cnpItem.attributes.public &&\n                coursePlayerMode === 'path'\n              \"\n              class=\"is-public-icon w-color-dark-green\"\n            />\n            <svg-closed-lock-icon\n              v-if=\"\n                !isLoggedIn &&\n                coursePlayerMode === 'path' &&\n                !cnpItem.attributes.public\n              \"\n              class=\"is-public-icon w-color-dark-red\"\n            />\n            {{ cnpItem.attributes.name }}\n          </span>\n        </div>\n      </b-list-group-item>\n    </b-list-group>\n  </b-card>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport { get } from \"lodash\";\nimport { resolveCmsMediaUrl } from \"/utils/helpers\";\n\nimport * as Sentry from \"@sentry/vue\";\n\nexport default {\n  components: {\n    \"svg-series-icon\": () => import(\"/assets/icons/iconSeries.svg?inline\"),\n    \"svg-checked-circle-icon\": () =>\n      import(\"/assets/icons/checkedCircle.svg?inline\"),\n    \"svg-open-lock-icon\": () => import(\"/assets/icons/openLock.svg?inline\"),\n    \"svg-closed-lock-icon\": () => import(\"/assets/icons/closedLock.svg?inline\"),\n  },\n  props: {\n    title: { required: true, type: String },\n    showCompleted: { type: Boolean, default: false },\n    /** Combination of Courses and Paths */\n    cnp: { required: true, type: Array },\n    coursePlayerMode: { default: \"course\", type: String },\n    pathSlug: { required: false, type: String },\n  },\n  computed: {\n    ...mapGetters(\"auth\", [\"isLoggedIn\", \"user\"]),\n  },\n  data() {\n    return {\n      isInPath: this.coursePlayerMode === \"path\",\n    };\n  },\n  mounted() {\n    this._loadUser();\n  },\n  methods: {\n    async _loadUser() {\n      try {\n        await this.$store.dispatch(\"auth/user\");\n      } catch (error) {\n        Sentry.captureException(error);\n        console.warn(error);\n      }\n    },\n\n    onClick(cnpItem) {\n      this._loadUser();\n      const cnpUrl = this.cnpLink(cnpItem);\n\n      if (\n        !this.isLoggedIn &&\n        !get(cnpItem, \"attributes.public\") &&\n        cnpItem._model === \"course\"\n      ) {\n        localStorage.setItem(\"LAST_FROM_ROUTE\", cnpUrl);\n        this.EventBus.$emit(\"locked-content-accessed\");\n        return;\n      }\n\n      this.$router.push(cnpUrl);\n    },\n\n    /** Generate a link based on an underlying model: Course or Path */\n    cnpLink(cnpItem) {\n      const cnpSlug = cnpItem.attributes.slug || cnpItem.id;\n\n      if (cnpItem._model === \"path\") {\n        return `/seria/${cnpSlug}`;\n      } else {\n        return this.isInPath\n          ? `/kurz/${cnpSlug}?seria=${this.pathSlug}`\n          : `/kurz/${cnpSlug}`;\n      }\n    },\n    cnpThumbnail(cnpItem) {\n      return resolveCmsMediaUrl(\n        get(\n          cnpItem,\n          \"attributes.thumbnail.data.attributes.formats.small.url\"\n        ) || get(cnpItem, \"attributes.thumbnail.data.attributes.url\")\n      );\n    },\n    cnpCompleted(cnpItem) {\n      if (!this.isLoggedIn) {\n        return false;\n      }\n\n      if (cnpItem._model === \"path\") {\n        return this.user.pathCertificates.some(\n          (certificate) => certificate.path.id === cnpItem.id\n        );\n      }\n\n      return this.user.courseCertificates.some(\n        (certificate) => certificate.course.id === cnpItem.id\n      );\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh3 {\n  border-bottom: 0;\n  padding-bottom: 0;\n}\n\n.icon::v-deep path {\n  fill: #eb1b69;\n}\n\n.list-group-item {\n  font-weight: bold;\n\n  &.completed {\n    background-color: rgba(144, 238, 144, 0.2);\n  }\n\n  &.router-link-exact-active {\n    background-color: var(--a-color-primary);\n    color: var(--a-color-white);\n  }\n\n  &:hover {\n    text-decoration: none;\n    background-color: var(--a-color-blue-light);\n    cursor: pointer;\n  }\n\n  .image {\n    flex: 0 0 4.5rem;\n    margin-right: 1.5rem;\n    position: relative;\n\n    &.completed {\n      &::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background-color: lightgreen;\n        opacity: 0.9;\n        z-index: 1;\n      }\n    }\n\n    .image__completed-icon {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      margin: auto;\n      width: 25px;\n      color: var(--a-color-black);\n      z-index: 2;\n    }\n  }\n}\n\n.is-public-icon {\n  width: 1.5rem;\n  margin-right: 0.25rem;\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseListCard.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseListCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CourseListCard.vue?vue&type=template&id=d801410c&scoped=true\"\nimport script from \"./CourseListCard.vue?vue&type=script&lang=js\"\nexport * from \"./CourseListCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./CourseListCard.vue?vue&type=style&index=0&id=d801410c&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d801410c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/coursePlaceholder.f92dee09.png\";","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseListCard.vue?vue&type=style&index=0&id=d801410c&prod&lang=scss&scoped=true\""],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","title","attrs","_l","cnpItem","i","key","class","completed","cnpCompleted","on","$event","preventDefault","onClick","showCompleted","cnpThumbnail","_e","_model","isLoggedIn","attributes","public","coursePlayerMode","name","staticRenderFns","components","props","required","type","String","Boolean","default","cnp","Array","pathSlug","computed","isInPath","_loadUser","methods","$store","dispatch","error","console","warn","cnpUrl","cnpLink","localStorage","setItem","EventBus","$emit","$router","push","cnpSlug","slug","id","user","pathCertificates","some","certificate","path","courseCertificates","course","component","module","exports"],"mappings":"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","debug_id":"08442c40-6ec8-5ff4-afda-d45291aa64de"}