Changeset f49ddda


Ignore:
Timestamp:
01/25/25 21:06:36 (3 months ago)
Author:
Aleksandarj03 <138524804+Aleksandarj03@…>
Branches:
master
Children:
d9884b2
Parents:
78b9d99
Message:

Added more details page

Files:
10 added
5 edited

Legend:

Unmodified
Added
Removed

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

    r78b9d99 rf49ddda  
    88  state(){
    99    return {
     10      id: '',
    1011      name: '',
    1112      address: '',
    … …  
    1718  },
    1819  actions: {
    19     setDetails (name, address, workingHours, availableServices) {
     20    setDetails (id, name, address, workingHours, availableServices) {
     21      this.id = id
    2022      this.name = name
    2123      this.address = address

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

    r78b9d99 rf49ddda  
    11<script>
     2
     3import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
    24
    35export default {
    46  data() {
    57    return {
    6       locale:{
    7         id: 'id',
    8         name: 'name_of_local',
    9       }
     8      locale:{},
     9
    1010    }
    1111  },
     12  mounted() {
     13    fetch(`http://localhost:8080/api/locals/${restaurantStore().id}`)
     14      .then(res => res.json())
     15      .then(data => this.locale = data)
     16      .catch(err => console.log(err));
     17  },
     18
    1219}
     20/*console.log(restaurantStore().id)*/
    1321
    1422</script>
    … …  
    1624<template>
    1725  <div id="container" class="border my-3 p-2">
     26
    1827    <h3>{{locale.id}}</h3>
    1928    <h5>{{locale.name}}</h5>

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

    r78b9d99 rf49ddda  
    1919
    2020<template>
    21     <div id="container" class="border px-5 py-2">
     21    <div id="container" class="px-5 py-2">
    2222      <p>Local details...</p>
    2323      <p>Working hours: {{restaurantStore.workingHours}}</p>
    … …  
    3838
    3939  font-size: 20px;
     40  margin: 30px auto;
     41  border: transparent;
     42  /*border-radius: 10px;*/
     43  border-left: 3px solid #8377D1;
     44  background-color: lightgray;
     45
    4046
    4147}

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

    r78b9d99 rf49ddda  
    2828
    2929<template>
    30   <div id="container" class="border">
     30  <div id="container" class="">
    3131    <div v-for="locale in locals" :key="locale">
    3232      <Local_in_local_listing
    … …  
    4444<style scoped>
    4545#container {
     46  margin: 30px auto;
    4647}
    4748</style>

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

    r78b9d99 rf49ddda  
    4343      let restaurantStore_ = restaurantStore()
    4444
    45       restaurantStore_.setDetails(this.local.name, this.local.address, this.local.workingHours, this.local.availableServices)
     45      console.log(restaurantStore_)
     46      restaurantStore_.setDetails(this.local.id,this.local.name, this.local.address, this.local.workingHours, this.local.availableServices)
    4647
     48      console.log(restaurantStore().id)
    4749
    4850    }
    … …  
    5759<template>
    5860
    59   <div id="container" class="border my-3 p-2" @click="handleClick()">
    60 <h3>{{local.name}}</h3>
     61  <div id="container" class=" my-3 p-2" @click="handleClick()">
     62    <div class="info">
     63  <h3>{{local.name}}</h3>
    6164  <h5>{{local.address}}</h5>
    62 
     65    </div>
     66    <div class="like">
     67    <button class="btn btn-dark">Add to favourites</button>
     68    </div>
    6369  </div>
    6470</template>
    … …  
    6975
    7076height: 10vh;
     77  display: flex;
     78  justify-content: space-between;
     79  align-items: center;
     80  border-left: 3px solid #8377D1;
     81  background: #FBFFF1;
     82  /*border-radius: 10px;*/
    7183
    7284
Note: See TracChangeset for help on using the changeset viewer.