{"version":3,"sources":["webpack:///./src/views/Dashboard.vue?b16d","webpack:///./src/views/Dashboard.vue?42d3","webpack:///src/views/Dashboard.vue","webpack:///./src/views/Dashboard.vue?f2cc","webpack:///./src/views/Dashboard.vue?63ec"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","$event","getAvailableLevels","model","value","callback","$$v","year","expression","_l","available","domProps","math_question_year","_s","getAvailableTopics","level","math_question_level","_f","topics","length","topic","math_question_topic","_e","fullSelect","start","staticRenderFns","name","components","years","levels","getAvailableYears","methods","response","get","data","router","push","computed","component"],"mappings":"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","file":"js/chunk-fd2d243e.18f5d57d.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&id=43de0fcd&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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&id=43de0fcd&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-container\"},[_c('div',{staticClass:\"content\"},[_c('h1',{staticClass:\"title is-2\"},[_vm._v(\"Klaar om wiskunde te oefenen?\")]),_c('p',[_vm._v(\"Kies je leerjaar en niveau om gelijk aan de slag te gaan. Er zijn nog niet voor alle niveaus en leerjaren opdrachten beschikbaar.\")]),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Leerjaar\"}},[_c('b-select',{attrs:{\"size\":\"is-medium\",\"expanded\":\"\"},on:{\"input\":function($event){return _vm.getAvailableLevels()}},model:{value:(_vm.year),callback:function ($$v) {_vm.year=$$v},expression:\"year\"}},_vm._l((_vm.available.years),function(year){return _c('option',{domProps:{\"value\":year.math_question_year}},[_vm._v(_vm._s(year.math_question_year))])}),0)],1)],1),_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Opleiding\"}},[_c('b-select',{attrs:{\"size\":\"is-medium\",\"expanded\":\"\"},on:{\"input\":function($event){return _vm.getAvailableTopics()}},model:{value:(_vm.level),callback:function ($$v) {_vm.level=$$v},expression:\"level\"}},_vm._l((_vm.available.levels),function(level){return _c('option',{domProps:{\"value\":level.math_question_level}},[_vm._v(_vm._s(_vm._f(\"ucfirst\")(level.math_question_level)))])}),0)],1)],1),(_vm.available.topics.length > 0)?_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Onderwerp\"}},[_c('b-select',{attrs:{\"size\":\"is-medium\",\"expanded\":\"\"},model:{value:(_vm.topic),callback:function ($$v) {_vm.topic=$$v},expression:\"topic\"}},_vm._l((_vm.available.topics),function(topic){return _c('option',{domProps:{\"value\":topic.math_question_topic}},[_vm._v(_vm._s(_vm._f(\"ucfirst\")(topic.math_question_topic)))])}),0)],1)],1):_vm._e()]),_c('b-button',{attrs:{\"disabled\":!_vm.fullSelect,\"type\":\"is-primary\"},on:{\"click\":function($event){return _vm.start()}}},[_vm._v(\"Start!\")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex-container\">\n    <div class=\"content\">\n      <h1 class=\"title is-2\">Klaar om wiskunde te oefenen?</h1>\n      <p>Kies je leerjaar en niveau om gelijk aan de slag te gaan. Er zijn nog niet voor alle niveaus en leerjaren opdrachten beschikbaar.</p>\n      <div class=\"columns\">\n        <div class=\"column\">\n          <b-field label=\"Leerjaar\">\n            <b-select @input=\"getAvailableLevels()\" size=\"is-medium\" v-model=\"year\" expanded>\n              <option v-for=\"year in available.years\" :value=\"year.math_question_year\">{{ year.math_question_year }}</option>\n            </b-select>\n          </b-field>\n        </div>\n        <div class=\"column\">\n          <b-field label=\"Opleiding\">\n            <b-select @input=\"getAvailableTopics()\" size=\"is-medium\" expanded v-model=\"level\">\n              <option v-for=\"level in available.levels\" :value=\"level.math_question_level\">{{ level.math_question_level | ucfirst }}</option>\n            </b-select>\n          </b-field>\n        </div>\n        <div class=\"column\" v-if=\"available.topics.length > 0\">\n          <b-field label=\"Onderwerp\">\n            <b-select size=\"is-medium\" expanded v-model=\"topic\">\n              <option v-for=\"topic in available.topics\" :value=\"topic.math_question_topic\">{{ topic.math_question_topic | ucfirst }}</option>\n            </b-select>\n          </b-field>\n        </div>\n      </div>\n      <b-button @click=\"start()\" :disabled=\"!fullSelect\" type=\"is-primary\">Start!</b-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ApiService from \"@/common/api.service\";\nimport router from \"@/router\";\n\nexport default {\n  name: \"dashboard\",\n  components: {},\n  data() {\n    return {\n      available: {\n        years: [],\n        levels: [],\n        topics: []\n      },\n      year: null,\n      level: null,\n      topic: null\n    };\n  },\n  mounted() {\n    this.getAvailableYears();\n    this.getAvailableLevels();\n  },\n  methods: {\n    async getAvailableYears() {\n      let response = await ApiService.get('math/availability/years', true);\n      this.available.years = response.data;\n    },\n    async getAvailableLevels() {\n      let response = await ApiService.get(`math/availability/levels/${this.year}`, true);\n      this.available.levels = response.data;\n      this.available.topics = [];\n      if (this.level !== null) {\n        this.getAvailableTopics();\n      }\n    },\n    async getAvailableTopics() {\n      let response = await ApiService.get(`math/availability/topics/${this.year}/${this.level}`, true);\n      this.available.topics = response.data;\n    },\n    async start() {\n      router.push(`/test/${this.year}/${this.level}/${this.topic}`);\n    }\n  },\n  computed: {\n    fullSelect() {\n      return this.year !== null && this.level !== null & this.topic !== null;\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.flex-container {\n  height: 100vh;\n  flex-direction: column;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-size: cover;\n  margin-top: -5%;\n}\n.content {\n  padding: 2%;\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-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--0-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=43de0fcd&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=43de0fcd&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  \"43de0fcd\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}