{"remainingRequest":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/soeren/dev/keksaccountgui/src/views/Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/soeren/dev/keksaccountgui/src/views/Login.vue","mtime":1563355562050},{"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\nimport ServerService from '../services/Server'\nimport UserService from '../services/User'\nimport LoginComponent from '../components/Login'\n\nexport default {\n  data () {\n    return {\n      nameBig: '',\n      nameSmall: '',\n      username: '',\n      password: '',\n      errorMessage: ''\n    }\n  },\n  components: {\n    \"Login\": LoginComponent\n  },\n  methods: {\n    'login': function () {\n      UserService.login(this.username, this.password).then((res) => {\n        this.errorMessage = '';\n        UserService.setAccessToken(res.data.data[\"access_token\"]);\n        console.log(\"Login ok, dispatch event\");\n        this.$store.dispatch('checkAccount');\n      }, (res) => {\n        this.errorMessage = res.response.data.msg;\n      });\n    }\n  },\n  mounted: function() {\n    console.log(\"REDIRECT: \"+this.$store.state.redirectIfLoggedIn)\n    if(this.$store.state.loggedIn == true) {\n      if(this.$store.state.redirectIfLoggedIn != null) {\n        this.$router.push(this.$store.state.redirectIfLoggedIn);\n      } else {\n        this.$router.push({name: 'Dashboard'});\n      }\n\n\n    }\n    this.nameBig = this.$store.getters.getSettingValue(\"name_big\");\n    this.nameSmall = this.$store.getters.getSettingValue(\"name_small\");\n  }\n    }\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;;AAEA;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;;;AAGA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div style=\"\">\n  <div class=\"header\">\n  </div>\n    <v-container grid-list-md>\n      <v-layout row wrap>\n        <v-flex md4></v-flex>\n        <v-flex md4 v-if=\"!$store.state.loggedIn\">\n          <Login></Login>\n        </v-flex>\n        <v-flex md4 v-if=\"$store.state.loggedIn\">\n          <p>Hallo {{$store.getters.getMe[\"username\"]}}, du bist bereits eingeloggt.</p>\n        </v-flex>\n\n\n      </v-layout>\n    </v-container>\n\n\n  </div>\n\n</template>\n\n<script>\n  import ServerService from '../services/Server'\n  import UserService from '../services/User'\n  import LoginComponent from '../components/Login'\n\n  export default {\n    data () {\n      return {\n        nameBig: '',\n        nameSmall: '',\n        username: '',\n        password: '',\n        errorMessage: ''\n      }\n    },\n    components: {\n      \"Login\": LoginComponent\n    },\n    methods: {\n      'login': function () {\n        UserService.login(this.username, this.password).then((res) => {\n          this.errorMessage = '';\n          UserService.setAccessToken(res.data.data[\"access_token\"]);\n          console.log(\"Login ok, dispatch event\");\n          this.$store.dispatch('checkAccount');\n        }, (res) => {\n          this.errorMessage = res.response.data.msg;\n        });\n      }\n    },\n    mounted: function() {\n      console.log(\"REDIRECT: \"+this.$store.state.redirectIfLoggedIn)\n      if(this.$store.state.loggedIn == true) {\n        if(this.$store.state.redirectIfLoggedIn != null) {\n          this.$router.push(this.$store.state.redirectIfLoggedIn);\n        } else {\n          this.$router.push({name: 'Dashboard'});\n        }\n\n\n      }\n      this.nameBig = this.$store.getters.getSettingValue(\"name_big\");\n      this.nameSmall = this.$store.getters.getSettingValue(\"name_small\");\n    }\n      }\n</script>\n\n<style>\n.header {\n  background-image: url('~@/assets/manhattan-407703_1920.jpg');\n  background-repeat: no-repeat;\n  margin-top: -100px;\n  height: 30vh;\n  text-align: center;\n}\n  .header 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  .header h1 .small{\n    font-weight: 300 !important;\n  }\n.header 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"]}]}