reordered for custom views
This commit is contained in:
@@ -1,15 +0,0 @@
|
||||
<template>
|
||||
<div class="Dashboard">
|
||||
Dashboard
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Dashboard",
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,55 +0,0 @@
|
||||
<template>
|
||||
<div class="LoginForm">
|
||||
<h2>Login</h2>
|
||||
<my-form :elements="elements" :buttons="buttons" :submitHandler="login"></my-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MyForm from '../my-form.vue';
|
||||
|
||||
export default {
|
||||
name: 'LoginForm',
|
||||
components: {
|
||||
MyForm
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
username: '',
|
||||
password: '',
|
||||
elements: {
|
||||
username: {
|
||||
label: 'Benutzername',
|
||||
type: 'text',
|
||||
required: true
|
||||
},
|
||||
password: {
|
||||
label: 'Passwort',
|
||||
type: 'password',
|
||||
required: true
|
||||
}
|
||||
},
|
||||
buttons: [
|
||||
{
|
||||
label: 'login',
|
||||
type: 'submit'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
login(formData) {
|
||||
this.$store.dispatch("login", formData)
|
||||
.then(user => {
|
||||
console.log("---- user login --------");
|
||||
console.log(user);
|
||||
this.$router.go(-1);
|
||||
})
|
||||
.catch(error => {
|
||||
console.log("---- login error -------");
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,17 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
Sie werden ausgeloggt....
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'logout',
|
||||
created() {
|
||||
this.$store.commit('clearLogin');
|
||||
setTimeout(() => {
|
||||
this.$router.replace('/login');
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,73 +0,0 @@
|
||||
<template>
|
||||
<div class="Userlist">
|
||||
<h1>Userlist</h1>
|
||||
<scroll-table :columns="columns" :new-rows="newRows" :has-more="hasMore" :loading="loading" :handler="more" orderBy="id" :orderDesc="true"></scroll-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ScrollTable from './scroll-table.vue';
|
||||
|
||||
export default {
|
||||
name: "Userlist",
|
||||
components: {
|
||||
ScrollTable
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
columns: [
|
||||
{
|
||||
heading: 'ID',
|
||||
prop: 'ID',
|
||||
orderBy: 'id'
|
||||
},
|
||||
{
|
||||
heading: 'Benutzername',
|
||||
prop: 'Username',
|
||||
orderBy: 'username'
|
||||
},
|
||||
{
|
||||
heading: 'Reseller',
|
||||
prop: 'Reseller.Username'
|
||||
},
|
||||
{
|
||||
heading: 'Render',
|
||||
render(row) {
|
||||
return 'ID:' + row.ID;
|
||||
}
|
||||
}
|
||||
],
|
||||
newRows: [ ],
|
||||
hasMore: true,
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
more(offset, limit, orderBy, orderDesc, search) {
|
||||
this.loading = true;
|
||||
this.$store.dispatch('apiRequest', {
|
||||
endpoint: 'users',
|
||||
params: {
|
||||
start: offset,
|
||||
length: limit,
|
||||
orderBy,
|
||||
orderDesc,
|
||||
search
|
||||
}
|
||||
})
|
||||
.then(rows => {
|
||||
this.hasMore = (rows.length >= limit);
|
||||
this.newRows = rows;
|
||||
this.loading = false;
|
||||
})
|
||||
.catch(error => {
|
||||
this.loading = false;
|
||||
this.hasMore = false;
|
||||
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user