{"version":3,"sources":["webpack:///./src/views/Courses/Info.vue?c639","webpack:///./src/views/Courses/Info.vue?7819","webpack:///src/views/Courses/Info.vue","webpack:///./src/views/Courses/Info.vue?f9d8","webpack:///./src/views/Courses/Info.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","course","imageFileName","staticStyle","attrs","_f","_v","_s","name","descriptionShort","author","firstName","lastName","_e","jobTitle","_m","price","params","id","on","addToCart","class","active","selectedTab","$event","directives","rawName","value","expression","domProps","descriptionLong","bio","details","courseFeatures","length","_l","feature","featureIcon","featureName","featureValue","category","staticRenderFns","component"],"mappings":"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","file":"js/chunk-56486a1e.af9b8859.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Info.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Info.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.course)?_c('div',{staticClass:\"courses-single-page\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-8\"},[_c('div',{staticClass:\"content-page-wrap clearfix\"},[_c('div',{staticClass:\"course-single\"},[_c('div',{staticClass:\"featured-post\"},[_c('div',{staticClass:\"entry-image\"},[_c('a',{staticClass:\"fancybox\"},[(!_vm.course.imageFileName)?_c('i',{staticClass:\"fa fa-5x fa-image\",staticStyle:{\"margin-left\":\"35%\",\"margin-top\":\"10%\"}}):_c('img',{staticStyle:{\"margin-top\":\"30px\"},attrs:{\"src\":_vm._f(\"s3url\")(_vm.course),\"alt\":\"images\"}})])])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_c('a',{staticClass:\"accent-secondary-tx\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.course.name))])]),_c('p',[_vm._v(\" \"+_vm._s(_vm.course.descriptionShort)+\" \")]),_c('div',{staticClass:\"author-price\"},[_c('div',{staticClass:\"author\"},[_c('div',{staticClass:\"avatar\"},[(_vm.course.author && _vm.course.author.imageFileName)?_c('img',{staticStyle:{\"max-width\":\"80px\"},attrs:{\"src\":_vm._f(\"s3url\")(_vm.course.author),\"alt\":\"images\"}}):_c('i',{staticClass:\"fa fa-5x fa-image\"})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"name\"},[(_vm.course.author)?_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.course.author.firstName)+\" \"+_vm._s(_vm.course.author.lastName))]):_vm._e()]),(_vm.course.author)?_c('div',{staticClass:\"job\"},[_vm._v(\" \"+_vm._s(_vm.course.author.jobTitle)+\" \")]):_vm._e(),_vm._m(0)])]),_c('div',{staticClass:\"price-wrap price-course-single\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"price\"},[_c('span',{staticClass:\"price-now\"},[_vm._v(_vm._s(_vm.course.price ? \"R\" + _vm.course.price : \"FREE\")),_c('span',{staticClass:\"font-smaller\"},[_vm._v(\" Excl. VAT\")])])]),_c('div',{staticClass:\"btn-buynow\"},[(_vm.course.userAssigned)?_c('router-link',{staticClass:\"btn-site-primary\",attrs:{\"to\":{ name: 'CourseDetails', params: { id: _vm.course.id }}}},[_vm._v(\"Continue\")]):_c('a',{staticClass:\"btn-site-primary text-nowrap\",on:{\"click\":_vm.addToCart}},[_vm._v(_vm._s(_vm.course.price > 0 ? \"Add to cart\" : \"Enrol\"))])],1)])])])])]),_c('div',{staticClass:\"flat-tabs\"},[_c('ul',{staticClass:\"tab-title type1 clearfix\"},[_c('li',{staticClass:\"item-title accent-primary-bg accent-primary-tx\",class:{ active: (_vm.selectedTab == 0) },on:{\"click\":function($event){_vm.selectedTab = 0}}},[_c('span',{staticClass:\"inner\"},[_vm._v(\"OVERVIEW\")])]),_c('li',{staticClass:\"item-title accent-primary-bg accent-primary-tx\",class:{ active: (_vm.selectedTab == 1) },on:{\"click\":function($event){_vm.selectedTab = 1}}},[_c('span',{staticClass:\"inner\"},[_vm._v(\"INSTRUCTOR\")])])]),_c('div',{staticClass:\"tab-content-wrap\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedTab == 0),expression:\"selectedTab == 0\"}],staticClass:\"tab-content\"},[_c('div',{staticClass:\"item-content\"},[(_vm.course.descriptionLong)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.course.descriptionLong)}}):_c('div',{staticClass:\"title text-center\"},[_vm._v(\" No description \")])])]),(_vm.course.author)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedTab == 1),expression:\"selectedTab == 1\"}],staticClass:\"tab-content\"},[_c('div',{staticClass:\"item-content\"},[_c('div',{staticClass:\"question-sg text clearfix\"},[_c('h1',[_vm._v(\" \"+_vm._s(_vm.course.author.firstName)+\" \"+_vm._s(_vm.course.author.lastName)+\" \")]),(_vm.course.author.jobTitle)?_c('h2',[_vm._v(_vm._s(_vm.course.author.jobTitle))]):_vm._e(),(_vm.course.author.videoFileName)?_c('vue-plyr',{staticClass:\"plyr-video\"},[_c('video',{attrs:{\"poster\":\"poster.png\",\"src\":_vm._f(\"s3url\")(_vm.course.author,'video')}})]):_vm._e(),(_vm.course.author.bio)?_c('p',{staticStyle:{\"margin-top\":\"10px\"},domProps:{\"innerHTML\":_vm._s(_vm.course.author.bio)}},[_vm._v(\" \"+_vm._s(_vm.course.author.bio)+\" \")]):_c('p',[_vm._v(\"No bio\")])],1)])]):_vm._e()])])])]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"sidebar-right\"},[(_vm.course.details.courseFeatures && _vm.course.details.courseFeatures.length > 0)?_c('div',{staticClass:\"widget widget-features accent-primary-bs accent-primary-bd\",staticStyle:{\"margin-top\":\"40px\"}},[_c('div',{staticClass:\"widget-title\"},[_vm._v(\" Course Features \")]),_c('div',{staticClass:\"content\"},[_c('ul',{staticClass:\"features accent-secondary-tx\"},[_vm._l((_vm.course.details.courseFeatures),function(feature){return _c('li',{staticClass:\"d-flex justify-content-between\"},[_c('div',[(feature.featureIcon)?_c('i',{staticClass:\"mr-2\",class:feature.featureIcon}):_vm._e(),_c('span',{staticClass:\"info-label\"},[_vm._v(_vm._s(feature.featureName))])]),_c('span',{staticClass:\"info-value\"},[_vm._v(_vm._s(feature.featureValue))])])}),_c('li',[_c('i',{staticClass:\"fa fa-book mr-2\"}),_c('span',{staticClass:\"info-label\"},[_vm._v(\"Category\")]),_c('span',{staticClass:\"info-value\"},[_vm._v(\" \"+_vm._s(_vm.course.category)+\" \")])])],2)])]):_vm._e()])])])])]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"list-star \"},[_c('i',{staticClass:\"fa fa-star\",attrs:{\"aria-hidden\":\"true\"}}),_c('i',{staticClass:\"fa fa-star\",attrs:{\"aria-hidden\":\"true\"}}),_c('i',{staticClass:\"fa fa-star\",attrs:{\"aria-hidden\":\"true\"}}),_c('i',{staticClass:\"fa fa-star\",attrs:{\"aria-hidden\":\"true\"}}),_c('i',{staticClass:\"fa fa-star\",attrs:{\"aria-hidden\":\"true\"}}),_c('span',{staticClass:\"evaluate\"},[_vm._v(\"4.9\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"course\" class=\"courses-single-page\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-lg-8\">\r\n                    <div class=\"content-page-wrap clearfix\">\r\n                        <div class=\"course-single\">\r\n                            <div class=\"featured-post\">\r\n                                <div class=\"entry-image\">\r\n                                    <a class=\"fancybox\">\r\n                                        <i class=\"fa fa-5x fa-image\" v-if=\"!course.imageFileName\" style=\"margin-left: 35%; margin-top: 10%;\"></i>\r\n                                        <img v-else v-bind:src=\"course | s3url\" alt=\"images\" style=\"margin-top: 30px;\">\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"content\">\r\n                                <div class=\"title\">\r\n                                    <a href=\"#\" class=\"accent-secondary-tx\">{{ course.name }}</a>\r\n                                </div>\r\n                                <p>\r\n                                    {{ course.descriptionShort }}\r\n                                </p>\r\n                                <div class=\"author-price\">\r\n                                    <div class=\"author\">\r\n                                        <div class=\"avatar\">\r\n                                            <img v-if=\"course.author && course.author.imageFileName\" v-bind:src=\"course.author | s3url\" alt=\"images\" style=\"max-width: 80px\">\r\n                                            <i class=\"fa fa-5x fa-image\" v-else style=\"\"></i>\r\n                                        </div>\r\n                                        <div class=\"info\">\r\n                                            <div class=\"name\">\r\n                                                <a v-if=\"course.author\" href=\"#\">{{ course.author.firstName }} {{ course.author.lastName }}</a>\r\n                                            </div>\r\n                                            <div v-if=\"course.author\" class=\"job\">\r\n                                                {{ course.author.jobTitle }}\r\n                                            </div>\r\n                                            <div class=\"list-star \">\r\n                                                <i class=\"fa fa-star\" aria-hidden=\"true\"></i>\r\n                                                <i class=\"fa fa-star\" aria-hidden=\"true\"></i>\r\n                                                <i class=\"fa fa-star\" aria-hidden=\"true\"></i>\r\n                                                <i class=\"fa fa-star\" aria-hidden=\"true\"></i>\r\n                                                <i class=\"fa fa-star\" aria-hidden=\"true\"></i>\r\n                                                <span class=\"evaluate\">4.9</span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"price-wrap price-course-single\">\r\n                                        <div class=\"d-flex align-items-center\">\r\n                                            <div class=\"price\">\r\n                                                <span class=\"price-now\">{{ course.price ? \"R\" + course.price : \"FREE\" }}<span class=\"font-smaller\"> Excl. VAT</span></span>\r\n                                            </div>\r\n                                            <div class=\"btn-buynow\">\r\n                                                <router-link class=\"btn-site-primary\" v-if=\"course.userAssigned\" :to=\"{ name: 'CourseDetails', params: { id: course.id }}\">Continue</router-link>\r\n                                                <a v-else class=\"btn-site-primary text-nowrap\" v-on:click=\"addToCart\">{{ course.price > 0 ? \"Add to cart\" : \"Enrol\" }}</a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"flat-tabs\">\r\n                            <ul class=\"tab-title type1 clearfix\">\r\n                                <li class=\"item-title accent-primary-bg accent-primary-tx\" v-on:click=\"selectedTab = 0\" v-bind:class=\"{ active: (selectedTab == 0) }\">\r\n                                    <span class=\"inner\">OVERVIEW</span>\r\n                                </li>\r\n                                <li class=\"item-title accent-primary-bg accent-primary-tx\" v-on:click=\"selectedTab = 1\" v-bind:class=\"{ active: (selectedTab == 1) }\">\r\n                                    <span class=\"inner\">INSTRUCTOR</span>\r\n                                </li>\r\n                            </ul>\r\n                            <div class=\"tab-content-wrap\">\r\n                                <div class=\"tab-content\" v-show=\"selectedTab == 0\">\r\n                                    <div class=\"item-content\">\r\n                                        <div v-html=\"course.descriptionLong\" v-if=\"course.descriptionLong\"></div>\r\n                                        <div class=\"title text-center\" v-else>\r\n                                            No description\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-if=\"course.author\" class=\"tab-content\" v-show=\"selectedTab == 1\">\r\n                                    <div class=\"item-content\">\r\n                                        <div class=\"question-sg text clearfix\">\r\n                                            <h1>\r\n                                                {{ course.author.firstName }} {{ course.author.lastName }}\r\n                                            </h1>\r\n                                            <h2 v-if=\"course.author.jobTitle\">{{ course.author.jobTitle }}</h2>\r\n                                            <vue-plyr class=\"plyr-video\" v-if=\"course.author.videoFileName\">\r\n                                                <video poster=\"poster.png\" v-bind:src=\"course.author | s3url('video')\">\r\n                                                </video>\r\n                                            </vue-plyr>\r\n                                            <p style=\"margin-top: 10px\" v-html=\"course.author.bio\" v-if=\"course.author.bio\">\r\n                                                {{ course.author.bio }}\r\n                                            </p>\r\n                                            <p v-else>No bio</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-lg-4\">\r\n                    <div class=\"sidebar-right\">\r\n                        <!--create in lms and populate here-->\r\n                        <div class=\"widget widget-features accent-primary-bs accent-primary-bd\" style=\"margin-top: 40px;\" v-if=\"course.details.courseFeatures && course.details.courseFeatures.length > 0\">\r\n                            <div class=\"widget-title\">\r\n                                Course Features\r\n                            </div>\r\n                            <div class=\"content\">\r\n                                <ul class=\"features accent-secondary-tx\">\r\n                                    <li v-for=\"feature in course.details.courseFeatures\" class=\"d-flex justify-content-between\">\r\n                                        <div>\r\n                                            <i v-if=\"feature.featureIcon\" class=\"mr-2\" v-bind:class=\"feature.featureIcon\"></i>\r\n                                            <span class=\"info-label\">{{feature.featureName}}</span>\r\n                                        </div>\r\n                                        <span class=\"info-value\">{{feature.featureValue}}</span>\r\n                                    </li>\r\n                                    <li>\r\n                                        <i class=\"fa fa-book mr-2\"></i>\r\n                                        <span class=\"info-label\">Category</span>\r\n                                        <span class=\"info-value\">\r\n                                            {{course.category}}\r\n                                        </span>\r\n                                    </li>\r\n                                </ul>\r\n                                <!--\r\n                                <div class=\"share-via\">\r\n                                    <div class=\"title\">\r\n                                        Share via\r\n                                    </div>\r\n                                    <ul class=\"social-media\">\r\n                                        <li><a href=\"#\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\r\n                                        <li><a href=\"#\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\r\n                                        <li><a href=\"#\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\r\n                                        <li><a href=\"#\"><i class=\"fa fa-google-plus\" aria-hidden=\"true\"></i></a></li>\r\n                                    </ul>\r\n                                </div>\r\n                                    -->\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style>\r\n    .font-smaller{\r\n        font-size: 12px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .plyr-video {\r\n        margin: 20px auto 20px auto;\r\n        max-width: 80%;\r\n        max-height: 30%;\r\n    }\r\n\r\n    .item-content h1 {\r\n        font-size: 24px;\r\n        line-height: 30px;\r\n        font-weight: 500;\r\n        color: #004A8D;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .item-content p {\r\n        font-size: 17px;\r\n        color: #7a7a7a;\r\n        font-weight: 400;\r\n        margin-bottom: 15px;\r\n        text-align: justify;\r\n    }\r\n\r\n    .item-content ul {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .item-content li:before {\r\n        content: '\\f00c';\r\n        font-family: \"FontAwesome\";\r\n        color: #fbb545;\r\n        position: absolute;\r\n        left: 0;\r\n    }\r\n\r\n    .item-content li {\r\n        margin-bottom: 5px;\r\n        font-size: 17px;\r\n        position: relative;\r\n        display: block;\r\n        padding-left: 34px;\r\n    }\r\n</style>\r\n\r\n<script>\r\n\r\n    export default {\r\n        name: 'CourseInfo',\r\n        components: {\r\n\r\n        },\r\n        props: {\r\n\r\n        },\r\n        data() {\r\n            return {\r\n                course: null,\r\n                selectedTab: 0\r\n            }\r\n        },\r\n        computed: {\r\n            courseId() {\r\n                // We will see what `params` is shortly\r\n                return this.$route.params.id\r\n            },\r\n            siteDesign() {\r\n                return this.$store.state.siteDesign;\r\n            }\r\n        },\r\n        methods: {\r\n            addToCart() {\r\n                this.$store.commit(\"addToCart\", {\r\n                    type: \"course\",\r\n                    id: this.course.id,\r\n                    name: this.course.name,\r\n                    price: this.course.price,\r\n                    priceUsd: this.course.priceUsd,\r\n                    imageFileName: this.course.imageFileName\r\n                });\r\n            }\r\n        },\r\n        async mounted() {\r\n\r\n            debugger;\r\n            this.course = await this.web(\"/courses/info/\" + this.courseId);\r\n\r\n            var crumbs = {};\r\n            crumbs[\"/courses\"] = \"Courses\";\r\n            crumbs[\"/courses/\" + this.courseId] = this.course.name;\r\n            this.$store.commit(\"breadCrumbs\", crumbs);\r\n        }\r\n    }\r\n\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Info.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Info.vue?vue&type=template&id=1a730f6a&\"\nimport script from \"./Info.vue?vue&type=script&lang=js&\"\nexport * from \"./Info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Info.vue?vue&type=style&index=0&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"],"sourceRoot":""}