30117125 4 anni fa
parent
commit
f7e0bc451b

+ 42
- 62
src/components/shared/navBar.vue Vedi File

2
   <div>
2
   <div>
3
     <!-- <button type="button" id="mobile-nav-toggle">
3
     <!-- <button type="button" id="mobile-nav-toggle">
4
       <i class="fa fa-bars"></i>
4
       <i class="fa fa-bars"></i>
5
-    </button> -->
5
+    </button>-->
6
     <div>
6
     <div>
7
       <header id="header" style="width: 100%; position: fixed; top:0px; z-index: 50;">
7
       <header id="header" style="width: 100%; position: fixed; top:0px; z-index: 50;">
8
         <div class="container">
8
         <div class="container">
14
                   src="/img/logos/UVProp.png"
14
                   src="/img/logos/UVProp.png"
15
                   alt="UVProp logo"
15
                   alt="UVProp logo"
16
                   style="height:100px;"
16
                   style="height:100px;"
17
-              /></a>
17
+                />
18
+              </a>
18
             </div>
19
             </div>
19
             <div id="topbar" class="col-md-9">
20
             <div id="topbar" class="col-md-9">
20
               <div class="container clearFix">
21
               <div class="container clearFix">
21
-                <div class="social-links  ">
22
+                <div class="social-links">
22
                   <a href="mailto:info@univateproperties.co.za">
23
                   <a href="mailto:info@univateproperties.co.za">
23
                     <i class="fa fa-envelope"></i>
24
                     <i class="fa fa-envelope"></i>
24
                   </a>
25
                   </a>
65
                           >To Rent</a
66
                           >To Rent</a
66
                         >
67
                         >
67
                       </li>
68
                       </li>
68
-                    </ul> -->
69
+                    </ul>-->
69
                   </li>
70
                   </li>
70
                   <li class="mx-1">
71
                   <li class="mx-1">
71
                     <router-link to="/property/residential">Residential</router-link>
72
                     <router-link to="/property/residential">Residential</router-link>
91
                           >To Rent</a
92
                           >To Rent</a
92
                         >
93
                         >
93
                       </li>
94
                       </li>
94
-                    </ul> -->
95
+                    </ul>-->
95
                   </li>
96
                   </li>
96
                   <li class="menu-has-children mx-1">
97
                   <li class="menu-has-children mx-1">
97
                     <div
98
                     <div
98
                       @mouseover="timeShareClass = 'ts-display'"
99
                       @mouseover="timeShareClass = 'ts-display'"
99
                       @mouseleave="timeShareClass = 'no-display'"
100
                       @mouseleave="timeShareClass = 'no-display'"
100
                     ></div>
101
                     ></div>
101
-                    <a href="#" class="sf-with-ul">
102
-                      Timeshare
103
-                    </a>
102
+                    <a href="#" class="sf-with-ul">Timeshare</a>
104
                     <ul style="margin-top:-10px;text-align:left" :class="timeShareClass">
103
                     <ul style="margin-top:-10px;text-align:left" :class="timeShareClass">
105
                       <li>
104
                       <li>
106
                         <router-link to="/timeshare/buy">To Buy</router-link>
105
                         <router-link to="/timeshare/buy">To Buy</router-link>
140
                         <router-link to="/properties">My Properties</router-link>
139
                         <router-link to="/properties">My Properties</router-link>
141
                       </li>
140
                       </li>
142
                     </ul>
141
                     </ul>
143
-                  </li> -->
142
+                  </li>-->
144
                   <li class="menu-has-children mx-1">
143
                   <li class="menu-has-children mx-1">
145
                     <div
144
                     <div
146
                       @mouseover="propManClass = 'ts-display'"
145
                       @mouseover="propManClass = 'ts-display'"
147
                       @mouseleave="propManClass = 'no-display'"
146
                       @mouseleave="propManClass = 'no-display'"
148
                     ></div>
147
                     ></div>
149
-                    <a href="#" class="sf-with-ul">
150
-                      Property Management
151
-                    </a>
148
+                    <a href="#" class="sf-with-ul">Property Management</a>
152
                     <ul style="margin-top:-10px; text-align:left" :class="propManClass">
149
                     <ul style="margin-top:-10px; text-align:left" :class="propManClass">
153
                       <li>
150
                       <li>
154
-                        <router-link to="/propertyManagement"
155
-                          >Sectional Title and HOA Management</router-link
156
-                        >
151
+                        <router-link to="/propertyManagement">Sectional Title and HOA Management</router-link>
157
                       </li>
152
                       </li>
158
                       <li>
153
                       <li>
159
-                        <router-link to="/rentalPropertyManagement"
160
-                          >Rental Property Portfolio Management</router-link
161
-                        >
154
+                        <router-link
155
+                          to="/rentalPropertyManagement"
156
+                        >Rental Property Portfolio Management</router-link>
162
                       </li>
157
                       </li>
163
                     </ul>
158
                     </ul>
164
                   </li>
159
                   </li>
167
                       @mouseover="aboutClass = 'ts-display'"
162
                       @mouseover="aboutClass = 'ts-display'"
168
                       @mouseleave="aboutClass = 'no-display'"
163
                       @mouseleave="aboutClass = 'no-display'"
169
                     ></div>
164
                     ></div>
170
-                    <a href="#" class="sf-with-ul">
171
-                      About
172
-                    </a>
165
+                    <a href="#" class="sf-with-ul">About</a>
173
                     <ul style="margin-top:-10px; text-align:left" :class="aboutClass">
166
                     <ul style="margin-top:-10px; text-align:left" :class="aboutClass">
174
                       <li>
167
                       <li>
175
                         <router-link to="/about/us">About Us</router-link>
168
                         <router-link to="/about/us">About Us</router-link>
188
                       @mouseleave="userClass = 'no-display'"
181
                       @mouseleave="userClass = 'no-display'"
189
                     ></div>
182
                     ></div>
190
 
183
 
191
-                    <a href="#" class="sf-with-ul">
192
-                      {{ NAME }}
193
-                    </a>
184
+                    <a href="#" class="sf-with-ul">{{ NAME }}</a>
194
                     <ul style="margin-top:-10px;text-align:left" :class="userClass">
185
                     <ul style="margin-top:-10px;text-align:left" :class="userClass">
195
                       <!-- <li v-if="ROLE === 'Super Admin'">
186
                       <!-- <li v-if="ROLE === 'Super Admin'">
196
                         <router-link to="/property/list">List Property</router-link>
187
                         <router-link to="/property/list">List Property</router-link>
197
                       </li>
188
                       </li>
198
                       <li v-if="ROLE === 'Super Admin'">
189
                       <li v-if="ROLE === 'Super Admin'">
199
                         <router-link to="/status/list">Status</router-link>
190
                         <router-link to="/status/list">Status</router-link>
200
-                      </li> -->
191
+                      </li>-->
201
                       <li v-if="ROLE === 'Super Admin'"></li>
192
                       <li v-if="ROLE === 'Super Admin'"></li>
202
                       <li>
193
                       <li>
203
                         <router-link to="/property/list">List My Property</router-link>
194
                         <router-link to="/property/list">List My Property</router-link>
207
                         <router-link to="/status/timeshareAdmin">Timeshare Week Admin</router-link>
198
                         <router-link to="/status/timeshareAdmin">Timeshare Week Admin</router-link>
208
                       </li>
199
                       </li>
209
                       <li v-if="ROLE === 'Super Admin'">
200
                       <li v-if="ROLE === 'Super Admin'">
210
-                        <router-link to="/status/tenderWeekAdmin"
211
-                          >Tender Week Management</router-link
212
-                        >
201
+                        <router-link to="/status/tenderWeekAdmin">Tender Week Management</router-link>
213
                       </li>
202
                       </li>
214
                       <!-- <li v-if="ROLE === 'Super Admin'">
203
                       <!-- <li v-if="ROLE === 'Super Admin'">
215
                         <router-link to="/unitConfiguration/list">Unit Configuration</router-link>
204
                         <router-link to="/unitConfiguration/list">Unit Configuration</router-link>
216
-                      </li> -->
205
+                      </li>-->
217
                       <!-- <li v-if="ROLE === 'Super Admin'">
206
                       <!-- <li v-if="ROLE === 'Super Admin'">
218
                         <router-link to="/communication/template">Templates</router-link>
207
                         <router-link to="/communication/template">Templates</router-link>
219
-                      </li> -->
208
+                      </li>-->
220
                       <!-- <hr />
209
                       <!-- <hr />
221
                       <li v-if="ROLE === 'Super Admin'">
210
                       <li v-if="ROLE === 'Super Admin'">
222
                         <router-link to="/status/userManagementPage"
211
                         <router-link to="/status/userManagementPage"
223
                           >User Management & Access</router-link
212
                           >User Management & Access</router-link
224
                         >
213
                         >
225
-                      </li> -->
214
+                      </li>-->
226
                       <!-- <li v-if="ROLE === 'Super Admin'">
215
                       <!-- <li v-if="ROLE === 'Super Admin'">
227
                         <router-link to="/status/changeLogPage">Changes Logs</router-link>
216
                         <router-link to="/status/changeLogPage">Changes Logs</router-link>
228
                       </li>
217
                       </li>
240
                       </li>
229
                       </li>
241
                       <li v-if="ROLE === 'Super Admin'">
230
                       <li v-if="ROLE === 'Super Admin'">
242
                         <hr />
231
                         <hr />
243
-                      </li> -->
232
+                      </li>-->
244
                       <hr v-if="ROLE === 'Super Admin'" />
233
                       <hr v-if="ROLE === 'Super Admin'" />
245
                       <li v-if="ROLE === 'Super Admin'" class="menu-has-children">
234
                       <li v-if="ROLE === 'Super Admin'" class="menu-has-children">
246
                         <div
235
                         <div
247
                           @mouseover="submenu1Class = 'ts-display'"
236
                           @mouseover="submenu1Class = 'ts-display'"
248
                           @mouseleave="submenu1Class = 'no-display'"
237
                           @mouseleave="submenu1Class = 'no-display'"
249
                         ></div>
238
                         ></div>
250
-                        <a href="#" class="sf-with-ul">
251
-                          Website Setup
252
-                        </a>
239
+                        <a href="#" class="sf-with-ul">Website Setup</a>
253
                         <ul
240
                         <ul
254
                           style="margin-top:-10px;text-align:left;width:250px"
241
                           style="margin-top:-10px;text-align:left;width:250px"
255
                           :class="submenu1Class"
242
                           :class="submenu1Class"
258
                             <router-link to="/status/list">Status</router-link>
245
                             <router-link to="/status/list">Status</router-link>
259
                           </li>
246
                           </li>
260
                           <li>
247
                           <li>
261
-                            <router-link to="/unitConfiguration/list"
262
-                              >Unit Configuration</router-link
263
-                            >
248
+                            <router-link to="/unitConfiguration/list">Unit Configuration</router-link>
264
                           </li>
249
                           </li>
265
                           <li>
250
                           <li>
266
                             <router-link to="/communication/template">Templates</router-link>
251
                             <router-link to="/communication/template">Templates</router-link>
267
                           </li>
252
                           </li>
268
                           <li>
253
                           <li>
269
-                            <router-link to="/status/userManagementPage"
270
-                              >User Management & Access</router-link
271
-                            >
254
+                            <router-link to="/status/userManagementPage">User Management & Access</router-link>
272
                           </li>
255
                           </li>
273
                           <li>
256
                           <li>
274
-                            <router-link to="/userDefinedGroups/list"
275
-                              >Property User Defined Groups</router-link
276
-                            >
257
+                            <router-link to="/userDefinedGroups/list">Property User Defined Groups</router-link>
277
                           </li>
258
                           </li>
278
                           <li>
259
                           <li>
279
                             <router-link to="/PropertyAdmin">Property Admin</router-link>
260
                             <router-link to="/PropertyAdmin">Property Admin</router-link>
285
                             <router-link to="/fees">Fees</router-link>
266
                             <router-link to="/fees">Fees</router-link>
286
                           </li>
267
                           </li>
287
                           <li>
268
                           <li>
288
-                            <router-link to="/termsConditions"
289
-                              >Edit Terms and Conditions</router-link
290
-                            >
269
+                            <router-link to="/termsConditions">Edit Terms and Conditions</router-link>
270
+                          </li>
271
+                          <li>
272
+                            <router-link to="/UserRoles">User Roles</router-link>
291
                           </li>
273
                           </li>
292
                         </ul>
274
                         </ul>
293
                       </li>
275
                       </li>
296
                           @mouseover="submenu1Class = 'ts-display'"
278
                           @mouseover="submenu1Class = 'ts-display'"
297
                           @mouseleave="submenu1Class = 'no-display'"
279
                           @mouseleave="submenu1Class = 'no-display'"
298
                         ></div>
280
                         ></div>
299
-                        <a href="#" class="sf-with-ul">
300
-                          Logs
301
-                        </a>
281
+                        <a href="#" class="sf-with-ul">Logs</a>
302
                         <ul
282
                         <ul
303
                           style="margin-top:-10px;text-align:left;width:250px"
283
                           style="margin-top:-10px;text-align:left;width:250px"
304
                           :class="submenu1Class"
284
                           :class="submenu1Class"
317
                       </li>
297
                       </li>
318
                       <!-- <li v-if="ROLE === 'Super Admin'">
298
                       <!-- <li v-if="ROLE === 'Super Admin'">
319
                         <router-link to="/Carousel">Carousel</router-link>
299
                         <router-link to="/Carousel">Carousel</router-link>
320
-                      </li> -->
300
+                      </li>-->
321
                       <li v-if="ROLE === 'Super Admin'">
301
                       <li v-if="ROLE === 'Super Admin'">
322
                         <router-link to="/user/updateProfileInfo">Update Info</router-link>
302
                         <router-link to="/user/updateProfileInfo">Update Info</router-link>
323
                       </li>
303
                       </li>
328
                         <router-link to="/landingPages">Landing Pages / Campaignes</router-link>
308
                         <router-link to="/landingPages">Landing Pages / Campaignes</router-link>
329
                       </li>
309
                       </li>
330
                       <li>
310
                       <li>
331
-                        <router-link class="btn-white-border p-2" to="/user/login"
332
-                          >Logout</router-link
333
-                        >
311
+                        <router-link class="btn-white-border p-2" to="/user/login">Logout</router-link>
334
                       </li>
312
                       </li>
335
                     </ul>
313
                     </ul>
336
                   </li>
314
                   </li>
337
 
315
 
338
                   <li v-if="!USER">
316
                   <li v-if="!USER">
339
-                    <router-link class="btn-white-border p-2 ml-1 mr-1" to="/user/login"
340
-                      >Login</router-link
341
-                    >
317
+                    <router-link class="btn-white-border p-2 ml-1 mr-1" to="/user/login">Login</router-link>
342
                   </li>
318
                   </li>
343
 
319
 
344
                   <li v-if="!USER">
320
                   <li v-if="!USER">
345
-                    <router-link class=" btn-solid-blue pt-2 pb-2" to="/user/register"
346
-                      >Register</router-link
347
-                    >
321
+                    <router-link class="btn-solid-blue pt-2 pb-2" to="/user/register">Register</router-link>
348
                   </li>
322
                   </li>
349
                   <!-- <li v-if="!isLoggedIn" class="menu-has-children">
323
                   <!-- <li v-if="!isLoggedIn" class="menu-has-children">
350
                     <div
324
                     <div
362
                         <router-link to="/user/registeragency">Agency Registration</router-link>
336
                         <router-link to="/user/registeragency">Agency Registration</router-link>
363
                       </li>
337
                       </li>
364
                     </ul>
338
                     </ul>
365
-                  </li> -->
339
+                  </li>-->
366
                 </ul>
340
                 </ul>
367
               </nav>
341
               </nav>
368
             </div>
342
             </div>
437
     this.retrieveListingFee();
411
     this.retrieveListingFee();
438
   },
412
   },
439
   computed: {
413
   computed: {
440
-    ...mapState("authentication", ["user", "flag", "status", "person", "token"]),
414
+    ...mapState("authentication", [
415
+      "user",
416
+      "flag",
417
+      "status",
418
+      "person",
419
+      "token"
420
+    ]),
441
     isLoggedIn() {
421
     isLoggedIn() {
442
       return Log.isLoggedIn();
422
       return Log.isLoggedIn();
443
     },
423
     },

+ 51
- 0
src/components/user/Roles/carouselSection.vue Vedi File

1
+<template>
2
+  <section id="intro">
3
+    <carousel
4
+      :nav="false"
5
+      :dots="false"
6
+      :items="1"
7
+      :autoplay="true"
8
+      :loop="true"
9
+      :autoHeight="true"
10
+      id="intro-carousel"
11
+      style="margin-top:-50px;"
12
+      :responsive="{ 0: { items: 1, nav: false }, 600: { items: 1, nav: false } }"
13
+    >
14
+      <img class="item" src="/img/intro-carousel/home-1.jpg" alt />
15
+      <img class="item" src="/img/intro-carousel/16.jpg" alt />
16
+      <img class="item" src="/img/intro-carousel/comm-1.jpg" alt />
17
+      <img class="item" src="/img/intro-carousel/comm-4.jpg" alt />
18
+      <img class="item" src="/img/intro-carousel/3.jpg" alt />
19
+      <img class="item" src="/img/intro-carousel/home-5.jpg" alt />
20
+    </carousel>
21
+
22
+    <div id="intro-carousel" class="owl-carousel"></div>
23
+  </section>
24
+</template>
25
+
26
+<script>
27
+/* eslint-disable */
28
+import { mapState, mapActions } from "vuex";
29
+import Log from "../../../assets/Log";
30
+import carousel from "vue-owl-carousel";
31
+export default {
32
+  components: {
33
+    carousel
34
+  },
35
+  computed: {
36
+    ...mapState("authentication", [
37
+      "user",
38
+      "flag",
39
+      "status",
40
+      "person",
41
+      "token"
42
+    ]),
43
+    isLoggedIn() {
44
+      console.log(Log.isLoggedIn());
45
+      return Log.isLoggedIn();
46
+    }
47
+  }
48
+};
49
+</script>
50
+
51
+<style lang="scss" scoped></style>

+ 83
- 0
src/components/user/Roles/contentSection.vue Vedi File

1
+<template>
2
+  <main id="main" style="margin-top:-20px; padding-bottom:50px">
3
+    <!-- eslint-disable max-len -->
4
+    <div class="container">
5
+      <br />
6
+      <br />
7
+      <div class="row">
8
+        <div class="col-md-12 col-lg-8">
9
+          <div class="section-header">
10
+            <h2>User Roles</h2>
11
+          </div>
12
+        </div>
13
+      </div>
14
+      <div class="container">
15
+        <ListView
16
+          :items="individuals"
17
+          :showNew="false"
18
+          :editable="true"
19
+          :showCustomAction="true"
20
+          :showColumnChooser="false"
21
+          :displayColumns="columns"
22
+          :displayHeaders="headers"
23
+          @onEdit="Edit"
24
+        />
25
+        <br />
26
+      </div>
27
+    </div>
28
+  </main>
29
+</template>
30
+
31
+<script>
32
+import { mapState, mapActions } from "vuex";
33
+// import alert from '../../shared/alert.vue';
34
+import ListView from "../../shared/listView.vue";
35
+
36
+export default {
37
+  name: "userManagementPage",
38
+  components: {
39
+    ListView
40
+    // alert,
41
+  },
42
+  data() {
43
+    return {
44
+      columns: [
45
+        "id",
46
+        "name",
47
+        "surname",
48
+        "cellNumber",
49
+        "telephone",
50
+        "email",
51
+        "isDeleted",
52
+        "role"
53
+      ],
54
+      headers: ["", "", "", "", "", "", "", ""],
55
+      item: {}
56
+    };
57
+  },
58
+  props: {},
59
+  methods: {
60
+    ...mapActions("register", ["getIndividuals", "deleteIndividual"]),
61
+    routerGoTo(goTo) {
62
+      this.$router.push(goTo);
63
+    },
64
+    Edit(item) {
65
+      this.$router.push({
66
+        path: "/user/updateProfileInfo",
67
+        query: { id: item.id }
68
+      });
69
+    },
70
+    Delete(item) {
71
+      this.deleteIndividual(item.id);
72
+    }
73
+  },
74
+  mounted() {
75
+    this.getIndividuals();
76
+  },
77
+  computed: {
78
+    ...mapState("register", ["individuals", "removeIndividual"])
79
+  }
80
+};
81
+</script>
82
+
83
+<style></style>

+ 22
- 0
src/components/user/Roles/userRoles.vue Vedi File

1
+<template>
2
+  <div>
3
+    <main id="main">
4
+      <contentSection />
5
+    </main>
6
+  </div>
7
+</template>
8
+
9
+<script>
10
+/* eslint-disable */
11
+// import carouselSection from "./carouselSection";
12
+// import TestimonialSection from "../../propertyManagement/testimonialSection";
13
+import contentSection from "./contentSection";
14
+
15
+export default {
16
+  components: {
17
+    contentSection
18
+  }
19
+};
20
+</script>
21
+
22
+<style lang="scss" scoped></style>

+ 7
- 0
src/router/index.js Vedi File

87
 import EnquireNow from "../components/property/enquireNow/enquirenow.vue";
87
 import EnquireNow from "../components/property/enquireNow/enquirenow.vue";
88
 import MyWeeksEdit from "../components/admin/status/editTimeShareAdminPage.vue";
88
 import MyWeeksEdit from "../components/admin/status/editTimeShareAdminPage.vue";
89
 
89
 
90
+import UserRoles from "../components/user/Roles/userRoles.vue";
91
+
90
 Vue.use(Router);
92
 Vue.use(Router);
91
 
93
 
92
 export default new Router({
94
 export default new Router({
467
       name: "ToBuySearch",
469
       name: "ToBuySearch",
468
       component: ToBuySearch
470
       component: ToBuySearch
469
     },
471
     },
472
+    {
473
+      path: "/UserRoles",
474
+      name: "UserRoles",
475
+      component: UserRoles
476
+    },
470
     {
477
     {
471
       path: "/editTimeShare",
478
       path: "/editTimeShare",
472
       name: "EditTimeshare",
479
       name: "EditTimeshare",

Loading…
Annulla
Salva