Add user table with basic editor

This commit is contained in:
aldrin 2021-04-15 11:36:21 +02:00
parent 3376253792
commit e0b48ebe40
4 changed files with 97 additions and 5 deletions

View file

@ -1,7 +1,7 @@
<template>
<section class="container">
<div class="columns is-centered">
<div class="column is-3-widescreen is-4-desktop is-5-tablet">
<div class="column is-5-widescreen is-4-desktop is-5-tablet">
<b-notification
v-if="isConfirmation"
type="is-success"
@ -10,7 +10,8 @@
Deine E-Mail-Adresse wurde erfolgreich bestätigt. Du kannst dich nun
anmelden.
</b-notification>
<LoginForm v-if="!user.isAuthenticated" :user="user" />
<UserTable v-if="user.isAuthenticated" :user="user" />
<LoginForm v-else :user="user" />
</div>
</div>
</section>
@ -20,11 +21,12 @@
import { Component, Vue } from "vue-property-decorator";
import LoginForm from "@/components/LoginForm.vue";
import { User } from "@/api";
import UserTable from "@/components/UserTable.vue";
@Component({ components: { LoginForm } })
@Component({ components: { UserTable, LoginForm } })
export default class Home extends Vue {
private isConfirmation = false;
private user = new User("", "");
private user = new User("", "", undefined, undefined);
private async created() {
if (this.$route.name === "Confirm") this.isConfirmation = true;