{"remainingRequest":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/soeren/dev/keksaccountgui/src/views/Startpage.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"/home/soeren/dev/keksaccountgui/src/views/Startpage.vue","mtime":1564132387507},{"path":"/home/soeren/dev/keksaccountgui/node_modules/css-loader/index.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vuetify-loader/lib/loader.js","mtime":1564062719000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.headerStartpage {\n  background-image: url('~@/assets/manhattan-407703_1920.jpg');\n  background-repeat: no-repeat;\n  margin-top: -100px;\n  height:90vh;\n  text-align: center;\n}\n  .headerStartpage h1{\n    padding-top: 200px;\n    font-size: 56px !important;\n    font-weight: 400;\n    line-height: 32px !important;\n    letter-spacing: normal !important;\n  }\n  .headerStartpage h1 .small{\n    font-weight: 300 !important;\n  }\n.headerStartpage h2{\n  padding-top: 30px;\n  font-size: 34px !important;\n  font-weight: 300;\n  line-height: 32px !important;\n  letter-spacing: normal !important;\n}\nh1{\n  font-weight: 300;\n  line-height: 32px !important;\n  letter-spacing: normal !important;\n}\nh2{\n  font-weight: 300;\n  line-height: 32px !important;\n  letter-spacing: normal !important;\n}\n",{"version":3,"sources":["Startpage.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Startpage.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div style=\"\">\n  <div class=\"headerStartpage\">\n    <h1>{{ nameBig }}<span class=\"small\">{{ nameSmall }}</span></h1>\n    <h2>{{ slogen }}</h2>\n  </div>\n    <v-container grid-list-md>\n      <v-layout row wrap>\n        <v-flex md12>\n          <h1>Services</h1>\n          <p>Mit deinem KeksAccount Username kannst du dich u.a. bei folgenden Servicen einloggen und diese nutzten. </p>\n        </v-flex>\n\n      </v-layout>\n      <v-layout row wrap>\n        <v-flex md4 xs12 text-xs-center v-for=\"(item, index) in apps\">\n          <v-card>\n            <v-layout>\n              <v-flex xs5>\n                <v-img\n                        :src=\"getImageUrl(item.id)\"\n                        height=\"125px\"\n                        contain\n                ></v-img>\n              </v-flex>\n              <v-flex xs7>\n                <v-card-title primary-title>\n                  <div>\n                    <div class=\"headline\">{{ item.name }}</div>\n                    <div>{{ item.description }}</div>\n                  </div>\n                </v-card-title>\n              </v-flex>\n            </v-layout>\n            <v-divider light></v-divider>\n            <v-card-actions class=\"pa-3\">\n\n              <v-spacer></v-spacer>\n              <v-btn icon>\n                <v-icon @click=\"navigateToApp(item)\">input</v-icon>\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-flex>\n      </v-layout>\n    </v-container>\n\n\n  </div>\n\n</template>\n\n<script>\n  import AppService from '../services/Apps'\n  export default {\n    data () {\n      return {\n        nameBig: '',\n        nameSmall: '',\n        slogen: '',\n        menu: [\n          { icon: 'home', title: 'Login' },\n          { icon: 'info', title: 'Invited' },\n          { icon: 'warning', title: 'Register' }\n        ],\n        apps: []\n      }\n    },\n    methods: {\n      'getStartpageApps': function () {\n        AppService.getStartPageApps().then((res) => {\n          this.apps = res.data.data;\n        });\n      },\n      'getImageUrl' : function (id) {\n        return AppService.getAppImage(id);\n      },\n    },\n    mounted: function() {\n      this.nameBig = this.$store.getters.getSettingValue(\"name_big\");\n      this.nameSmall = this.$store.getters.getSettingValue(\"name_small\");\n      this.slogen = this.$store.getters.getSettingValue(\"name_slogen\");\n      this.getStartpageApps();\n    }\n      }\n</script>\n\n<style>\n.headerStartpage {\n  background-image: url('~@/assets/manhattan-407703_1920.jpg');\n  background-repeat: no-repeat;\n  margin-top: -100px;\n  height:90vh;\n  text-align: center;\n}\n  .headerStartpage h1{\n    padding-top: 200px;\n    font-size: 56px !important;\n    font-weight: 400;\n    line-height: 32px !important;\n    letter-spacing: normal !important;\n  }\n  .headerStartpage h1 .small{\n    font-weight: 300 !important;\n  }\n.headerStartpage h2{\n  padding-top: 30px;\n  font-size: 34px !important;\n  font-weight: 300;\n  line-height: 32px !important;\n  letter-spacing: normal !important;\n}\nh1{\n  font-weight: 300;\n  line-height: 32px !important;\n  letter-spacing: normal !important;\n}\nh2{\n  font-weight: 300;\n  line-height: 32px !important;\n  letter-spacing: normal !important;\n}\n</style>\n"]}]}