sposchedule

1
<script setup lang="ts">
2
  import router from '@/router';
3
  import { useAppStore } from '@/stores/app';
4
  import { useAuthStore } from '@/stores/auth';
5
  import { storeToRefs } from 'pinia';
6
  import Button from 'primevue/button';
7

8
  const { onSidebarToggle } = useAppStore();
9

10
  const authStore = useAuthStore();
11
  const { user } = storeToRefs(authStore);
12
  const { logout } = authStore;
13

14
  async function signout() {
15
    try {
16
      await logout();
17
      router.push('/admin/login');
18
    } catch (e) {
19
      console.log(e);
20
    }
21
  }
22
</script>
23

24
<template>
25
  <div
26
    style="z-index: 1100"
27
    class="fixed h-16 top-0 left-0 w-full dark:bg-surface-900 bg-surface-200 flex items-center px-6 gap-4"
28
  >
29
    <Button
30
      icon="pi pi-bars"
31
      text
32
      severity="contrast"
33
      rounded
34
      @click="onSidebarToggle"
35
    />
36
    <div class="flex justify-between items-center w-full">
37
      <RouterLink to="/" class="font-bold text-xl dark:text-white">
38
        Пары РКЭ
39
      </RouterLink>
40
      <div class="flex gap-2">
41
        <Button
42
          severity="contrast"
43
          as="router-link"
44
          :label="user?.name"
45
          text
46
          to="/admin/user"
47
        />
48
        <Button
49
          severity="contrast"
50
          icon="pi pi-sign-out"
51
          text
52
          @click="signout"
53
        />
54
      </div>
55
    </div>
56
  </div>
57
</template>
58