Experimental improved behavior of login/logout/multitabs

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

diff --git a/client/src/views/Auth.vue b/client/src/views/Auth.vue
new file mode 100644 (file)
index 0000000..f892fd5
--- /dev/null
+++ b/client/src/views/Auth.vue
@@ -0,0 +1,50 @@
+<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>