PrivacyPolicy & WebsiteDisclaimer Page Stlye

src/components/misc/WebsiteDisclaimer.vue

@@ -1,22 +1,30 @@
 <template>
   <!-- eslint-disable max-len -->
-  <div class="container">
-    <div class="row">
-      <div class="col-sm-12">
-        <div class="about-img-box">
-          <img src="img/privacy.jpg" alt="Website Disclaimer" class="img-fluid title-img" />
+  <main id="main" style="margin-top:-20px;padding-bottom:450px">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12">
+          <div class="section-header">
+            <h2>Website Disclaimer</h2>
+          </div>
         </div>
-        <div class="sinse-box title-title">
-          <h5 class="sinse-title">Website Disclaimer</h5>
+        <div class="col-md-12 text-left">
+          <br />
+          <p style="text-align:left">
+            Since the Company has limited control over the information and variables provided by
+            users the Company accepts no responsibility for any loss or damage of whatsoever nature
+            that may be caused or brought about, directly or indirectly, by the use of this Website
+            or reliance on any information contained therein.
+          </p>
+          <p class="text-left">
+            Any person who feels prejudiced by any information or variables contained on this
+            Website shall look to the persons who provided such information in case of any action
+            being taken.
+          </p>
         </div>
       </div>
-      <div class="col-md-12 text-left">
-        <br />
-        <p>Since the Company has limited control over the information and variables provided by users the Company accepts no responsibility for any loss or damage of whatsoever nature that may be caused or brought about, directly or indirectly, by the use of this Website or reliance on any information contained therein.</p>
-        <p>Any person who feels prejudiced by any information or variables contained on this Website shall look to the persons who provided such information in case of any action being taken.</p>
-        </div>
     </div>
-  </div>
+  </main>
 </template>
 <script>
 export default {};

src/components/misc/privacyPolicyPage.vue

@@ -1,50 +1,121 @@
 <template>
-  <!-- eslint-disable max-len -->
-  <div class="container">
-    <div class="row">
-      <div class="col-sm-12">
-        <div class="about-img-box">
-          <img src="img/privacy.jpg" alt="Privacy Policy" class="img-fluid title-img" />
+  <main id="main" style="margin-top:-20px;padding-bottom:50px">
+    <div class="container">
+      <div class="row mb-5">
+        <div class="col">
+          <div class="section-header">
+            <h2>Privacy Policy</h2>
+          </div>
         </div>
-        <div class="sinse-box title-title">
-          <h5 class="sinse-title">Privacy Policy</h5>
+      </div>
+      <div class="row mb-3">
+        <div class="col-sm-12 col-md-6">
+          <h2>Privacy</h2>
+          <p style="text-align:left">
+            We respect your privacy. This Privacy Policy governs the manner in which we will treat
+            your personal information collected when using our website and when we otherwise engage
+            with each after you visiting our website.
+          </p>
+        </div>
+        <div class="col-sm-12 col-md-6">
+          <h2>How do we collect your personal indormation?</h2>
+          <p style="text-align:left">
+            Your personal information may be collected while using this website, when you contact
+            us, when you complete an application form, when you check in at your destination or when
+            you make use of the services of one of our affiliated business partners. Personal
+            information includes any information by which you can be identified and which relates to
+            you as an identifiable individual, such as your name, physical and postal addresses,
+            email address, sex, age and internet address from the domain from which you are
+            visiting.
+          </p>
         </div>
       </div>
-      <div class="col-md-12 text-left">
-        <br />
-        <h5>Privacy</h5>
-        <p>We respect your privacy.  This Privacy Policy governs the manner in which we will treat your personal information collected when using our website and when we otherwise engage with each after you visiting our website.</p>
-
-        <h5>How do we collect your personal information?</h5>
-        <p>Your personal information may be collected while using this website, when you contact us, when you complete an application form, when you check in at your destination or when you make use of the services of one of our affiliated business partners.   Personal information includes any information by which you can be identified and which relates to you as an identifiable individual, such as your name, physical and postal addresses, email address, sex, age and internet address from the domain from which you are visiting.</p>
-
-        <h5>User of your personal information</h5>
-        <p>We need to process your personal information when you make use of our service.  We use your personal information in the ordinary course of our business and to send you marketing material relating to our service offering.  You can unsubscribe at any time and we will thereafter no longer use your personal information.  We will not disclose your personal information to third parties unless justifiable in terms of agreement between us.</p>
-
-        <h5>Access to and correction of personal information</h5>
-        <p>You may access your personal information that we hold by sending an email to info@univateproperties.co.za</p>
-        <p>In the event that you want to update or correct your personal information held by us, you can send an email to info@univateproperties.co.za</p>
-
-        <h5>Protection of your personal information</h5>
-        <p>We take reasonable steps and measures to keep your information secure from loss, misuse or unauthorised alteration.  Our database has built-in safeguards to ensure the privacy and confidentiality of your information.
-           We do not have control over the websites of affiliated parties or sites linked into from this site and you must therefore refer to the privacy policies of any such parties to see how they protect your personal information.
-        </p>
-
-        <h5>Cookies</h5>
-        <p>We may use cookies.  Cookies are programs that we transfer to your computer’s hard drive to personalise your experience on this website.  In this way, the next time you visit, we will know who you are and that you have visited this website before. This will enable us to enhance your browsing experience.  You can set your browser to notify you if cookies are to be transferred or to reject cookies but this may prevent your use of some of the web pages.</p>
-
-        <h5>Email Monitoring</h5>
-        <p>We provide email addresses on the website which enable you to contact us.  Forms that you complete via this website will also be transmitted via email. In order to check for viruses and to monitor service we reserve the right to monitor and inspect all material and information transmitted over our system.</p>
-
-        <h5>Changes to this privacy policy</h5>
-        <p>We reserve the right, in our sole discretion, to amend this Privacy Policy from time to time.  You agree to review the Privacy Policy whenever you visit this website for any such amendments.  The amended version of the Privacy Policy shall supersede and replace all previous versions thereof.</p>
-
-        <h5>Which laws apply to your dealings with us?</h5>
-        <p>This policy will be governed and interpreted in accordance with the laws of South Africa.  To the extent that a court has jurisdiction over any dispute which may arise out of or in connection with this Privacy Policy, we both submit to the jurisdiction of the South African Courts.</p>
+      <div class="row mb-3">
+        <div class=" col-sm-12 col-md-6">
+          <h2>Use of your personal information</h2>
+          <p style="text-align:left">
+            We need to process your personal information when you make use of our service. We use
+            your personal information in the ordinary course of our business and to send you
+            marketing material relating to our service offering. You can unsubscribe at any time and
+            we will thereafter no longer use your personal information. We will not disclose your
+            personal information to third parties unless justifiable in terms of agreement between
+            us.
+          </p>
+        </div>
+        <div class="col-sm-12 col-md-6">
+          <h2>Access to and correction of personal information</h2>
+          <p style="text-align:left">
+            You may access your personal information that we hold by sending an email to
+            <a href="mailto:info@univateproperties.co.za">info@univateproperties.co.za</a>
+          </p>
+          <p style="text-align:left">
+            In the event that you want to update or correct your personal information held by us,
+            you can send an email to
+            <a href="mailto:info@univateproperties.co.za">info@univateproperties.co.za</a>
+          </p>
+        </div>
+      </div>
+      <div class="row mb-3">
+        <div class="col-sm-12 col-md-6">
+          <h2>Protection of your personal information</h2>
+          <p style="text-align:left">
+            We take reasonable steps and measures to keep your information secure from loss, misuse
+            or unauthorised alteration. Our database has built-in safeguards to ensure the privacy
+            and confidentiality of your information. We do not have control over the websites of
+            affiliated parties or sites linked into from this site and you must therefore refer to
+            the privacy policies of any such parties to see how they protect your personal
+            information.
+          </p>
+        </div>
+        <div class="col-sm-12 col-md-6">
+          <h2>Cookies</h2>
+          <p style="text-align:left">
+            We may use cookies. Cookies are programs that we transfer to your computer’s hard drive
+            to personalise your experience on this website. In this way, the next time you visit, we
+            will know who you are and that you have visited this website before. This will enable us
+            to enhance your browsing experience. You can set your browser to notify you if cookies
+            are to be transferred or to reject cookies but this may prevent your use of some of the
+            web pages.
+          </p>
+        </div>
+      </div>
+      <div class="row mb-3">
+        <div class="col-sm-12 col-md-6">
+          <h2>Email Monitoring</h2>
+          <p style="text-align:left">
+            We provide email addresses on the website which enable you to contact us. Forms that you
+            complete via this website will also be transmitted via email. In order to check for
+            viruses and to monitor service we reserve the right to monitor and inspect all material
+            and information transmitted over our system.
+          </p>
+        </div>
+        <div class="col-sm-12 col-md-6">
+          <h2>Changes to this privacy policy</h2>
+          <p style="text-align:left">
+            We reserve the right, in our sole discretion, to amend this Privacy Policy from time to
+            time. You agree to review the Privacy Policy whenever you visit this website for any
+            such amendments. The amended version of the Privacy Policy shall supersede and replace
+            all previous versions thereof.
+          </p>
+        </div>
+      </div>
+      <div class="row mb-3">
+        <div class="col-md-12">
+          <h2>Which laws apply to your dealings with us?</h2>
+          <p style="text-align:left">
+            This policy will be governed and interpreted in accordance with the laws of South
+            Africa. To the extent that a court has jurisdiction over any dispute which may arise out
+            of or in connection with this Privacy Policy, we both submit to the jurisdiction of the
+            South African Courts.
+          </p>
+        </div>
       </div>
     </div>
-  </div>
+  </main>
 </template>
+
 <script>
 export default {};
 </script>
+
+<style lang="scss" scoped></style>

src/components/shared/footerSection.vue

@@ -3,7 +3,7 @@
     <section
       id="contact"
       data-aos="fade-up"
-      data-aos-anchor-placement="center-bottom"
+      data-aos-anchor-placement="top-bottom"
       data-aos-delay="150"
     >
       <div class="container">
@@ -22,7 +22,9 @@
                 >Property Management</router-link
               ><br />
               <router-link class="footerText" to="/privacyPolicy">Privacy Policy</router-link><br />
-              <router-link class="footerText" to="/websiteDisclaimer">Website Disclaimer</router-link><br />
+              <router-link class="footerText" to="/websiteDisclaimer"
+                >Website Disclaimer</router-link
+              ><br />
             </p>
           </div>
           <div class="col-lg-9 section-header">

src/components/timeshare/resort/unit/summarySection.vue

@@ -1,71 +1,70 @@
 <template>
   <div class="container pb-5">
-      <div class="row">
-        <div class="col">
-          <div class="section-header">
-            <h2>{{ week ? week.resort.resortName : "" }}</h2>
-          </div>
+    <div class="row">
+      <div class="col">
+        <div class="section-header">
+          <h2>{{ week ? week.resort.resortName : "" }}</h2>
         </div>
       </div>
-      <div class="row mt-5">
-        <div class="col-md-6">
-          <gallerySection :images="images" />
+    </div>
+    <div class="row mt-5">
+      <div class="col-md-6">
+        <gallerySection :images="images" />
+      </div>
+      <div class="col-md-6 summarySection">
+        <h3>Summary</h3>
+
+        <div class="row mb-3">
+          <div align="center" class="col">
+            <label for="unit">Unit: </label>
+            <h5>{{ week ? week.unitNumber : "" }}</h5>
+          </div>
+          <div align="center" class="col">
+            <label for="week">Module/Week: </label>
+            <h5>{{ week ? week.weekNumber : "" }}</h5>
+          </div>
         </div>
-        <div class="col-md-6 summarySection">
-          <h3>Summary</h3>
-          <div class="row">
-            <div align="center" class="col">
-              <label for="unit">Unit: </label>
-              <h5>{{ week ? week.unitNumber : "" }}</h5>
-            </div>
-            <div align="center" class="col">
-              <label for="week">Module/Week: </label>
-              <h5>{{ week ? week.weekNumber : "" }}</h5>
-            </div>
+
+        <div class="row mt-5">
+          <div align="center" class="col">
+            <label for="levy">Current Year Levy: </label>
+            <h5>R{{ formatPrice(week ? week.levyAmount : 0) }}</h5>
           </div>
-          <div class="row mt-3">
-            <div align="center" class="col">
-              <label for="levy">Current Year Levy: </label>
-              <h5>R{{ formatPrice(week ? week.levyAmount : 0) }}</h5>
-            </div>
+          <div align="center" class="col">
+            <label for="price">Module/Week: </label>
+            <h5>R {{ formatPrice(week ? week.sellPrice : 0) }}</h5>
           </div>
-          <div class="row mt-5">
-            <div align="center" class="col">
-              <div class="intro-content">
-                <h2>Price</h2>
-              </div>
-              <h4>R {{ formatPrice(week ? week.sellPrice : 0) }}</h4>
-            </div>
+        </div>
+
+        <div class="row mt-5"></div>
+        <div class="row mt-3">
+          <div class="col">
+            <a href="javascript:history.back()" class="btn-white-border">Back</a>
           </div>
-          <div class="row mt-3">
-            <div class="col">
-              <a href="javascript:history.back()" class="btn-white-border">Back</a>
-            </div>
-            <div class="col">
-              <button
-                class="btn-solid-blue"
-                style="color:white"
-                data-toggle="modal"
-                data-target="#myModal"
-              >
-                Make an Offer
-              </button>
-              <div class="col-md-12">
-                <div id="myModal" class="modal fade" role="dialog">
-                  <div class="modal-dialog modal-lg">
-                    <!-- Modal content-->
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                      </div>
-                      <div padding-left="20px">
-                        <makeOffer
-                          name="MakeOffer"
-                          :isMakeOffer="true"
-                          :isProperty="false"
-                          :item="week"
-                        />
-                      </div>
+          <div class="col">
+            <button
+              class="btn-solid-blue"
+              style="color:white"
+              data-toggle="modal"
+              data-target="#myModal"
+            >
+              Make an Offer
+            </button>
+            <div class="col-md-12">
+              <div id="myModal" class="modal fade" role="dialog">
+                <div class="modal-dialog modal-lg">
+                  <!-- Modal content-->
+                  <div class="modal-content">
+                    <div class="modal-header">
+                      <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    </div>
+                    <div padding-left="20px">
+                      <makeOffer
+                        name="MakeOffer"
+                        :isMakeOffer="true"
+                        :isProperty="false"
+                        :item="week"
+                      />
                     </div>
                   </div>
                 </div>
@@ -74,12 +73,52 @@
           </div>
         </div>
       </div>
+    </div>
+  </div>
 </template>
 
 <script>
 /* eslint-disable */
+import { mapState, mapActions, mapGetters } from "vuex";
 import makeOffer from "../../../processFlow/makeOffer.vue";
-export default {};
+import gallerySection from "../gallerySection";
+export default {
+  components: {
+    makeOffer,
+    gallerySection
+  },
+  computed: {
+    ...mapState("resort", ["resort", "description", "images", "layout"]),
+
+    ...mapGetters({
+      weekById: "weekList/weekById"
+    }),
+    week() {
+      return this.weekById(this.resortCode, this.unitNumber);
+    }
+    // ...mapState('week', ['currentWeek']),
+  },
+  props: {
+    resortCode: {},
+    unitNumber: {}
+  },
+  methods: {
+    ...mapActions("weekList", ["getWeeks", "applyResortFilter"]),
+    ...mapActions("resort", ["initResort"]),
+    // ...mapActions('week', ['initWeek']),
+    formatPrice(value) {
+      if (value) {
+        const val = (value / 1).toFixed(2);
+        return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+      }
+      return "";
+    }
+  }
+};
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.summarySection {
+  margin-top: -50px;
+}
+</style>

src/components/timeshare/resort/unit/unitPage.vue

@@ -1,83 +1,11 @@
 <template>
-  <main id="main" style="margin-top:-20px">
-    <div class="container pb-5">
-      <div class="row">
-        <div class="col">
-          <div class="section-header">
-            <h2>{{ week ? week.resort.resortName : "" }}</h2>
-          </div>
-        </div>
-      </div>
-      <div class="row mt-5">
-        <div class="col-md-6">
-          <gallerySection :images="images" />
-        </div>
-        <div class="col-md-6 summarySection">
-          <h3>Summary</h3>
-          <div class="row">
-            <div align="center" class="col">
-              <label for="unit">Unit: </label>
-              <h5>{{ week ? week.unitNumber : "" }}</h5>
-            </div>
-            <div align="center" class="col">
-              <label for="week">Module/Week: </label>
-              <h5>{{ week ? week.weekNumber : "" }}</h5>
-            </div>
-          </div>
-          <div class="row mt-3">
-            <div align="center" class="col">
-              <label for="levy">Current Year Levy: </label>
-              <h5>R{{ formatPrice(week ? week.levyAmount : 0) }}</h5>
-            </div>
-          </div>
-          <div class="row mt-5">
-            <div align="center" class="col">
-              <div class="intro-content">
-                <h2>Price</h2>
-              </div>
-              <h4>R {{ formatPrice(week ? week.sellPrice : 0) }}</h4>
-            </div>
-          </div>
-          <div class="row mt-3">
-            <div class="col">
-              <a href="javascript:history.back()" class="btn-white-border">Back</a>
-            </div>
-            <div class="col">
-              <button
-                class="btn-solid-blue"
-                style="color:white"
-                data-toggle="modal"
-                data-target="#myModal"
-              >
-                Make an Offer
-              </button>
-              <div class="col-md-12">
-                <div id="myModal" class="modal fade" role="dialog">
-                  <div class="modal-dialog modal-lg">
-                    <!-- Modal content-->
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                      </div>
-                      <div padding-left="20px">
-                        <makeOffer
-                          name="MakeOffer"
-                          :isMakeOffer="true"
-                          :isProperty="false"
-                          :item="week"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
+  <main id="main" style="margin-top:-20px; padding-bottom:50px">
+    <summarySection :resortCode="resortCode" :unitNumber="unitNumber" />
+    <div class="container">
       <div class="row mt-5">
         <div class="col">
           <tabSection
+            style="margin-bottom:100px"
             :resortCode="resortCode"
             :resortCoords="resort.prPostAdd1"
             :layoutImages="layouts"
@@ -90,18 +18,17 @@
 
 <script>
 /* eslint-disable */
-
 import { mapState, mapActions, mapGetters } from "vuex";
-
 import gallerySection from "../gallerySection";
 import tabSection from "./tabSection";
+import summarySection from "./summarySection";
 
 export default {
   name: "unit",
   components: {
-    makeOffer,
     gallerySection,
-    tabSection
+    tabSection,
+    summarySection
   },
   props: {
     resortCode: {},
@@ -148,10 +75,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.summarySection {
-  margin-top: -50px;
-}
-
 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
   .summarySection {

src/components/timeshare/sell/contentSection.vue

@@ -273,15 +273,13 @@
 
             <form action="" method="post" role="form" class="contactForm">
               <div class="form-row">
-                <div class="form-group col-md-12">
-                  <input
-                    type="text"
-                    class="form-control"
-                    name="y-n"
-                    id="y-n"
-                    placeholder="1. With respect to my timeshare module/week, I confirm that:"
-                    data-msg="Y / N"
-                  />
+                <div
+                  class="form-group col-md-12"
+                  style="border:solid;border-width:2px; border-color:rgb(27, 117, 187); border-radius: 3px"
+                >
+                  <p style="text-align: left; margin:auto; padding:10px">
+                    1. With respect to my timeshare module/week, I confirm that:
+                  </p>
                   <div class="validation"></div>
                 </div>
               </div>

src/router/index.js

@@ -47,8 +47,8 @@ import ResortPage from "../components/timeshare/resort/resortPage.vue";
 import UnitPage from "../components/timeshare/resort/unit/unitPage.vue";
 
 import ContactUs from "../components/misc/contactUs.vue";
-import PrivacyPolicy from '../components/misc/privacyPolicyPage.vue';
-import WebsiteDisclaimer from '../components/misc/WebsiteDisclaimer.vue';
+import PrivacyPolicy from "../components/misc/privacyPolicyPage.vue";
+import WebsiteDisclaimer from "../components/misc/WebsiteDisclaimer.vue";
 
 import MakeOffer from "../components/processFlow/makeOffer.vue";
 import Offer from "../components/processFlow/offers.vue";