Last change
on this file since 32d1959 was 32d1959, checked in by Ljubomir Ilievski <ilievski.ljubomir@…>, 7 weeks ago |
Complete Profile Page
|
-
Property mode
set to
100644
|
File size:
2.3 KB
|
Line | |
---|
1 | <script>
|
---|
2 | import { userStore } from '@/PiniaStores/UserStore.js'
|
---|
3 | import logout_ from '@/components/Project/Auth/logout_.vue'
|
---|
4 |
|
---|
5 | export default {
|
---|
6 | data() {
|
---|
7 | return {
|
---|
8 | userStore_: userStore(),
|
---|
9 | }
|
---|
10 | },
|
---|
11 | components: {
|
---|
12 | logout_,
|
---|
13 | },
|
---|
14 | }
|
---|
15 | </script>
|
---|
16 |
|
---|
17 | <template>
|
---|
18 | <nav class="navbar navbar-expand-md navbar-light pt-1 pb-1">
|
---|
19 | <div class="container-xxl">
|
---|
20 | <router-link to="/" class="navbar-brand">
|
---|
21 | <img src="/src/assets/rng_logo.png" alt="Logo could not be found." />
|
---|
22 | <span class="fw-bold ms-2"> Reserve And Go </span>
|
---|
23 | </router-link>
|
---|
24 |
|
---|
25 | <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
|
---|
26 | <ul class="navbar-nav">
|
---|
27 | <li class="nav-item">
|
---|
28 | <router-link
|
---|
29 | v-if="this.userStore_.data.role === 'ROLE_CUSTOMER'"
|
---|
30 | to="/favourite_locals"
|
---|
31 | class="nav-link">
|
---|
32 | Favourite locals
|
---|
33 | </router-link>
|
---|
34 | </li>
|
---|
35 | <li class="nav-item">
|
---|
36 | <router-link
|
---|
37 | v-if="this.userStore_.data.role === 'ROLE_CUSTOMER'"
|
---|
38 | to="/my_reservations"
|
---|
39 | class="nav-link"
|
---|
40 | >My reservations
|
---|
41 | </router-link>
|
---|
42 | </li>
|
---|
43 | <li class="nav-item">
|
---|
44 | <router-link to="/profilePage" class="nav-link text-white">
|
---|
45 | <a v-if="userStore_.data.role !== 'ROLE_ADMIN'">{{userStore_.data.firstName}} {{userStore_.data.lastName}}</a>
|
---|
46 | </router-link>
|
---|
47 | </li>
|
---|
48 |
|
---|
49 | <li class="nav-item ms-2 d-none d-md-inline">
|
---|
50 | <router-link to="/login">
|
---|
51 | <a v-if="userStore_.data.role === 'UN_AUTHENTICATED'" class="btn btn-dark">Login</a>
|
---|
52 | </router-link>
|
---|
53 | <router-link to="/register">
|
---|
54 | <a v-if="userStore_.data.role === 'UN_AUTHENTICATED'" class="btn btn-dark ms-2">Register</a>
|
---|
55 | </router-link>
|
---|
56 | <router-link to="/addRestaurant">
|
---|
57 | <a v-if="userStore_.data.role === 'ROLE_ADMIN'" class="btn btn-dark me-2">Add Restaurant</a>
|
---|
58 | </router-link>
|
---|
59 | <logout_></logout_>
|
---|
60 | </li>
|
---|
61 | </ul>
|
---|
62 | </div>
|
---|
63 | </div>
|
---|
64 | </nav>
|
---|
65 | </template>
|
---|
66 |
|
---|
67 | <style scoped>
|
---|
68 | #login {
|
---|
69 | float: right;
|
---|
70 | padding: 2%;
|
---|
71 | }
|
---|
72 |
|
---|
73 | nav {
|
---|
74 | background: #8377d1;
|
---|
75 | height: 80px;
|
---|
76 | }
|
---|
77 |
|
---|
78 | .btn {
|
---|
79 | height: 40px;
|
---|
80 | margin-top: 5px;
|
---|
81 | }
|
---|
82 |
|
---|
83 | img {
|
---|
84 | height: 70px;
|
---|
85 | }
|
---|
86 | </style>
|
---|
Note:
See
TracBrowser
for help on using the repository browser.