{"version":3,"sources":["webpack:///./src/views/PageChildQuiz.vue?6571","webpack:///src/views/PageChildQuiz.vue","webpack:///./src/views/PageChildQuiz.vue?adaf","webpack:///./src/views/PageChildQuiz.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","content","page","staticClass","attrs","$vuetify","breakpoint","smAndDown","data","_l","quiz","key","id","image","_v","_s","title","url","_e","staticRenderFns","name","props","mixins","Setup","components","PostBlock","links","watch","$route","methods","prettyDate","val","setup","component","VBtn","VCard","VCardActions","VCardTitle","VCol","VContainer","VIcon","VImg","VRow","VSpacer"],"mappings":"wHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,SAAWN,EAAIO,KAAMH,EAAG,MAAM,CAACI,YAAY,SAAS,CAACJ,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACI,YAAY,kBAAkB,CAACJ,EAAG,QAAQ,CAACK,MAAM,CAAC,MAAOT,EAAIU,SAASC,WAAWC,UAAY,MAAU,CAACR,EAAG,YAAY,CAACK,MAAM,CAAC,KAAOT,EAAIM,QAAQO,SAAS,IAAI,GAAGT,EAAG,QAAQ,CAACI,YAAY,uBAAuB,CAACJ,EAAG,QAAQ,CAACK,MAAM,CAAC,MAAOT,EAAIU,SAASC,WAAWC,UAAY,MAAU,CAACR,EAAG,QAAQ,CAACI,YAAY,kBAAkBR,EAAIc,GAAId,EAAS,OAAE,SAASe,GAAM,OAAOX,EAAG,QAAQ,CAACY,IAAID,EAAKE,GAAGR,MAAM,CAAC,KAAOT,EAAIU,SAASC,WAAWC,UAAY,GAAK,IAAI,CAACR,EAAG,SAAS,CAACA,EAAG,QAAQ,CAACK,MAAM,CAAC,aAAa,MAAM,IAAMM,EAAKG,MAAM,OAAS,WAAWd,EAAG,eAAe,CAACJ,EAAImB,GAAG,IAAInB,EAAIoB,GAAGL,EAAKM,OAAO,OAAOjB,EAAG,iBAAiB,CAACA,EAAG,YAAYA,EAAG,QAAQ,CAACK,MAAM,CAAC,MAAQ,mBAAmB,OAAS,GAAG,KAAO,GAAG,KAAOM,EAAKO,IAAI,OAAS,WAAW,CAACtB,EAAImB,GAAG,2BAA2Bf,EAAG,SAAS,CAACK,MAAM,CAAC,MAAQ,KAAK,CAACT,EAAImB,GAAG,wBAAwB,IAAI,IAAI,IAAI,MAAK,IAAI,IAAI,IAAI,IAAI,GAAGnB,EAAIuB,MAC9hCC,EAAkB,G,wECwDtB,GACEC,KAAM,YACNC,MAAO,CAAT,gBACEC,OAAQ,CAACC,EAAX,aACEC,WAAY,CACVC,UAAJ,QAEEjB,KAPF,WAQI,MAAO,CACLP,QAAS,KACTC,KAAM,KACNwB,MAAO,CACb,CACQ,GAAR,EACQ,MAAR,wCACQ,MACR,yEACQ,IACR,mHAEA,CACQ,GAAR,EACQ,MAAR,sBACQ,MACR,4EACQ,IACR,mHAEA,CACQ,GAAR,EACQ,MAAR,oBACQ,MACR,yEACQ,IACR,mHAGA,CACQ,GAAR,EACQ,MAAR,0CACQ,MACR,kFACQ,IACR,0GAKEC,MAAO,CACLC,OAAQ,SAEVC,QAAS,CACPC,WADJ,SACA,GACM,IACE,OAAO,OAAf,OAAe,CAAf,gCACA,SACQ,OAAOC,IAGXC,MARJ,WAQA,WACA,0BACM,EAAN,sCACQ,EAAR,kBAEM,EAAN,6CACQ,EAAR,wBC1HuV,I,6ICOnVC,EAAY,eACd,EACAvC,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAc,EAAiB,QAchC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,aAAA,OAAaC,WAAA,OAAWC,OAAA,KAAKC,aAAA,KAAWC,QAAA,KAAMC,OAAA,KAAKC,OAAA,KAAKC,UAAA","file":"js/PageChildQuiz.e6902d0a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.content && _vm.page)?_c('div',{staticClass:\"w-100\"},[_c('v-container',[_c('v-row',{staticClass:\"justify-center\"},[_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.smAndDown ? 12 : 12}},[_c('PostBlock',{attrs:{\"html\":_vm.content.data}})],1)],1),_c('v-row',{staticClass:\"pb-5 justify-center\"},[_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.smAndDown ? 12 : 12}},[_c('v-row',{staticClass:\"justify-center\"},_vm._l((_vm.links),function(quiz){return _c('v-col',{key:quiz.id,attrs:{\"cols\":_vm.$vuetify.breakpoint.smAndDown ? 12 : 6}},[_c('v-card',[_c('v-img',{attrs:{\"min-height\":\"200\",\"src\":quiz.image,\"height\":\"200px\"}}),_c('v-card-title',[_vm._v(\" \"+_vm._s(quiz.title)+\" \")]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary darken-2\",\"ripple\":\"\",\"text\":\"\",\"href\":quiz.url,\"target\":\"_blank\"}},[_vm._v(\" Testa dina kunskaper! \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\" mdi-arrow-right \")])],1)],1)],1)],1)}),1)],1)],1)],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-100\" v-if=\"content && page\">\n    <v-container>\n      <v-row class=\"justify-center\">\n        <v-col :cols=\"$vuetify.breakpoint.smAndDown ? 12 : 12\">\n          <PostBlock :html=\"content.data\"></PostBlock>\n        </v-col>\n      </v-row>\n      <v-row class=\"pb-5 justify-center\">\n        <v-col :cols=\"$vuetify.breakpoint.smAndDown ? 12 : 12\">\n          <v-row class=\"justify-center\">\n            <v-col\n              :cols=\"$vuetify.breakpoint.smAndDown ? 12 : 6\"\n              v-for=\"quiz in links\"\n              :key=\"quiz.id\"\n            >\n              <v-card>\n                <v-img\n                  min-height=\"200\"\n                  :src=\"quiz.image\"\n                  height=\"200px\"\n                ></v-img>\n\n                <v-card-title>\n                  {{ quiz.title }}\n                </v-card-title>\n\n                <v-card-actions>\n                  <v-spacer></v-spacer>\n                  <v-btn\n                    color=\"primary darken-2\"\n                    ripple\n                    text\n                    :href=\"quiz.url\"\n                    target=\"_blank\"\n                  >\n                    Testa dina kunskaper!\n                    <v-icon right>\n                      mdi-arrow-right\n                    </v-icon>\n                  </v-btn>\n                </v-card-actions>\n              </v-card>\n            </v-col>\n          </v-row>\n        </v-col>\n      </v-row>\n    </v-container>\n  </div>\n</template>\n\n<script>\nimport Setup from '@/mixins/Setup.js'\nimport Misc from '@/mixins/Misc.js'\nimport DataLayer from '@/store/PagesDataLayer'\nimport PostBlock from '@/components/PostBlock'\nimport { format, parseISO } from 'date-fns'\nexport default {\n  name: 'PageChild',\n  props: { nameUrl: String },\n  mixins: [Setup, Misc],\n  components: {\n    PostBlock\n  },\n  data() {\n    return {\n      content: null,\n      page: null,\n      links: [\n        {\n          id: 0,\n          title: 'Gott och blandat om svenska havsarter',\n          image:\n            'https://havetstore.blob.core.windows.net/bilder/livet-pwa/knoltang.jpg',\n          url:\n            'https://docs.google.com/forms/d/e/1FAIpQLScfiz8KoF-tYiJdx4CgAylUNAAgIrjZn0xEIESFxUPIKKXiZg/viewform?usp=sf_link'\n        },\n        {\n          id: 1,\n          title: 'Arter i Västerhavet',\n          image:\n            'https://havetstore.blob.core.windows.net/bilder/livet-pwa/skarsnultra.jpg',\n          url:\n            'https://docs.google.com/forms/d/e/1FAIpQLScFc_v9siz16nMf4dR63_4VRA4HBGNxic8Si75kM49I09pKaw/viewform?usp=sf_link'\n        },\n        {\n          id: 2,\n          title: 'Arter i Östersjön',\n          image:\n            'https://havetstore.blob.core.windows.net/bilder/livet-pwa/knubbsal.jpg',\n          url:\n            'https://docs.google.com/forms/d/e/1FAIpQLSe-Opm0jMXv8GrXsCL4ULyzykLeBR84PNS8LZWJ43tgv0CCsA/viewform?usp=sf_link'\n        },\n\n        {\n          id: 3,\n          title: 'Gott och blandat om svenska havsarter 2',\n          image:\n            'https://havetstore.blob.core.windows.net/bilder/livet-pwa/vanlig_sjostjarna.jpg',\n          url:\n            'https://docs.google.com/forms/d/e/1FAIpQLSc69-QJS8QdDGcOMBiXnvUZ0spxd4YyjBSUUV02__eBgoMP0Q/viewform'\n        }\n      ]\n    }\n  },\n  watch: {\n    $route: 'setup'\n  },\n  methods: {\n    prettyDate(val) {\n      try {\n        return format(parseISO(val), 'yyyy-MM-dd')\n      } catch (e) {\n        return val\n      }\n    },\n    setup() {\n      const pageId = this.$route.meta.pageId\n      DataLayer.GetPageById(pageId).then(res => {\n        this.page = res.data[0]\n      })\n      DataLayer.GetItemsInPageById(pageId).then(res => {\n        this.content = res.data[0]\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped></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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageChildQuiz.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!./PageChildQuiz.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageChildQuiz.vue?vue&type=template&id=ac37cb76&scoped=true&\"\nimport script from \"./PageChildQuiz.vue?vue&type=script&lang=js&\"\nexport * from \"./PageChildQuiz.vue?vue&type=script&lang=js&\"\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  \"ac37cb76\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardTitle,VCol,VContainer,VIcon,VImg,VRow,VSpacer})\n"],"sourceRoot":""}