Univate.2 > Randoms

src/components/property/enquireNow/contentSection.vue

         <div class="form-group row">
           <div class="form-group col-md-6 mb-4">
             <float-label>
+              <input
+                type="text"
+                name="name"
+                class="form-control"
+                id="Suburb"
+                placeholder="Suburb"
+                data-rule="minlen:4"
+                v-model="property.suburb"
+                disabled
+              />
+            </float-label>
+            <!-- <float-label>
               <input
                 type="text"
                 name="name"
                 v-model="property.unit"
                 disabled
               />
-            </float-label>
+            </float-label> -->
 
             <div class="validation"></div>
           </div>
 
             <div class="validation"></div>
           </div>
+
           <div class="form-group col-md-6">
-            <float-label>
-              <input
-                type="text"
-                name="name"
-                class="form-control"
-                id="Size"
-                placeholder="Size"
-                data-rule="minlen:4"
-                v-model="size"
-                disabled
-              />
-            </float-label>
+            <div v-for="(el, i) in property.displayData[0].values" :key="i">
+              <float-label v-if="el.name === 'Erf Size'">
+                <input
+                  type="text"
+                  name="name"
+                  class="form-control"
+                  id="Size"
+                  placeholder="Size"
+                  data-rule="minlen:4"
+                  v-model="el.value"
+                  disabled
+                />
+              </float-label>
+            </div>
 
             <div class="validation"></div>
           </div>
           <div class="form-group col-md-6 mb-4">
+            <div class="validation"></div>
+          </div>
+          <div class="form-group col-md-12 mb-4 mt-2">
             <float-label>
               <input
                 type="text"
                 name="name"
                 class="form-control"
-                id="Suburb"
-                placeholder="Suburb"
+                id="Name"
+                placeholder="Name"
                 data-rule="minlen:4"
-                v-model="property.suburb"
-                disabled
+                v-model="indiv.name"
               />
             </float-label>
 
             <div class="validation"></div>
           </div>
-          <div class="form-group col-md-12 mb-4">
+          <div class="form-group col-md-6 mb-4">
             <float-label>
               <input
                 type="text"
                 name="name"
                 class="form-control"
-                id="Name"
-                placeholder="Name"
+                id="ContactNumber"
+                placeholder="ContactNumber"
                 data-rule="minlen:4"
-                v-model="name"
+                v-model="indiv.cellNumber"
               />
             </float-label>
 
             <div class="validation"></div>
           </div>
-          <div class="form-group col-md-12 mb-4">
+          <div class="form-group col-md-6">
             <float-label>
               <input
                 type="text"
                 name="name"
                 class="form-control"
-                id="ContactNumber"
-                placeholder="ContactNumber"
+                id="Email"
+                placeholder="Email"
                 data-rule="minlen:4"
-                v-model="contactNumber"
+                v-model="indiv.emailAddress"
               />
             </float-label>
 
           </div>
           <div class="form-group col-md-12">
             <float-label>
-              <input
-                type="text"
-                name="name"
+              <textarea
+                type="textArea"
+                style="height:130px"
+                name="message"
                 class="form-control"
                 id="Email"
-                placeholder="Email"
+                placeholder="Message"
                 data-rule="minlen:4"
-                v-model="email"
+                v-model="message"
               />
             </float-label>
 
 /* eslint-disable */
 import axios from "axios";
 import alert from "../../shared/alert";
+import Log from "../../../assets/Log";
+import { mapState, mapGetters, mapActions } from "vuex";
 
 export default {
   components: {
-    alert,
+    alert
   },
   data() {
     return {
       contactNumber: null,
       property: null,
       message: null,
-      boolSent: false,
+      boolSent: false
     };
   },
   mounted() {
     this.boolSent = false;
+    this.getIndividual(Log.getUser().id);
   },
   props: {
-    property: {},
+    property: {}
+  },
+  computed: {
+    ...mapState("individual", ["indiv"]),
+    ...mapState("authentication", ["isLoggedIn", "user"])
+    // ...mapGetters({
+    //   user: "authentication/getUser",
+    //   person: "authentication/getPerson"
+    // })
   },
   methods: {
+    ...mapActions("individual", ["getIndividual"]),
     async sendMail() {
       var mailObj = {
         toAddress: "jlouw365@gmail.com",
         fromAddress: "jlouw365@gmail.com",
-        name: this.name,
-        email: this.email,
-        phone: this.contactNumber,
+        name: this.indiv.name,
+        email: this.indiv.emailAddress,
+        phone: this.indiv.cellNumber,
         property: this.property.id.toString(),
-        message: this.message,
+        message: this.message
       };
 
       const response = await axios.post("/api/mail/1", mailObj);
     },
     countDownChanged(dismissCountDown) {
       this.dismissCountDown = dismissCountDown;
-    },
+    }
   },
   created() {
     this.$emit("Loaded", true);
-  },
+  }
 };
 </script>
 

src/components/property/residential/singleView/contentSection.vue

                 <p v-if="field.name === 'Bathrooms'">Bathrooms {{ field.value }}</p>
               </div>
             </div>
-
-            <div class="btn-white-border"><i class="fa fa-search"></i>BOOK A VIEWING</div>
           </div>
           <div class="panel-left px-5 pb-5 text-center">
             <h4 class="text-white">Share this Property</h4>
                   style="float:right"
                   class="btn-solid-blue mt-3"
                   :to="{ name: 'EnquireNow', params: { id: $route.params.id } }"
-                  >MORE INFO...</router-link
+                  >Enquire Now</router-link
                 >
               </div>
             </div>