{"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":1558712901129},{"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//\n//\n\nimport ServerService from '../services/Server'\nimport UserService from '../services/User'\n\nexport default {\n  data () {\n    return {\n      nameBig: '',\n      nameSmall: '',\n      username: '',\n      password: '',\n      errorMessage: ''\n    }\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    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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;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","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          <h1>Login</h1>\n          <v-alert\n                  :value=\"true\"\n                  type=\"error\"\n                  v-if=\"errorMessage\"\n          >\n            {{ errorMessage }}\n          </v-alert>\n          <p>Login to your {{nameBig}}{{nameSmall}} with your credentials.</p>\n          <v-text-field\n                  label=\"Username\"\n                  value=\"\"\n                  v-model=\"username\"\n          ></v-text-field>\n          <v-text-field\n                  label=\"Password\"\n                  value=\"\"\n                  type=\"password\"\n                  v-model=\"password\"\n          ></v-text-field>\n          <!--<v-checkbox\n                  v-model=\"allowSpaces\"\n                  label=\"Permanent Login at this Device\"\n                  disabled=\"true\"\n          ></v-checkbox>!-->\n          <v-btn\n                  color=\"success\"\n                  @click=\"login\"\n          >\n            Login\n          </v-btn>\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\n  export default {\n    data () {\n      return {\n        nameBig: '',\n        nameSmall: '',\n        username: '',\n        password: '',\n        errorMessage: ''\n      }\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      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"]}]}