Started code review + some fixes (unfinished)

[vchess.git] / client / src / views / Auth.vue

<template lang="pug">
main
  .row
    .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
      p(:class="{warn:!!this.errmsg}")
        | {{ errmsg || st.tr["Authentication successful!"] }}
</template>

<script>
import { store } from "@/store";
import { ajax } from "@/utils/ajax";
export default {
  name: "my-auth",
  data: function() {
    return {
      st: store.state,
      errmsg: ""
    };
  },
  created: function() {
    ajax(
      "/authenticate",
      "GET",
      { token: this.$route.params["token"] },
      res => {
        if (!res.errmsg) {
          //if not already logged in
          this.st.user.id = res.id;
          this.st.user.name = res.name;
          this.st.user.email = res.email;
          this.st.user.notify = res.notify;
          localStorage["myname"] = res.name;
          localStorage["myid"] = res.id;
        } else this.errmsg = res.errmsg;
      }
    );
  }
};
</script>

<style lang="sass" scoped>
.warn
  padding: 3px
  color: red
  background-color: lightgrey
  font-weight: bold
</style>