User info page

1 files changed, 45 insertions, 0 deletions

diff --git a/app/src/views/UserInfo.vue b/app/src/views/UserInfo.vue
new file mode 100644
index 0000000..f317cbd
--- /dev/null
+++ b/app/src/views/UserInfo.vue
@@ -0,0 +1,45 @@
+<template>
+  <ion-page>
+    <m6-header />
+    <ion-content :fullscreen="true">
+      <div>
+        <p>ID: {{ me.id }}</p>
+        <p>Name: {{ me.name }}</p>
+        <p>Email: {{ me.email }}</p>
+        <p>Is staff: {{ me.is_staff }}</p>
+      </div>
+    </ion-content>
+
+    <m6-footer />
+  </ion-page>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import { IonPage, IonContent } from "@ionic/vue";
+import Header from "@/components/Header.vue";
+import Footer from "@/components/Footer.vue";
+
+import { mapGetters, mapActions } from "vuex";
+
+export default defineComponent({
+  name: "UserInfo",
+  components: {
+    IonContent,
+    IonPage,
+    "m6-header": Header,
+    "m6-footer": Footer,
+  },
+  computed: {
+    ...mapGetters("auth", ["isLogged", "me"]),
+  },
+  created() {
+    if (!this.isLogged) window.location.href = "/sign";
+
+    this.getMe();
+  },
+  methods: {
+    ...mapActions("auth", ["getMe"]),
+  },
+});
+</script>