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

View File

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