From 5afa623e3a4e5c5a6787797d3474845292dcf7d3 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 5 Sep 2024 16:24:39 +0300
Subject: [PATCH] timer

---
 front/src/components/nav.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/front/src/components/nav.vue b/front/src/components/nav.vue
index 808e27a..b2de87f 100644
--- a/front/src/components/nav.vue
+++ b/front/src/components/nav.vue
@@ -6,9 +6,13 @@ import { useRoute } from 'vue-router';
 import { useItem } from '../stores/item';
 import { onMounted, ref } from 'vue';
 import { SERVER_URL } from '../constants';
+import { useTimer } from '../stores/timer';
+import { useTimerHome } from '../stores/timer_home';
 
 const route = useRoute()
 const pageStore = useItem()
+const timer = useTimer()
+const home_timer = useTimerHome()
 
 const items = ref([] as { name: string, slug: string }[])
 
@@ -44,6 +48,12 @@ onMounted(async () => {
             </span>
         </div>
         <div class="nav-content">
+            <span style="opacity: 0.5; margin-right: 1rem">
+                {{ timer.seconds_left }}
+            </span>
+            <span style="opacity: 0.5; margin-right: 1rem">
+                {{ home_timer.seconds_left }}
+            </span>
             <template v-if="['main', 'home_no'].includes(route.name as string)">
                 Нажмите на <span class="nav-icon">
                     <icon_3d />
@@ -60,7 +70,7 @@ onMounted(async () => {
         </div>
         <div class="nav-group">
             <template v-for="item in items">
-                <span class="nav-icon" :class="[{ active: item.slug == pageStore.page.slug}]">
+                <span class="nav-icon" :class="[{ active: item.slug == pageStore.page.slug }]">
                     <RouterLink :to="`/${item.slug}`" :title="item.name">
                         {{ item.name[0].toUpperCase() }}
                     </RouterLink>