{"remainingRequest":"/home/soeren/dev/keksaccountgui/node_modules/babel-loader/lib/index.js!/home/soeren/dev/keksaccountgui/node_modules/vuetify-loader/lib/loader.js!/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/soeren/dev/keksaccountgui/src/views/Startpage.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/soeren/dev/keksaccountgui/src/views/Startpage.vue","mtime":1564132387507},{"path":"/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vuetify-loader/lib/loader.js","mtime":1549812933000},{"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//\nimport AppService from \"../services/Apps\";\nexport default {\n  data: function data() {\n    return {\n      nameBig: '',\n      nameSmall: '',\n      slogen: '',\n      menu: [{\n        icon: 'home',\n        title: 'Login'\n      }, {\n        icon: 'info',\n        title: 'Invited'\n      }, {\n        icon: 'warning',\n        title: 'Register'\n      }],\n      apps: []\n    };\n  },\n  methods: {\n    'getStartpageApps': function getStartpageApps() {\n      var _this = this;\n\n      AppService.getStartPageApps().then(function (res) {\n        _this.apps = res.data.data;\n      });\n    },\n    'getImageUrl': function getImageUrl(id) {\n      return AppService.getAppImage(id);\n    }\n  },\n  mounted: function mounted() {\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};",{"version":3,"sources":["Startpage.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,OAAA,UAAA;AACA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,OAAA,EAAA,EADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,MAAA,EAAA,EAHA;AAIA,MAAA,IAAA,EAAA,CACA;AAAA,QAAA,IAAA,EAAA,MAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OADA,EAEA;AAAA,QAAA,IAAA,EAAA,MAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAFA,EAGA;AAAA,QAAA,IAAA,EAAA,SAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAHA,CAJA;AASA,MAAA,IAAA,EAAA;AATA,KAAA;AAWA,GAbA;AAcA,EAAA,OAAA,EAAA;AACA,wBAAA,4BAAA;AAAA;;AACA,MAAA,UAAA,CAAA,gBAAA,GAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,IAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,OAFA;AAGA,KALA;AAMA,mBAAA,qBAAA,EAAA,EAAA;AACA,aAAA,UAAA,CAAA,WAAA,CAAA,EAAA,CAAA;AACA;AARA,GAdA;AAwBA,EAAA,OAAA,EAAA,mBAAA;AACA,SAAA,OAAA,GAAA,KAAA,MAAA,CAAA,OAAA,CAAA,eAAA,CAAA,UAAA,CAAA;AACA,SAAA,SAAA,GAAA,KAAA,MAAA,CAAA,OAAA,CAAA,eAAA,CAAA,YAAA,CAAA;AACA,SAAA,MAAA,GAAA,KAAA,MAAA,CAAA,OAAA,CAAA,eAAA,CAAA,aAAA,CAAA;AACA,SAAA,gBAAA;AACA;AA7BA,CAAA","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"],"sourceRoot":"src/views"}]}