github
/
statping
mirror of https://github.com/statping/statping
1
0
Fork 0
Code Issues Releases Wiki Activity

removed linting from top nav

pull/1097/head
smit95tpatel 2021-12-17 19:23:58 +05:30
parent 280eed0d8d
commit 6311a2562d
1 changed files with 60 additions and 173 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

233
frontend/src/components/Dashboard/TopNav.vue
View File

@ -1,183 +1,70 @@
<template> <template>
<nav class="navbar navbar-expand-lg"> <nav class="navbar navbar-expand-lg">
<router-link <router-link to="/" class="navbar-brand">Statping</router-link>
to="/" <button @click="navopen = !navopen" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
class="navbar-brand" <font-awesome-icon v-if="!navopen" icon="bars"/>
> <font-awesome-icon v-if="navopen" icon="times"/>
Statping </button>
</router-link>
<button <div class="navbar-collapse" :class="{collapse: !navopen}" id="navbarText">
class="navbar-toggler" <ul class="navbar-nav mr-auto">
type="button" <li @click="navopen = !navopen" class="nav-item navbar-item">
data-toggle="collapse" <router-link to="/dashboard" class="nav-link">{{ $t('dashboard') }}</router-link>
data-target="#navbarText" </li>
aria-controls="navbarText" <li @click="navopen = !navopen" class="nav-item navbar-item">
aria-expanded="false" <router-link to="/dashboard/services" class="nav-link">{{ $t('services') }}</router-link>
aria-label="Toggle navigation" </li>
@click="navopen = !navopen" <li @click="navopen = !navopen" class="nav-item navbar-item">
> <router-link to="/dashboard/downtimes" class="nav-link">{{'Downtimes'}}</router-link>
<FontAwesomeIcon </li>
v-if="!navopen" <li v-if="admin" @click="navopen = !navopen" class="nav-item navbar-item">
icon="bars" <router-link to="/dashboard/users" class="nav-link">{{ $t('users') }}</router-link>
/> </li>
<FontAwesomeIcon <li @click="navopen = !navopen" class="nav-item navbar-item">
v-if="navopen" <router-link to="/dashboard/messages" class="nav-link">{{ $t('announcements') }}</router-link>
icon="times" </li>
/> <li v-if="admin" @click="navopen = !navopen" class="nav-item navbar-item">
</button> <router-link to="/dashboard/settings" class="nav-link">{{ $t('settings') }}</router-link>
</li>
<li v-if="admin" @click="navopen = !navopen" class="nav-item navbar-item">
<router-link to="/dashboard/logs" class="nav-link">{{ $t('logs') }}</router-link>
</li>
<li v-if="admin" @click="navopen = !navopen" class="nav-item navbar-item">
<router-link to="/dashboard/help" class="nav-link">{{ $t('help') }}</router-link>
</li>
</ul>
<span class="navbar-text">
<a href="#" class="nav-link" @click.prevent="logout">{{ $t('logout') }}</a>
</span>
</div>
</nav>
<div
id="navbarText"
class="navbar-collapse"
:class="{ collapse: !navopen }"
>
<ul class="navbar-nav mr-auto">
<li
class="nav-item navbar-item"
@click="navopen = !navopen"
>
<router-link
to="/dashboard"
class="nav-link"
>
{{ $t('dashboard') }}
</router-link>
</li>
<li
class="nav-item navbar-item"
@click="navopen = !navopen"
>
<router-link
to="/dashboard/services"
class="nav-link"
>
{{
$t('services')
}}
</router-link>
</li>
<li
class="nav-item navbar-item"
@click="navopen = !navopen"
>
<router-link
to="/dashboard/downtimes"
class="nav-link"
>
{{
'Downtimes'
}}
</router-link>
</li>
<li
v-if="admin"
class="nav-item navbar-item"
@click="navopen = !navopen"
>
<router-link
to="/dashboard/users"
class="nav-link"
>
{{
$t('users')
}}
</router-link>
</li>
<li
class="nav-item navbar-item"
@click="navopen = !navopen"
>
<router-link
to="/dashboard/messages"
class="nav-link"
>
{{
$t('announcements')
}}
</router-link>
</li>
<li
v-if="admin"
class="nav-item navbar-item"
@click="navopen = !navopen"
>
<router-link
to="/dashboard/settings"
class="nav-link"
>
{{
$t('settings')
}}
</router-link>
</li>
<li
v-if="admin"
class="nav-item navbar-item"
@click="navopen = !navopen"
>
<router-link
to="/dashboard/logs"
class="nav-link"
>
{{
$t('logs')
}}
</router-link>
</li>
<li
v-if="admin"
class="nav-item navbar-item"
@click="navopen = !navopen"
>
<router-link
to="/dashboard/help"
class="nav-link"
>
{{
$t('help')
}}
</router-link>
</li>
</ul>
<span class="navbar-text">
<a
href="#"
class="nav-link"
@click.prevent="logout"
>
{{
$t('logout')
}}
</a>
</span>
</div>
</nav>
</template> </template>
<script> <script>
import Api from '../../API'; import Api from "../../API"
export default { export default {
name: 'TopNav', name: 'TopNav',
data () { data () {
return { return {
navopen: false, navopen: false
}; }
}, },
computed: { computed: {
admin () { admin() {
return this.$store.state.admin; return this.$store.state.admin
}, }
}, },
methods: { methods: {
async logout () { async logout () {
await Api.logout(); await Api.logout()
this.$store.commit('setHasAllData', false); this.$store.commit('setHasAllData', false)
this.$store.commit('setToken', null); this.$store.commit('setToken', null)
this.$store.commit('setAdmin', false); this.$store.commit('setAdmin', false)
// this.$cookies.remove("statping_auth") // this.$cookies.remove("statping_auth")
await this.$router.push('/logout'); await this.$router.push('/logout')
}, }
}, }
}; }
</script> </script>