Added Rental Managmenet Page

src/components/propertyManagement/rentalManagement/carouselSection.vue

@@ -0,0 +1,63 @@
+<template>
+  <section id="intro">
+    <div class="container">
+      <div class="row">
+        <div align="left" class="col-sm-12 col-md-8">
+          <div class="intro-content box">
+            <h2>Let us manage your property</h2>
+            <p>
+              At Uni-Vate we appreciate the significant and positive relationship between effective Property Management and property prices.  We understand that effective management not only relies on administrative processes being intact, but also on a clear plan and good communication with our clients based on respect, trust understanding, openness and accountability.  We have access to a comprehensive set of human and other resources to ensure that your property is proactively managed to protect your investment and to ensure the contentedness of occupants.
+              We offer comprehensive property management services, whether it being Sectional Title Management, HOA Management or Rental Property Portfolio Management.  
+            </p>
+            <a href="#" class="btn-solid-blue">LIST YOUR PROPERTY WITH UNI-VATE PROPERTIES</a>
+            <router-link v-if="!isLoggedIn" to="/user/login" class="btn-white-border"
+              >LOGIN TO OWNERS PORTAL</router-link
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <carousel
+      :nav="false"
+      :dots="false"
+      :items="1"
+      :autoplay="true"
+      :loop="true"
+      :autoHeight="true"
+      id="intro-carousel"
+      style="margin-top:-50px;"
+      :responsive="{ 0: { items: 1, nav: false }, 600: { items: 1, nav: false } }"
+    >
+      <img class="item" src="/img/intro-carousel/home-1.jpg" alt="" />
+      <img class="item" src="/img/intro-carousel/16.jpg" alt="" />
+      <img class="item" src="/img/intro-carousel/comm-1.jpg" alt="" />
+      <img class="item" src="/img/intro-carousel/comm-4.jpg" alt="" />
+      <img class="item" src="/img/intro-carousel/3.jpg" alt="" />
+      <img class="item" src="/img/intro-carousel/home-5.jpg" alt="" />
+    </carousel>
+
+    <div id="intro-carousel" class="owl-carousel"></div>
+  </section>
+</template>
+
+<script>
+/* eslint-disable */
+import { mapState, mapActions } from "vuex";
+import Log from "../../../assets/Log";
+import carousel from "vue-owl-carousel";
+export default {
+  components: {
+    carousel
+  },
+  computed: {
+    ...mapState("authentication", ["user", "flag", "status", "person", "token"]),
+    isLoggedIn() {
+      console.log(Log.isLoggedIn());
+      return Log.isLoggedIn();
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/components/propertyManagement/rentalManagement/contentSection.vue

@@ -0,0 +1,86 @@
+<template>
+  <section id="services">
+    <div class="container" style="margin-top:-15px">
+      <div class="row">
+        <div class="col-lg-12">
+          <p>Uni-Vate offers a comprehensive rental property management and letting service for residential and commercial property portfolios.  Our exceptional financial and facility management processes ensure that we are a cut above the rest and provides a competitive advantage.</p>
+          <p>We pride ourselves on offering tailored solutions to property owners increasing the returns to our clients.</p>
+          <p>Our rental property management and letting services include the following:</p>
+        </div>
+        <p></p>
+        <div class="row">
+          <div class="col-md-6">
+            
+          </div>
+          <div class="col-md-6">
+            <h4>Contact us for a quote</h4>
+          </div>
+        </div>
+        <div align="left" class="col-lg-12">
+          <p>Our Services:</p>
+          <ul class="nav nav-tabs" id="myTab" role="tablist">
+            <li class="nav-item">
+              <a class="nav-link-active" id="tenant-tab" data-toggle="tab" href="#tenant" role="tab" aria-controls="tenant" aria-selected="true">Tenant Selection and Vacancy Management</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link-active" id="rent-tab" data-toggle="tab" href="#rent" role="tab" aria-controls="rent" aria-selected="false">Rent Collection</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link-active" id="financial-tab" data-toggle="tab" href="#financial" role="tab" aria-controls="financial" aria-selected="false">Financial Management</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link-active" id="admin-tab" data-toggle="tab" href="#admin" role="tab" aria-controls="admin" aria-selected="false">Administration, Secretarial and Advisor</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link-active" id="maintenance-tab" data-toggle="tab" href="#maintenance" role="tab" aria-controls="maintenance" aria-selected="false">Property Mainenance Management</a>
+            </li>
+          </ul>
+
+          <div class="tab-content">
+            <div class="tab-pane active" id="tenant" role="tabpanel" aria-labelledby="tenant-tab">
+              <p></p>
+              <p>•	Advertising and Marketing</p>
+              <p>•	Financial and character screening of potential tenants</p>
+              <p>•	Showing</p>
+              <p>•	Determining affordability</p>
+              <p>•	Conclusion of contract and ensuring that any suspensive conditions are met</p>
+            </div>
+            <hr/>
+            <div class="tab-pane" id="rent" role="tabpanel" aria-labelledby="rent-tab">
+              <p>•	Monthly invoicing and collection via debit order</p>
+              <p>•	Credit Control including soft collections</p>
+              <p>•	Attorney Collections liaison</p>
+              <p>•	Liaison with metering companies </p>
+            </div>
+            <div class="tab-pane" id="financial" role="tabpanel" aria-labelledby="financial-tab">
+              <p>•	Account reconciliation and payment of net rental after approved operating expenses </p>
+              <p>•	Payment of approved expenses on behalf of Landlord.</p>
+              <p>•	Preparation and submission of monthly reports.</p>
+              <p>•	Monthly accounting of receipts and expenses.</p>
+              <p>•	Preparation of annual property budget.</p>
+              <p>•	Management of deposits in trust account.</p>
+            </div>
+            <div class="tab-pane" id="admin" role="tabpanel" aria-labelledby="admin-tab">
+              <p>•	Preparation and circulation of correspondence and notices to tenants</p>
+              <p>•	Preparation and conclusion of lease agreements, debit order forms and other legal documentation</p>
+              <p>•	Record maintenance</p>
+            </div>
+            <div class="tab-pane" id="maintenance" role="tabpanel" aria-labelledby="maintenance-tab">
+              <p>•	Attending to maintenance issues</p>
+              <p>•	Procurement quotations </p>
+              <p>•	Allocating approved repair work to approved sub-contractors</p>
+              <p>•	Processing insurance claims, on request.</p>
+            </div>
+          </div>
+        </div>
+        
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

src/components/propertyManagement/rentalManagement/rentalPropertyManagement.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <CarouselSection />
+    <main id="main">
+      <ServicesSection data-aos="fade-down" data-aos-anchor-placement="top-bottom" />
+      <TestimonialSection
+        data-aos="fade-up"
+        data-aos-anchor-placement="top-bottom"
+        data-aos-delay="150"
+      />
+    </main>
+  </div>
+</template>
+
+<script>
+/* eslint-disable */
+import CarouselSection from "./carouselSection";
+import ServicesSection from "../sectionalTitle/ourServicesSection";
+import TestimonialSection from "../testimonialSection";
+import AOS from "aos";
+import "aos/dist/aos.css";
+export default {
+  created() {
+    AOS.init();
+  },
+  components: {
+    CarouselSection,
+    ServicesSection,
+    TestimonialSection
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/components/shared/navBar.vue

@@ -108,7 +108,7 @@
                         <router-link to="/propertyManagement">Sectional Title and HOA Management</router-link>
                       </li>
                       <li>
-                        <router-link to="/about/timeshare">Rental Property Portfolio Management</router-link>
+                        <router-link to="/rentalPropertyManagement">Rental Property Portfolio Management</router-link>
                       </li>
                     </ul>
                   </li>

src/main.js

@@ -23,8 +23,8 @@ Vue.use(VueGoogleMaps, {
 });
 Vue.config.productionTip = false;
 //axios.defaults.baseURL = "http://localhost:57260";
-// axios.defaults.baseURL = "http://training.provision-sa.com:82";
-axios.defaults.baseURL = "http://localhost:8080/";
+axios.defaults.baseURL = "http://training.provision-sa.com:82";
+// axios.defaults.baseURL = "http://localhost:8080/";
 
 Vue.prototype.$axios = axios;
 

src/router/index.js

@@ -25,6 +25,7 @@ import PropertyType from "../components/admin/property/propertyTypeEdit.vue";
 import UserDefinedGroups from "../components/admin/property/userDefinedGroupsPage.vue";
 import UserDefinedGroup from "../components/admin/property/userDefinedGroupPage.vue";
 import PropertyManagement from "../components/propertyManagement/sectionalTitle/propertyManagement.vue";
+import RentalPropertyManagement from '../components/propertyManagement/rentalManagement/contentSection.vue'
 
 import ResidentialPage from "../components/property/residential/residentialPage.vue";
 import CommercialPage from "../components/property/commercial/commercialPage.vue";
@@ -210,6 +211,11 @@ export default new Router({
       name: "PropertyManagement",
       component: PropertyManagement
     },
+    {
+      path: '/rentalPropertyManagement',
+      name: 'RentalPropertyManagement',
+      component: RentalPropertyManagement
+    },
     {
       path: "/property/residential",
       name: "ResidentialPage",

vue.config.js

@@ -2,8 +2,8 @@ module.exports = {
   devServer: {
     proxy: {
       "/api": {
-        target: "http://localhost:57260/",
-        // target: "http://training.provision-sa.com:82",
+        // target: "http://localhost:57260/",
+        target: "http://training.provision-sa.com:82",
         changeOrigin: true
       },
       "/nph-srep": {