Files
logapi_nuxt/components/Navbar.vue
2024-12-16 13:49:33 +07:00

99 lines
2.1 KiB
Vue

<template>
<v-app-bar color="#009244" height="100">
<v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
<img src="assets\img\logo_rssa.png" alt="" style="display: flex; height: 80px;">
<v-btn v-if="hide==true" @click="navigateTo('/logout')">
<v-icon>ph:sign-out</v-icon>
logout
</v-btn>
</v-app-bar>
<v-navigation-drawer
v-model="drawer"
location="left"
temporary
>
<v-list>
<v-list-item prepend-icon="mdi-home" title="Home" to="/"></v-list-item>
<v-list-group value="SimRS">
<template v-slot:activator="{ props }">
<v-list-item
v-bind="props"
prepend-icon="mdi-file-outline"
title="SimRS"
></v-list-item>
</template>
<v-list-item
title="Surat Kontrol"
to="/Surat-Kontrol"
></v-list-item>
</v-list-group>
<v-list-group prepend-icon="mdi-cloud-upload" value="Satu Rssa">
<template v-slot:activator="{ props }">
<v-list-item
v-bind="props"
title="Satu Rssa"
></v-list-item>
</template>
<v-list-item
v-bind="props"
title="logapi"
to="/satu_rssa/logapi"
></v-list-item>
<v-list-item
v-bind="props"
title="Kunjungan Pasien"
to="/satu_rssa/kunjungan_pasien"
></v-list-item>
</v-list-group>
</v-list>
</v-navigation-drawer>
</template>
<script>
import { ref } from "vue";
import { useTheme } from "vuetify";
import { storeToRefs } from "pinia";
// console.log(hide);
export default {
data: () => ({
drawer: false,
group: null,
}),
watch: {
group () {
this.drawer = false
},
},
}
</script>
<style scoped>
</style>