Initial commit

pages/authorize.vue

@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <app-loader v-if="!authFailed" overlay>
+      <h2>Authenticating...</h2>
+    </app-loader>
+    <app-message v-if="authFailed" :description="err.errorDescription" message="Failed to authenticate.">
+      <template slot="extras">
+        <Button type="primary" @click="triggerLogin">Log in</Button>
+      </template>
+    </app-message>
+  </div>
+</template>
+
+<script>
+import auth from "~/utils/auth";
+
+export default {
+  data() {
+    return {
+      authFailed: false,
+      err: {}
+    };
+  },
+  mounted() {
+    auth
+      .handleAuthentication()
+      .then(this.authorized)
+      .catch(this.unauthorized);
+  },
+  methods: {
+    authorized({ returnUrl }) {
+      this.$router.replace(returnUrl);
+    },
+    unauthorized(err) {
+      this.authFailed = true;
+      this.err = err;
+    },
+    triggerLogin() {
+      const errorState =
+        this.err && this.err.state ? JSON.parse(this.err.state) : null;
+      const returnUrl =
+        errorState && errorState.returnUrl ? errorState.returnUrl : "/";
+      auth.triggerLogin({ returnUrl });
+    }
+  }
+};
+</script>
+

pages/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <events />
+</template>
+
+<script>
+import Events from "~/components/pages/events";
+
+export default {
+  components: {
+    Events
+  },
+  head() {
+    return {
+      title: "Dancefinder - Events"
+    };
+  }
+};
+</script>

pages/logout.vue

@@ -0,0 +1,17 @@
+<template>
+  <app-message message="You are logged out.">
+    <h1 slot="icon">🎉</h1>
+  </app-message>
+</template>
+
+<script>
+import auth from "~/utils/auth";
+
+export default {
+  layout: "default",
+  mounted() {
+    auth.logout();
+    this.$router.replace('/')
+  }
+};
+</script>