{"version":3,"sources":["webpack:///./src/views/CourseListPage.vue?0c52","webpack:///src/views/CourseListPage.vue","webpack:///./src/views/CourseListPage.vue?75e8","webpack:///./src/views/CourseListPage.vue","webpack:///./src/api/apiCourses.js","webpack:///./src/views/CourseListPage.vue?010b"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","on","$event","preventDefault","doFilter","model","value","callback","$$v","filterTitle","expression","_s","matchingCourses","length","_l","course","i","key","name","params","id","title","lessons","description","staticRenderFns","components","Title","LogoText","data","courses","props","String","Number","computed","filter","component","VForm","VTextField","listCourses","api","get","response","getCourse","listLessons","getLesson"],"mappings":"gHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,YAAY,CAACF,EAAG,QAAQ,CAACJ,EAAIO,GAAG,aAAaH,EAAG,IAAI,CAACI,YAAY,WAAW,CAACR,EAAIO,GAAG,gBAAgBH,EAAG,YAAYJ,EAAIO,GAAG,oFAAoF,GAAGH,EAAG,IAAI,CAACJ,EAAIO,GAAG,+CAA+CH,EAAG,SAAS,CAACK,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBX,EAAIY,cAAc,CAACR,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,qBAAqBO,MAAM,CAACC,MAAOd,EAAe,YAAEe,SAAS,SAAUC,GAAMhB,EAAIiB,YAAYD,GAAKE,WAAW,kBAAkB,GAAGd,EAAG,IAAI,CAACJ,EAAIO,GAAGP,EAAImB,GAAGnB,EAAIoB,gBAAgBC,QAAQ,aAAajB,EAAG,KAAK,CAACI,YAAY,aAAaR,EAAIsB,GAAItB,EAAmB,iBAAE,SAASuB,EAAOC,GAAG,OAAOpB,EAAG,KAAK,CAACqB,IAAI,KAAOD,GAAG,CAACpB,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,CAAEoB,KAAM,SAAUC,OAAQ,CAAEC,GAAIL,EAAOK,OAAS,CAAC5B,EAAIO,GAAGP,EAAImB,GAAGI,EAAOM,UAAqC,IAA1BN,EAAOO,QAAQT,OAAcjB,EAAG,OAAO,CAACI,YAAY,eAAe,CAACR,EAAIO,GAAG,oBAAoBH,EAAG,OAAO,CAACI,YAAY,SAAS,CAACR,EAAIO,GAAGP,EAAImB,GAAGI,EAAOO,QAAQT,QAAQ,cAAcjB,EAAG,MAAMA,EAAG,QAAQ,CAACI,YAAY,QAAQ,CAACR,EAAIO,GAAGP,EAAImB,GAAGI,EAAOQ,iBAAiB,MAAK,IAAI,IAC7qCC,EAAkB,G,0FCqCtB,GACEN,KAAM,iBACNO,WAAY,CACVC,MAAJ,aACIC,SAAJ,cAEEC,KANF,WAOI,MAAO,CACLnB,YAAa,GACboB,QAAS,KAGbC,MAAO,CACLV,GAAI,CAACW,OAAQC,SAEfC,SAAU,CACRrB,gBADJ,WACA,WACM,IACE,OAAOnB,KAAKoC,QAAQK,QAC5B,YAAU,OAAV,sCAEA,SACQ,MAAO,MAIb,QA1BF,WA0BA,iLAEA,qBAFA,OAEA,UAFA,yDAIA,oBAJA,4DChEmZ,I,qECQ/YC,EAAY,eACd,EACA5C,EACAiC,GACA,EACA,KACA,WACA,MAIa,aAAAW,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,aAAA,Q,wECvBrB,QACPC,YADO,WACO,mKACKC,OAAIC,IAAJ,iBADL,cACZC,EADY,yBAEXA,EAASb,MAFE,8CAIdc,UALO,SAKGtB,GAAI,mKACKmB,OAAIC,IAAJ,uBAAwBpB,EAAxB,MADL,cACZqB,EADY,yBAEXA,EAASb,MAFE,8CAIde,YATO,WASO,mKACKJ,OAAIC,IAAJ,iBADL,cACZC,EADY,yBAEXA,EAASb,MAFE,8CAIdgB,UAbO,SAaGxB,GAAI,mKACKmB,OAAIC,IAAJ,uBAAwBpB,EAAxB,MADL,cACZqB,EADY,yBAEXA,EAASb,MAFE,gD,6DCftB,yBAAsmB,EAAG","file":"js/courses.bcf7daad.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"courses\"}},[_c('Title',[_vm._v(\"Courses\")]),_c('p',{staticClass:\"caption\"},[_vm._v(\" Courses in \"),_c('LogoText'),_vm._v(\" provide a structured curriculum to help you progress in your musical journey. \")],1),_c('p',[_vm._v(\" Browse our collection of courses below. \")]),_c('v-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.doFilter()}}},[_c('v-text-field',{attrs:{\"label\":\"Filter by name...\"},model:{value:(_vm.filterTitle),callback:function ($$v) {_vm.filterTitle=$$v},expression:\"filterTitle\"}})],1),_c('p',[_vm._v(_vm._s(_vm.matchingCourses.length)+\" found.\")]),_c('ul',{staticClass:\"my-4 py-0\"},_vm._l((_vm.matchingCourses),function(course,i){return _c('li',{key:'li' + i},[_c('router-link',{attrs:{\"to\":{ name: 'course', params: { id: course.id } }}},[_vm._v(_vm._s(course.title))]),(course.lessons.length === 0)?_c('span',{staticClass:\"badge draft\"},[_vm._v(\"in preparation\")]):_c('span',{staticClass:\"badge\"},[_vm._v(_vm._s(course.lessons.length)+\" lessons\")]),_c('br'),_c('small',{staticClass:\"ml-4\"},[_vm._v(_vm._s(course.description))])],1)}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"courses\">\n    <Title>Courses</Title>\n    <p class=\"caption\">\n      Courses in <LogoText /> provide a structured curriculum to help you\n      progress in your musical journey.\n    </p>\n    <p>\n      Browse our collection of courses below.\n    </p>\n    <v-form @submit.prevent=\"doFilter()\">\n      <v-text-field\n        label=\"Filter by name...\"\n        v-model=\"filterTitle\"\n      ></v-text-field>\n    </v-form>\n    <p>{{ matchingCourses.length }} found.</p>\n    <ul class=\"my-4 py-0\">\n      <li v-for=\"(course, i) in matchingCourses\" :key=\"'li' + i\">\n        <router-link :to=\"{ name: 'course', params: { id: course.id } }\">{{\n          course.title\n        }}</router-link>\n        <span v-if=\"course.lessons.length === 0\" class=\"badge draft\"\n          >in preparation</span\n        >\n        <span v-else class=\"badge\">{{ course.lessons.length }} lessons</span>\n        <br />\n        <small class=\"ml-4\">{{ course.description }}</small>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport CoursesAPI from \"@/api/apiCourses\";\nimport Title from \"@/components/base/Title.vue\";\nimport LogoText from \"@/components/base/LogoText.vue\";\n\nexport default {\n  name: \"CourseListPage\",\n  components: {\n    Title,\n    LogoText\n  },\n  data() {\n    return {\n      filterTitle: \"\",\n      courses: []\n    };\n  },\n  props: {\n    id: [String, Number]\n  },\n  computed: {\n    matchingCourses() {\n      try {\n        return this.courses.filter(\n          course => course.title.indexOf(this.filterTitle) !== -1\n        );\n      } catch {\n        return [];\n      }\n    }\n  },\n  async mounted() {\n    try {\n      this.courses = await CoursesAPI.listCourses();\n    } catch (e) {\n      console.error(e);\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\nul {\n  list-style: none;\n  padding-left: 1rem;\n}\nli > a {\n  font-weight: 700;\n}\n.badge {\n  margin-left: 1em;\n  background-color: #555;\n  color: white;\n  padding: 0px 4px 2px;\n  border-radius: 4px;\n  font-size: 80%;\n}\n.draft {\n  background-color: #eee;\n  color: black;\n  font-style: italic;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseListPage.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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseListPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CourseListPage.vue?vue&type=template&id=5fd69398&scoped=true&\"\nimport script from \"./CourseListPage.vue?vue&type=script&lang=js&\"\nexport * from \"./CourseListPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CourseListPage.vue?vue&type=style&index=0&id=5fd69398&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  \"5fd69398\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VForm,VTextField})\n","import api from \"./api\";\n\nexport default {\n  async listCourses() {\n    const response = await api.get(`/api/courses/`);\n    return response.data;\n  },\n  async getCourse(id) {\n    const response = await api.get(`/api/courses/${id}/`);\n    return response.data;\n  },\n  async listLessons() {\n    const response = await api.get(`/api/lessons/`);\n    return response.data;\n  },\n  async getLesson(id) {\n    const response = await api.get(`/api/lessons/${id}/`);\n    return response.data;\n  }\n};\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseListPage.vue?vue&type=style&index=0&id=5fd69398&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseListPage.vue?vue&type=style&index=0&id=5fd69398&lang=scss&scoped=true&\""],"sourceRoot":""}