StyAndCo/zeppelin
3
0
Fork 0
mirror of https://github.com/ZeppelinBot/Zeppelin.git synced 2025-05-11 04:45:02 +00:00
Code Releases Activity

Dashboard styling; don't allow login if you have no guild perms; allow logging out

Browse source
This commit is contained in:
Dragory 2019-07-22 00:11:24 +03:00
parent a517ca3906
commit 0f724fc9bd
9 changed files with 132 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

10
dashboard/src/components/Dashboard.vue
View file

@ -13,7 +13,7 @@
<div class="navbar-start">
<router-link to="/dashboard" class="navbar-item">Guilds</router-link>
<a href="#" class="navbar-item">Docs</a>
<a href="#" class="navbar-item">Log out</a>
<a href="javascript:void(0)" class="navbar-item" v-on:click="logout()">Log out</a>
</div>
</div>
</div>
@ -41,6 +41,12 @@
export default {
async mounted() {
await import("../style/dashboard.scss");
}
},
methods: {
async logout() {
await this.$store.dispatch("auth/logout");
this.$router.push('/');
}
},
};
</script>

30
dashboard/src/components/Splash.vue
View file

@ -1,14 +1,22 @@
<template>
<div class="splash">
<div class="wrapper">
<img class="logo" src="../img/logo.png" alt="Zeppelin Logo">
<h1>Zeppelin</h1>
<div class="description">
Zeppelin is a private moderation bot for Discord, designed with large servers and reliability in mind.
<div class="logo-column">
<img class="logo" src="../img/logo.png" alt="Zeppelin Logo">
</div>
<div class="actions">
<a class="btn" href="/login">Dashboard</a>
<a class="btn disabled" href="#">Docs</a>
<div class="info-column">
<h1>Zeppelin</h1>
<div class="description">
Zeppelin is a private moderation bot for Discord, designed with large servers and reliability in mind.
</div>
<div class="actions">
<a class="btn" href="/login">Dashboard</a>
<a class="btn disabled" href="#">Docs</a>
</div>
<div class="error" v-if="error">
<strong>Error</strong>
<div v-if="error === 'noaccess'">No access</div>
</div>
</div>
</div>
</div>
@ -16,4 +24,12 @@
<script>
import "../style/splash.scss";
export default {
computed: {
error() {
return this.$route.query.error;
},
},
}
</script>