mirror of
https://github.com/EvolutionAPI/evolution-manager.git
synced 2025-12-24 21:27:44 -06:00
41 lines
855 B
Vue
41 lines
855 B
Vue
<template>
|
|
<v-app-bar flat>
|
|
<v-app-bar-title>
|
|
<v-icon icon="mdi-whatsapp" left />
|
|
Evolution Manager
|
|
</v-app-bar-title>
|
|
|
|
<v-icon v-if="AppStore.validConnection" color="success">
|
|
mdi-check-circle
|
|
</v-icon>
|
|
<v-icon v-else color="error"> mdi-alert-circle </v-icon>
|
|
<v-btn @click="openSettings" icon>
|
|
<v-icon>mdi-cog</v-icon>
|
|
</v-btn>
|
|
</v-app-bar>
|
|
<SettingsModal ref="settings" />
|
|
</template>
|
|
|
|
<script>
|
|
import SettingsModal from "@/components/modal/Settings.vue";
|
|
import { useAppStore } from "@/store/app";
|
|
|
|
export default {
|
|
name: "AppBar",
|
|
data: () => ({
|
|
AppStore: useAppStore(),
|
|
}),
|
|
components: {
|
|
SettingsModal,
|
|
},
|
|
methods: {
|
|
openSettings() {
|
|
this.$refs.settings.open();
|
|
},
|
|
},
|
|
mounted() {
|
|
if (!this.AppValidConnection) this.openSettings();
|
|
},
|
|
};
|
|
</script>
|