Changeset 2a2614e


Ignore:
Timestamp:
01/26/25 00:32:02 (3 months ago)
Author:
Ljubomir Ilievski <ilievski.ljubomir@…>
Branches:
master
Children:
231918f
Parents:
9bcad23
Message:

Celosno funkcionalna logika na login/register/logout

Location:
ReserveNGo-frontend/src
Files:
1 added
5 edited

Legend:

Unmodified
Added
Removed

  • ReserveNGo-frontend/src/App.vue

    r9bcad23 r2a2614e  
    1 <script setup>
     1<script>
    22//import { RouterLink, RouterView } from 'vue-router'
    33import NavBar from './components/Project/Nav_bar_new.vue'
    44import Footer_ from '@/components/Project/Footer_.vue'
     5import { userStore } from '@/PiniaStores/UserStore.js'
    56
    6 
    7 
    8 
    9 
    10 
     7export default {
     8  components: {
     9    NavBar,
     10    Footer_,
     11  },
     12  beforeMount() {
     13    userStore().getLocalStorage()
     14  },
     15}
    1116</script>
    1217
    1318<template>
    14 <!--  <header>
     19  <!--  <header>
    1520    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
    1621
    … …  
    3035    <NavBar></NavBar>
    3136    <main>
    32       <router-view/>
     37      <router-view />
    3338    </main>
    3439    <footer>
    … …  
    4146  </div>
    4247
    43 
    44 
    45 
    46 
    47 
    48 <!--  <Locale_listing_container></Locale_listing_container>
     48  <!--  <Locale_listing_container></Locale_listing_container>
    4949  <Locale_listing_container></Locale_listing_container>
    5050  <Locale_listing_container></Locale_listing_container>-->
    51 
    52 
    5351</template>
    5452
    5553<style scoped>
    56 
    5754.wrapper {
    5855  display: flex;
    … …  
    6461  flex: 1; /*istrazi*/
    6562}
    66 footer{
    67   background: #8377D1;
     63footer {
     64  background: #8377d1;
    6865}
    6966
    70 template{ background: #FBFFF1;}
     67template {
     68  background: #fbfff1;
     69}
    7170/*header {
    7271  line-height: 1.5;

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

    r9bcad23 r2a2614e  
    3838        this.data = JSON.parse(nonparsed);
    3939      }
     40    },
     41    clearLocalStorage() {
     42
     43      this.data =  {
     44        id: 0,
     45        firstName: "",
     46        lastName: "",
     47        email: "",
     48        phoneNumber: "",
     49        role: "UN_AUTHENTICATED",
     50        token: ""
     51      }
     52      localStorage.setItem('userData', JSON.stringify(this.data));
     53
    4054    }
    4155

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

    r9bcad23 r2a2614e  
    33
    44import { userStore } from '@/PiniaStores/UserStore.js'
     5import logout_ from '@/components/Project/logout_.vue'
     6
    57
    68export default {
    … …  
    911      userStore_: userStore()
    1012    }
     13  },
     14  components: {
     15    logout_
    1116  }
     17
    1218}
    1319
    … …  
    7884          <li class="nav-item ms-2 d-none d-md-inline">
    7985            <router-link to="/login" >
    80             <a class="btn btn-dark">Login</a>
     86            <a v-if="userStore_.data.role==='UN_AUTHENTICATED'" class="btn btn-dark">Login</a>
    8187            </router-link>
    8288            <router-link to="/register">
    83             <a class="btn btn-dark ms-2">Register</a>
     89            <a v-if="userStore_.data.role==='UN_AUTHENTICATED'" class="btn btn-dark ms-2">Register</a>
    8490            </router-link>
     91            <logout_></logout_>
    8592          </li>
    8693

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

    r9bcad23 r2a2614e  
    33
    44import { userStore } from '@/PiniaStores/UserStore.js'
     5
     6import {useRouter} from 'vue-router'
     7import router from '@/router/index.js'
    58
    69export default {
    … …  
    1619      userStore_: userStore(),
    1720
     21      router: useRouter()
     22
    1823    }
    1924  },
    2025  methods: {
    21    /*async makeLogin() {
     26   async makeLogin() {
    2227
    2328      await fetch(this.url, {
    … …  
    2934        })
    3035      }).then((response) => response.json())
    31         .then(json => )
     36        .then(json => {this.userStore_.setLocalStorage(json);
     37                        router.push('/')})
    3238
    33     }*/
     39    }
    3440  }
    3541}
    … …  
    4349
    4450    <div class="row justify-content-center  ">
    45 
     51<!--      <form  v-on:submit.prevent="makeLogin">-->
    4652<!--      <form action="http://localhost:8080/api/auth/login" method="POST">-->
    4753      <div class="col-3">

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

    r9bcad23 r2a2614e  
    33
    44import { userStore } from '@/PiniaStores/UserStore.js'
     5import {useRouter} from 'vue-router'
     6import router from '@/router/index.js'
    57
    68export default {
    … …  
    2830      },*/
    2931      userStore_: userStore(),
    30 
    31       //NE ZABORAVAJ TREBA DA SREDIS VCITUVANJE NA data od userStore na pocetok na stranicata
     32      router: useRouter()
    3233
    3334    }
    … …  
    4647          phoneNumber: this.form_info.phoneNumber})
    4748      }).then((response) => response.json())
    48         .then((json) => {this.userStore_.setLocalStorage(json)})
     49        .then((json) => {this.userStore_.setLocalStorage(json);
     50                        router.push('/')})
    4951          //console.log("Data received:", this.data);
    5052          //this.userStore_.setLocalStorage(json)
Note: See TracChangeset for help on using the changeset viewer.