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

Dashboard work and related

Browse source
This commit is contained in:
Dragory 2019-06-23 19:18:41 +03:00
parent 7bda2b1763
commit b230a73a6f
44 changed files with 637 additions and 272 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,36 +1,46 @@
<template>
<div v-if="loading">
Loading...
</div>
<div v-else>
<h1>Guilds</h1>
<table v-for="guild in guilds">
<tr>
<td>{{ guild.guild_id }}</td>
<td>{{ guild.name }}</td>
<td>
<a v-bind:href="'/dashboard/guilds/' + guild.guild_id + '/config'">Config</a>
</td>
</tr>
</table>
<div class="dashboard">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<div class="navbar-item">
<img class="dashboard-logo" src="../img/logo.png" aria-hidden="true">
<h1 class="dashboard-title">Zeppelin Dashboard</h1>
</div>
</div>
<div class="navbar-menu is-active">
<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>
</div>
</div>
</div>
</nav>
<div class="section">
<div class="container">
<router-view></router-view>
</div>
</div>
</div>
</template>
<script>
import {mapState} from "vuex";
<style scoped>
.dashboard-logo {
margin-right: 12px;
}
export default {
async mounted() {
await this.$store.dispatch("guilds/loadAvailableGuilds");
this.loading = false;
},
data() {
return { loading: true };
},
computed: {
...mapState('guilds', {
guilds: 'available',
}),
},
};
.dashboard-title {
font-weight: 600;
}
</style>
<script>
export default {
async mounted() {
await import("../style/dashboard.scss");
}
};
</script>