Add user table with basic editor
This commit is contained in:
parent
3376253792
commit
e0b48ebe40
4 changed files with 97 additions and 5 deletions
|
@ -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;
|
||||
|
|
Reference in a new issue