PTah
34 lines
972 B
Vue
34 lines
972 B
Vue
<template>
|
|
<div class="layout">
|
|
<nav v-if="showNav">
|
|
<span class="brand">{{ appTitle }}</span>
|
|
<RouterLink to="/dashboard">Dashboard</RouterLink>
|
|
<RouterLink to="/events">События</RouterLink>
|
|
<RouterLink to="/reports">Отчёты</RouterLink>
|
|
<RouterLink to="/problems">Проблемы</RouterLink>
|
|
<RouterLink to="/hosts">Хосты</RouterLink>
|
|
<button type="button" class="secondary" @click="logout">Выход</button>
|
|
</nav>
|
|
<RouterView />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from "vue";
|
|
import { useRoute, useRouter } from "vue-router";
|
|
import { clearToken, getToken } from "./api";
|
|
import { APP_VERSION_LABEL } from "./version";
|
|
|
|
const appTitle = APP_VERSION_LABEL;
|
|
|
|
const route = useRoute();
|
|
const router = useRouter();
|
|
|
|
const showNav = computed(() => route.path !== "/login" && !!getToken());
|
|
|
|
function logout() {
|
|
clearToken();
|
|
router.push("/login");
|
|
}
|
|
</script>
|