{"version":3,"sources":["webpack:///./src/views/Fakta.vue?0d48","webpack:///src/views/Fakta.vue","webpack:///./src/views/Fakta.vue?6fcc","webpack:///./src/views/Fakta.vue?881d","webpack:///./src/views/Fakta.vue?594b","webpack:///./src/views/PageChild.vue?1031","webpack:///src/views/PageChild.vue","webpack:///./src/views/PageChild.vue?db80","webpack:///./src/views/PageChild.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","$vuetify","breakpoint","mdAndUp","_l","fact","key","id","on","$event","gotoRoute","url","_s","heading","$_getImage","image","text","staticRenderFns","name","metaInfo","title","mixins","Setup","methods","route","startsWith","window","location","$router","push","data","selectedFact","facts","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VIcon","VImg","VRow","VSpacer","content","page","smAndDown","prettyDate","updated_at","_e","props","components","PostBlock","topSection","watch","$route","val","setup"],"mappings":"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","file":"js/Facts.87bfc09d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100\"},[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h1',[_vm._v(\" Fakta om våra hav \")]),_c('v-row',[_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 9 : 12}},[_c('p',{staticClass:\"body-3\"},[_vm._v(\" Hur fungerar egentligen havet? Vem äter vem, och vad är det som styr var växter och djur finns? Varför är vattnet i Östersjön bräckt, och hur såg det ut för tiotusen år sedan? Det finns många spännande frågor om livet i havet. En hel del av dem får du svar på här. \")])])],1)],1)],1),_c('v-row',{staticClass:\"justify-center mb-4\"},[_c('v-col',{staticClass:\"d-flex justify-space-around flex-wrap\",attrs:{\"cols\":\"12\"}},_vm._l((_vm.facts),function(fact){return _c('v-btn',{key:fact.id,staticClass:\"mt-4\",attrs:{\"rounded\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.gotoRoute(fact.url)}}},[_vm._v(\" \"+_vm._s(fact.heading)+\" \")])}),1)],1),_c('v-row',_vm._l((_vm.facts),function(fact){return _c('v-col',{key:fact.id,attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 6 : 12}},[_c('v-card',{attrs:{\"id\":fact.url}},[_c('v-img',{attrs:{\"min-height\":\"300\",\"src\":_vm.$_getImage(fact.image),\"height\":\"200px\"}}),_c('v-card-title',[_vm._v(\" \"+_vm._s(fact.heading)+\" \")]),_c('v-card-text',{staticClass:\"subtitle-1\"},[_vm._v(\" \"+_vm._s(fact.text)+\" \")]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary darken-2\",\"ripple\":\"\",\"text\":\"\"},on:{\"click\":function($event){return _vm.gotoRoute(fact.url)}}},[_vm._v(\" Läs \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\" mdi-arrow-right \")])],1)],1)],1)],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-100\">\n    <v-container>\n      <v-row>\n        <v-col cols=\"12\">\n          <h1>\n            Fakta om våra hav\n          </h1>\n          <v-row>\n            <v-col :cols=\"$vuetify.breakpoint.mdAndUp ? 9 : 12\">\n              <p class=\"body-3\">\n                Hur fungerar egentligen havet? Vem äter vem, och vad är det som\n                styr var växter och djur finns? Varför är vattnet i Östersjön\n                bräckt, och hur såg det ut för tiotusen år sedan? Det finns\n                många spännande frågor om livet i havet. En hel del av dem får\n                du svar på här.\n              </p>\n            </v-col>\n          </v-row>\n        </v-col>\n      </v-row>\n      <v-row class=\"justify-center mb-4\">\n        <v-col cols=\"12\" class=\"d-flex justify-space-around flex-wrap\">\n          <v-btn\n            class=\"mt-4\"\n            rounded\n            color=\"primary\"\n            v-for=\"fact in facts\"\n            :key=\"fact.id\"\n            @click=\"gotoRoute(fact.url)\"\n          >\n            {{ fact.heading }}\n          </v-btn>\n        </v-col>\n      </v-row>\n      <v-row>\n        <v-col\n          :cols=\"$vuetify.breakpoint.mdAndUp ? 6 : 12\"\n          v-for=\"fact in facts\"\n          :key=\"fact.id\"\n        >\n          <v-card :id=\"fact.url\">\n            <v-img\n              min-height=\"300\"\n              :src=\"$_getImage(fact.image)\"\n              height=\"200px\"\n            ></v-img>\n\n            <v-card-title>\n              {{ fact.heading }}\n            </v-card-title>\n\n            <v-card-text class=\"subtitle-1\">\n              {{ fact.text }}\n            </v-card-text>\n\n            <v-card-actions>\n              <v-spacer></v-spacer>\n              <v-btn\n                color=\"primary darken-2\"\n                ripple\n                text\n                @click=\"gotoRoute(fact.url)\"\n              >\n                Läs\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-container>\n  </div>\n</template>\n\n<script>\nimport Setup from '@/mixins/Setup.js'\nimport Misc from '@/mixins/Misc.js'\nexport default {\n  name: 'Facts',\n  metaInfo: {\n    title: 'Fakta'\n  },\n  mixins: [Setup, Misc],\n  methods: {\n    gotoRoute(route) {\n      if (route.startsWith('http')) {\n        window.location = route\n        return\n      }\n      this.$router.push({\n        name: route\n      })\n    }\n  },\n  data() {\n    return {\n      window: 0,\n      selectedFact: null,\n      facts: [\n        {\n          id: 1,\n          url: 'att-leva-i-havet',\n          heading: 'Att leva i havet',\n          image: '2148',\n          text:\n            'Salthalten i de svenska havsområdena sjunker ju längre in i Östersjön man kommer. Antalet saltvattenarter minskar från Västerhavet in i Östersjön och vidare norrut. Det omvända gäller sötvattenarterna. Bottniska viken i norr präglas av många sötvattenarter och is under en stor del av året.'\n        },\n        {\n          id: 2,\n          url: 'varken-salt-eller-sott',\n          heading: 'Salt och sött',\n          image: '3556',\n          text:\n            'Från Kattegatt strömmar salt havsvatten in genom de smala sunden Öresund och Bälten. Den låga salthalten i norra Östersjön beror på alla floder och älvar som rinner ut där. Från västkusten, in i Egentliga Östersjön och vidare upp till Bottenviken minskar salthalten från cirka 30 promille till nära sötvatten.'\n        },\n        {\n          id: 3,\n          url: 'vem-ater-vem',\n          heading: 'Vem äter vem',\n          image: '6856',\n          text:\n            'Ett ekosystem består av grupper av organismer som fyller olika funktioner i näringsväven, exempelvis betare, filtrerare och rovdjur, i samspel med omgivande miljö. I Östersjöns ekosystem är näringsväven enkel jämfört med andra hav. Det finns endast få arter inom varje grupp vilket gör ekosystemet mer sårbart.'\n        },\n        {\n          id: 4,\n          url: 'vem-lever-var',\n          heading: 'Vem lever var',\n          image: '2560',\n          text:\n            'Den svenska kusten är mycket variationsrik, med grunda vågskyddade vikar omgivna av breda vassbälten, öppna sandiga stränder och vågexponerade sten- eller klippkuster. Bottentypen, det vill säga om det är en mjuk, lerig eller sandig botten, eller en fast klippa, avgör vilka arter som lever där.'\n        }\n        // {\n        //   id: 5,\n        //   url: 'https://www.havet.nu/ostersjons-historia',\n        //   heading: 'Östersjöns historia',\n        //   image: '2146',\n        //   text:\n        //     'Östersjön är ett ungt hav. Under endast 12 000 år har miljön växlat från smältvattensjö till Atlantvik till insjö till brackvattenhav. För att förstå vad som händer med Östersjön idag hjälper det att kunna dess historia. I havsbotten finns ett historiskt arkiv i form av sediment. Genom att studera dessa sediment kan man rekonstruera utvecklingen.'\n        // }\n      ]\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\nh1 {\n  font-size: 2.125rem !important;\n  font-weight: 400;\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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Fakta.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!./Fakta.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Fakta.vue?vue&type=template&id=1e74c57d&scoped=true&\"\nimport script from \"./Fakta.vue?vue&type=script&lang=js&\"\nexport * from \"./Fakta.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Fakta.vue?vue&type=style&index=0&id=1e74c57d&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  \"1e74c57d\",\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 { VCardText } 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,VCardText,VCardTitle,VCol,VContainer,VIcon,VImg,VRow,VSpacer})\n","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!./Fakta.vue?vue&type=style&index=0&id=1e74c57d&lang=scss&scoped=true&\"","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 : 9}},[_c('PostBlock',{attrs:{\"html\":_vm.content.data}})],1)],1),_c('v-row',{staticClass:\"justify-center\"},[_c('v-col',{staticClass:\"mb-5\",attrs:{\"cols\":_vm.$vuetify.breakpoint.smAndDown ? 12 : 9}},[(_vm.content.updated_at)?_c('div',{staticClass:\"text--secondary\"},[_vm._v(\" Sidan uppdaterad \"+_vm._s(_vm.prettyDate(_vm.content.updated_at))+\" \")]):_vm._e()])],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 : 9\">\n          <PostBlock :html=\"content.data\"></PostBlock>\n        </v-col>\n      </v-row>\n      <v-row class=\"justify-center\">\n        <v-col :cols=\"$vuetify.breakpoint.smAndDown ? 12 : 9\" class=\"mb-5\">\n          <div class=\"text--secondary\" v-if=\"content.updated_at\">\n            Sidan uppdaterad {{ prettyDate(content.updated_at) }}\n          </div>\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      topSection: null,\n      content: null,\n      page: null\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!./PageChild.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!./PageChild.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageChild.vue?vue&type=template&id=78c3e050&scoped=true&\"\nimport script from \"./PageChild.vue?vue&type=script&lang=js&\"\nexport * from \"./PageChild.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  \"78c3e050\",\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer,VRow})\n"],"sourceRoot":""}