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

Work on documentation

Browse source
This commit is contained in:
Dragory 2019-07-28 18:24:32 +03:00
parent c2935bd1d7
commit f186e5c61f
17 changed files with 451 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

57
dashboard/src/components/Dashboard/Layout.vue Normal file
View file

@ -0,0 +1,57 @@
<template>
<div class="dashboard dashboard-cloak">
<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" alt="" 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="javascript:void(0)" class="navbar-item" v-on:click="logout()">Log out</a>
</div>
</div>
</div>
</nav>
<div class="section">
<div class="container">
<router-view></router-view>
</div>
</div>
</div>
</template>
<style scoped>
.dashboard-cloak {
/* Replaced by "visible" in dashboard.scss */
visibility: hidden;
}
.dashboard-logo {
margin-right: 12px;
}
.dashboard-title {
font-weight: 600;
}
</style>
<script>
export default {
async mounted() {
await import("../../style/dashboard.scss");
},
methods: {
async logout() {
await this.$store.dispatch("auth/logout");
this.$router.push('/');
}
},
};
</script>