Changeset 17db9d2

Timestamp:

01/24/25 19:58:53 (3 months ago)

Author:

Aleksandarj03 <138524804+Aleksandarj03@…>

Branches:

master

Children:

a520992

Parents:

03d08f3

Message:

Added favourite locals placeholder and fixed navbar

Location:

ReserveNGo-frontend/src

Files:

• components/Project/Footer_.vue (modified) (1 diff)
• components/Project/Locale_.vue (added)
• components/Project/Locale_details.vue (modified) (1 diff)
• components/Project/Nav_bar_new.vue (modified) (3 diffs)
• components/Project/favourite_locals.vue (modified) (1 diff)
• router/index.js (modified) (2 diffs)

ReserveNGo-frontend/src/components/Project/Footer_.vue

@@ -10 +10 @@
 
         </div>
-        
+
         <div class="contact">
             <p>Contact:</p>

ReserveNGo-frontend/src/components/Project/Locale_details.vue

@@ -26 +26 @@
       </ul>
       <p>Average rating...</p>
+      <router-link to="/more_details">
       <button class="btn btn-dark">More details</button>
+      </router-link>
       <button class="btn btn-dark ms-2">Make reservation</button>
     </div>

ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue

@@ -42 +42 @@
   <!-- navbar -->
 
-  <nav class="navbar navbar-expand-md navbar-light pt-1 pb-4 ">
+  <nav class="navbar navbar-expand-md navbar-light pt-1 pb-1 ">
     <div class="container-xxl">
       <!-- navbar brand / title -->
@@ -59 +59 @@
         <ul class="navbar-nav">
           <li class="nav-item">
-            <router-link to="/favourite_locals" class="nav-link">Омилени Локали </router-link>
+            <router-link to="/favourite_locals" class="nav-link">Favourite locals </router-link>
           </li>
           <li class="nav-item">
-            <router-link to="/my_reservations" class="nav-link">Мои резервации </router-link>
+            <router-link to="/my_reservations" class="nav-link">My reservations </router-link>
           </li>
           <li class="nav-item ms-2 d-none d-md-inline">
             <router-link to="/login" >
-            <a class="btn btn-dark">Најави се</a>
+            <a class="btn btn-dark">Login</a>
             </router-link>
             <router-link to="/register">
-            <a class="btn btn-dark ms-2">Регистрирај се</a>
+            <a class="btn btn-dark ms-2">Register</a>
             </router-link>
           </li>
@@ -90 +90 @@
 nav{
   background: #8377D1;
+  height: 80px;
+}
+
+.btn{
+  height: 40px;
+  margin-top: 5px;
+}
+
+img{
+  height: 50px;
 }
 

ReserveNGo-frontend/src/components/Project/favourite_locals.vue

@@ -1 +1 @@
 <script setup>
-
+import Locale_ from '@/components/Project/Locale_.vue'
 </script>
 
 <template>
 
-  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+  <div id="container " class="border container-xxl">
+
+    <locale_/>
+    <locale_/>
+    <locale_/>
+    <locale_/>
+    <locale_/>
+
+  </div>
 
 </template>

ReserveNGo-frontend/src/router/index.js

@@ -7 +7 @@
 import favourite_locals from '@/components/Project/favourite_locals.vue'
 import my_reservations from '@/components/Project/My_reservations.vue'
+import Locale_ from '@/components/Project/Locale_.vue'
 
 const router = createRouter({
@@ -40 +41 @@
       component: register_,
     },
+    {
+      path: '/more_details',
+      name: 'more_details',
+      component: Locale_,
+    }
   ],
 })