Ignore:
Timestamp:
01/23/25 18:48:23 (3 months ago)
Author:
Ljubomir Ilievski <ilievski.ljubomir@…>
Branches:
master
Children:
a0e93df
Parents:
4446c6f
Message:

Ready to begin with connection with backend

Location:
ReserveNGo-frontend/src
Files:
2 added
12 edited

Legend:

Unmodified
Added
Removed

  • ReserveNGo-frontend/src/App.vue

    r4446c6f rf9ef3e8  
    3737
    3838<style scoped>
     39
     40template{ background: #FBFFF1;}
    3941/*header {
    4042  line-height: 1.5;

  • ReserveNGo-frontend/src/PiniaStores/restaurantStore.js

    r4446c6f rf9ef3e8  
    99    return {
    1010      name: '',
     11      address: '',
     12      workingHours: '00:50',
     13      availableServices: [],
     14      averageRating: 0
    1115
    1216    }
    1317  },
    1418  actions: {
    15     setName (name) {
     19    setDetails (name, address, workingHours) {
    1620      this.name = name
     21      this.address = address
     22      this.workingHours = workingHours
     23      //this.availableServices = availableServices
    1724    }
    1825  },

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

    r4446c6f rf9ef3e8  
    66
    77    <div id="container" class="border">
     8      <footer>
    89      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, voluptatibus?
     10      </footer>
    911    </div>
    1012
    … …  
    1618#container{
    1719  height: 20vh;
     20  background: #8377D1;
     21}
     22
     23footer{
     24
    1825}
    1926

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

    r4446c6f rf9ef3e8  
    11<script>
    22
     3
     4import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
    35
    46export default {
    … …  
    810        name: '',
    911        address: ''
    10       }
     12      },
     13      restaurantStore: restaurantStore()
    1114    }
    1215  }
    … …  
    1821    <div id="container" class="border px-5 py-2">
    1922      <p>Local details...</p>
    20       <p>Working hours: xx:yy-xx:yy</p>
     23      <p>Working hours: {{restaurantStore.workingHours}}</p>
    2124      <ul>
    2225        <li>Service 1</li>

  • ReserveNGo-frontend/src/components/Project/Locale_listing_container.vue

    r4446c6f rf9ef3e8  
    44
    55export default defineComponent({
    6   components: { Local_in_local_listing }
     6  components: { Local_in_local_listing },
     7
     8
     9  data(){
     10    return {
     11      locale: {
     12        name: 'Restaurant name',
     13        address: 'Restaurant address',
     14        workingHours: '00:00',
     15        availableServices: ['pet Friendly', 'WiFI'],
     16        averageRating: 0
     17      }
     18    }
     19  }
     20
    721})
    822
    … …  
    1327
    1428  <div id="container" class="border">
     29
     30    <div v-for="locale_ in 5" :key="locale_">
     31
     32      <Local_in_local_listing :name="locale.name+locale_" :address="locale.address+locale_" :workingHours="locale.workingHours+locale_" />
     33<!--      <Local_in_local_listing/>-->
     34    </div>
     35
     36<!--    <Local_in_local_listing/>
    1537    <Local_in_local_listing/>
    1638    <Local_in_local_listing/>
    17     <Local_in_local_listing/>
    18     <Local_in_local_listing/>
    19     <Local_in_local_listing/>
     39    <Local_in_local_listing/>-->
    2040
    2141

  • ReserveNGo-frontend/src/components/Project/My_reservations.vue

    r4446c6f rf9ef3e8  
    11<script setup>
    22
     3import reservation_ from '@/components/Project/reservation_.vue'
    34</script>
    45
    56<template>
    6 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque doloribus eos facere optio quam totam, voluptate! A adipisci ducimus enim labore magni molestias nihil, quasi, quos reprehenderit saepe tenetur ullam.</p>
     7
     8  <div id="container " class="border container-xxl">
     9
     10    <reservation_/>
     11    <reservation_/>
     12    <reservation_/>
     13    <reservation_/>
     14
     15  </div>
    716</template>
    817

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

    r4446c6f rf9ef3e8  
    4242  <!-- navbar -->
    4343
    44   <nav class="navbar navbar-expand-md navbar-light pt-1 pb-4">
     44  <nav class="navbar navbar-expand-md navbar-light pt-1 pb-4 ">
    4545    <div class="container-xxl">
    4646      <!-- navbar brand / title -->
    … …  
    5959        <ul class="navbar-nav">
    6060          <li class="nav-item">
    61             <router-link to="/topics" class="nav-link">Омилени Локали </router-link>
     61            <router-link to="/favourite_locals" class="nav-link">Омилени Локали </router-link>
    6262          </li>
    6363          <li class="nav-item">
    64             <router-link to="/my_reservations" class="nav-link">Омилени Локали </router-link>
     64            <router-link to="/my_reservations" class="nav-link">Мои резервации </router-link>
    6565          </li>
    6666          <li class="nav-item ms-2 d-none d-md-inline">
    67             <router-link to="/login">
    68             <a class="btn btn-secondary">Најави се</a>
     67            <router-link to="/login" >
     68            <a class="btn btn-dark">Најави се</a>
    6969            </router-link>
    7070            <router-link to="/register">
    71             <a class="btn btn-secondary ms-2">Регистрирај се</a>
     71            <a class="btn btn-dark ms-2">Регистрирај се</a>
    7272            </router-link>
    7373          </li>
    … …  
    9191  height: 5%;
    9292}
     93nav{
     94  background: #8377D1;
     95}
     96
    9397
    9498

  • ReserveNGo-frontend/src/components/Project/home_.vue

    r4446c6f rf9ef3e8  
    3737<style scoped>
    3838
     39
     40
    3941</style>

  • ReserveNGo-frontend/src/components/Project/local_in_local_listing.vue

    r4446c6f rf9ef3e8  
    11<script>
    22
     3
     4import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
    35
    46export default {
    … …  
    79    return {
    810
    9       locale:{
     11      /*locale:{
    1012        name: "Restaurant name",
    1113        address: "Restaurant address",
    12       }
     14      }*/
     15
     16
     17    }
     18  },
     19  props: {
     20    name: {
     21      type: String,
     22      required: true,
     23      default: "Restaurant name" // Default value if no prop is passed
     24    },
     25    address: {
     26      type: String,
     27      required: true,
     28      default: "Restaurant address"
     29    },
     30    workingHours: {
     31      type: String,
     32      required: false,
     33      default: "Working hours not provided"
     34    }
     35  },
     36
     37  methods: {
     38    handleClick() {
     39      //alert(`Clicked on ${this.name}`);
     40      let restaurantStore_ = restaurantStore()
     41
     42      restaurantStore_.setDetails(this.name, this.address, this.workingHours)
     43
    1344
    1445    }
    1546  }
    16 
    1747
    1848}
    … …  
    2454<template>
    2555
    26   <div id="container" class="border my-3 p-2">
    27 <h3>{{locale.name}}</h3>
    28   <h5>{{locale.address}}</h5>
     56  <div id="container" class="border my-3 p-2" @click="handleClick()">
     57<h3>{{name}}</h3>
     58  <h5>{{address}}</h5>
    2959
    3060  </div>
    … …  
    3868
    3969
     70
    4071}
    4172

  • ReserveNGo-frontend/src/components/Project/login_.vue

    r4446c6f rf9ef3e8  
    44
    55<template>
    6   <input type="email">
    7   <label for="email">Email</label>
    8   <input type="password">
    9   <label for="password">Password</label>
     6
     7
     8  <div class="container-xxl">
     9
     10    <div class="row justify-content-center  ">
     11
     12      <div class="col-3">
     13        <form action="" method="POST">
     14
     15      <label for="email" class="form-label">Email</label>
     16      <input name="email" id="email" class="form-control" type="email">
     17
     18      <label for="password" class="form-label">Password</label>
     19      <input name="password" id="password" type="password" class="form-control">
     20
     21        <button type="submit" class="btn btn-dark mt-2">Login</button>
     22        </form>
     23      </div>
     24
     25
     26
     27    </div>
     28
     29
     30  </div>
    1031</template>
    1132

  • ReserveNGo-frontend/src/components/Project/register_.vue

    r4446c6f rf9ef3e8  
    44
    55<template>
    6   <input type="text" id="name">
    7   <label for="name">Name</label>
    8   <input type="text" id="surname">
    9   <label for="surname">Surname</label>
    10   <input type="text" id="phone_number">
    11   <label for="phone_number">Phone Number</label>
    12   <input type="email" id="email">
    13   <label for="email">Email Address</label>
    14   <input type="password" id="password">
    15   <label for="password">Password</label>
     6  <div class="container-xxl">
     7    <div class="row justify-content-center">
     8
     9
     10  <div class="col-3">
     11    <form action="" method="POST">
     12      <label for="name" class="form-label" >Name</label>
     13      <input type="text" id="name" name="name" class="form-control" placeholder="Name" required>
     14
     15      <label for="surname" class="form-label">Surname</label>
     16      <input type="text" id="surname" name="surname" class="form-control" placeholder="Surname" required>
     17
     18      <label for="phone_number" class="form-label">Phone Number</label>
     19      <input type="text" id="phone_number" name="phone-number" class="form-control" required>
     20
     21      <label for="email" class="form-label">Email Address</label>
     22      <input type="email" id="email" name="email" class="form-control" placeholder="someone@example.com" required>
     23
     24      <label for="password" class="form-label">Password</label>
     25      <input type="password" id="password" name="password" class="form-control">
     26
     27      <button type="submit" class="btn btn-dark">Register</button>
     28    </form>
     29    </div>
     30
     31    </div>
     32
     33
     34  </div>
     35
    1636</template>
    1737

  • ReserveNGo-frontend/src/router/index.js

    r4446c6f rf9ef3e8  
    11import { createRouter, createWebHistory } from 'vue-router'
    22
    3 import My_reservations from '@/components/Project/My_reservations.vue'
     3
    44import home_ from '@/components/Project/home_.vue'
    55import login_ from '@/components/Project/login_.vue'
    66import register_ from '@/components/Project/register_.vue'
     7import favourite_locals from '@/components/Project/favourite_locals.vue'
     8import my_reservations from '@/components/Project/My_reservations.vue'
    79
    810const router = createRouter({
    … …  
    1012  routes: [
    1113    {
    12       path: '/topics',
    13       name: 'my_reservations',
    14       component: My_reservations,
     14      path: '/favourite_locals',
     15      name: 'favourite_locals',
     16      component: favourite_locals,
    1517      // route level code-splitting
    1618      // this generates a separate chunk (About.[hash].js) for this route
    1719      // which is lazy-loaded when the route is visited.
    1820
     21    },
     22    {
     23      path: '/my_reservations',
     24      name: 'my reservations',
     25      component: my_reservations,
    1926    },
    2027    {
Note: See TracChangeset for help on using the changeset viewer.