{"version":3,"sources":["webpack:///./src/views/Home.vue?a5d5","webpack:///./src/views/Home.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?4362","webpack:///./src/views/Home.vue?a0f1"],"names":["_l","_vm","topics","_c","groupIndex","attrs","group","key","topicIndex","scopedSlots","fn","hover","staticClass","nativeOn","topic","action","apply","staticRenderFns","name","components","data","computed","_objectSpread","mapGetters","created","$store","commit","localStorage","getItem","removeItem","setItem","location","reload","title","newshowhome","newEng","methods","getColor","isBlack","beforeRouteEnter","to","from","next","vm","beforeRouteLeave","console","log","metaInfo","titleTemplate","meta","content","component"],"mappings":"2IAAA,W,mICA6I,W,IAAE,OAAE,EAAKA,EAAIC,MAAIC,G,OAAmC,EAAOC,OAAS,C,MAAKC,CAAW,MAAK,GAAYC,gBAAM,G,QAAC,G,MAAwB,K,EAAa,2BAAC,OAAML,EAAIM,MAAO,CAA2B,O,CAAoBC,EAAG,OAACC,C,MAAgB,C,gBAAW,G,IAAM,G,KAAS,K,EAAa,MAAM,c,OAAE,UAAE,IAAK,EAAWC,OAAqBF,KAAI,GAAUG,IAAG,G,IAAWC,G,IAAS,G,IAAoBC,K,UAE5e,C,YAA8B,O,IAACP,U,YAAeJ,G,IAA4B,U,OAACY,EAAQ,OAAC,C,YAAS,kB,MAAiB,IAAOC,OAAMC,EAAOC,wBAAsB,2DAAG,MAAK,CAAgBX,MAAM,uBAAmB,UAAIF,MAAQ,SAAW,GAACS,OAAW,EAAC,gCAAwH,CAACX,EAAG,OAAI,CAA4EW,OAAuBX,gBAAO,KAAsF,CAAI,EAAC,MAAI,UAAO,wBAAS,6EAAK,oBAChmB,2EACGgB,YAAoB,UAET,GAAEA,0BAAe,yD,itBC6CjB,OACfC,KAAA,OACAC,WAAA,GAEAC,KAAA,WACA,UAGAC,SAAAC,EAAA,GACAC,eAAA,CACArB,OAAA,4BAGAsB,QAAA,WACA,KAAAC,OAAAC,OAAA,yBACAC,aAAAC,QAAA,YACAD,aAAAE,WAAA,aAEAF,aAAAG,QAAA,gBACAC,SAAAC,UAGA,IAAAC,EAAA,cACA,KAAAR,OAAAC,OAAA,yBAAAO,GACA,KAAAR,OAAAC,OAAA,wBAAAO,GACA,IAAAC,GAAA,EACA,KAAAT,OAAAC,OAAA,4BAAAQ,GACA,IAAAC,GAAA,EACA,KAAAV,OAAAC,OAAA,wBAAAS,IAEAC,QAAA,CACAC,SAAA,SAAAC,GACA,OAAAA,EAAA,sBAGAC,iBAAA,SAAAC,EAAAC,EAAAC,GAIAA,GAAA,SAAAC,KAAAlB,OAAAC,OAAA,+BAEAkB,iBAAA,SAAAJ,EAAAC,EAAAC,GAIA,KAAAjB,OAAAC,OAAA,2BACAmB,QAAAC,IAAA,UACAJ,KAEAK,SAAA,WACA,OAAAd,MAAA,aACAe,cAAA,2BACAC,KAAA,EAAA/B,KAAA,WAAAgC,QAAA,uCACA,CAAAhC,KAAA,cAAAgC,QAAA,uBCxG8U,I,wBCQ1UC,EAAY,eACd,EACA,EACAlC,GACA,EACA,KACA,KACA,MAIa,aAAAkC,E","file":"js/chunk-1a6ed650.eaf8a6b8.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./Home.vue?vue&type=style&index=0&id=1fc0bd85&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\",\"grid-list-{xs\":\"\",\"through\":\"\",\"xl}\":\"\"}},_vm._l((_vm.topics),function(group,groupIndex){return _c('div',{key:groupIndex},[_c('v-layout',{attrs:{\"justify-start\":\"\",\"raw\":\"\",\"wrap\":\"\"}},_vm._l((group),function(topic,topicIndex){return _c('v-flex',{key:topicIndex,attrs:{\"xs12\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return _c('v-card',{staticClass:\"checkboard-card\",class:[`${hover ? 'checkboard-card-hover' : ''}`,\n                     `elevation-${hover ? 17 : 0}`,\n                     {'white--text': topic.isBlack}],attrs:{\"color\":_vm.getColor(topic.isBlack)},nativeOn:{\"click\":function($event){return topic.action.apply(null, arguments)}}},[_c('v-card-title',{attrs:{\"primary-title\":\"\"}},[_c('div',[_c('div',{staticClass:\"headline\"},[_vm._v(\"\\n                  \"+_vm._s(topic.title)+\"\\n                \")]),_c('v-icon',{staticClass:\"lock\"},[_vm._v(\"\\n                  \"+_vm._s(topic.icon)+\"\\n                \")]),_c('div',{staticClass:\"spaned\"},[_vm._v(\"\\n                  \"+_vm._s(topic.description)+\"\\n                \")])],1)])],1)}}],null,true)})],1)}),1)],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container\r\n    fluid\r\n    grid-list-{xs\r\n    through\r\n    xl}\r\n  >\r\n    <div v-for=\"(group, groupIndex) in topics\" :key=\"groupIndex\">\r\n      <v-layout justify-start raw wrap>\r\n        <v-flex\r\n          v-for=\"(topic, topicIndex) in group\"\r\n          :key=\"topicIndex\"\r\n          xs12\r\n          sm4\r\n          md4\r\n          lg4\r\n          xl4\r\n        >\r\n          <v-hover>\r\n            <v-card\r\n              slot-scope=\"{ hover }\"\r\n              class=\"checkboard-card\"\r\n              :color=\"getColor(topic.isBlack)\"\r\n              :class=\"[`${hover ? 'checkboard-card-hover' : ''}`,\r\n                       `elevation-${hover ? 17 : 0}`,\r\n                       {'white--text': topic.isBlack}]\"\r\n              @click.native=\"topic.action\"\r\n            >\r\n              <v-card-title primary-title>\r\n                <div>\r\n                  <div class=\"headline\">\r\n                    {{ topic.title }}\r\n                  </div>\r\n                  <v-icon class=\"lock\">\r\n                    {{ topic.icon }}\r\n                  </v-icon>\r\n                  <div class=\"spaned\">\n                    {{ topic.description }}\n                  </div>\r\n                </div>\r\n              </v-card-title>\r\n            </v-card>\r\n          </v-hover>\r\n        </v-flex>\r\n      </v-layout>\r\n    </div>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nexport default {\r\n  name: 'Home',\r\n  components: {\r\n  },\r\n  data () {\r\n    return {\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      topics: 'navigation/engineering'\r\n    })\r\n  },\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    if (localStorage.getItem('reloaded')) {\r\n        localStorage.removeItem('reloaded');\r\n    } else {\r\n        localStorage.setItem('reloaded', '1');\r\n        location.reload();\r\n    };\r\n    // Store mutations\r\n    let title = 'Engineering';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    let newEng =true;\r\n    this.$store.commit('navigation/replaceEng', newEng);\r\n  },\r\n  methods: {\r\n    getColor(isBlack) {\r\n    return isBlack ? '#2E2E2E' : '#e0e0e0';\r\n    }\r\n  },\r\n  beforeRouteEnter (to, from, next) {\r\n    // called before the route that renders this component is confirmed.\r\n    // does NOT have access to `this` component instance,\r\n    // because it has not been created yet when this guard is called!\r\n    next(vm => { vm.$store.commit('navigation/leftArrow', false)});\r\n  },\r\n  beforeRouteLeave (to, from, next) {\r\n    // called when the route that renders this component is about to\r\n    // be navigated away from.\r\n    // has access to `this` component instance.\r\n    this.$store.commit('navigation/leftArrow', true);\r\n    console.log('lelele')\r\n    next();\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Technology',\r\n          titleTemplate: '%s - Learn interactively',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {name: 'description', content: 'Advanced Topics'}\r\n                ],\r\n        }\r\n   }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '@/styles/screen-sizes.scss';\r\n</style>\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=1fc0bd85&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=1fc0bd85&prod&lang=scss&\"\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":""}