placeholder amendments made to property & sell

src/components/property/propertyeditPage.vue

@@ -38,7 +38,7 @@
                   id="propertyType"
                   v-model="property.propertyTypeId"
                 >
-                  <option value="0">Please Select</option>
+                  <option value="0">Please select type</option>
                   <option
                     v-for="item in propertyTypes"
                     :value="item.id"
@@ -74,6 +74,8 @@
                   class="form-control"
                   type="text"
                   name="address1"
+                  placeholder="Apartment, suite, unit, building, floor, Po Box etc."
+                  style="font-size: 50%"
                   id="address1"
                   v-model="property.addressLine1"
                 />
@@ -84,16 +86,20 @@
                   class="form-control"
                   type="text"
                   name="address2"
+                  placeholder="Complex, estate, company name, etc."
+                  style="font-size: 50%"
                   id="address2"
                   v-model="property.addressLine2"
                 />
               </div>
               <div class="col-md-4">
-                <label>Address Line 3</label>
+                <label>Street</label>
                 <input
                   class="form-control"
                   type="text"
                   name="address3"
+                  placeholder="Street or c/o name"
+                  style="font-size: 50%"
                   id="address3"
                   v-model="property.addressLine3"
                 />
@@ -109,7 +115,7 @@
                   @change="ProvinceSelected"
                   v-model="property.provinceId"
                 >
-                  <option value="0">Please select</option>
+                  <option value="0">Please select province</option>
                   <option
                     v-for="province in provinces"
                     :value="province.id"
@@ -126,7 +132,7 @@
                   @change="CitySelected"
                   v-model="property.cityId"
                 >
-                  <option value="0">Please Select</option>
+                  <option value="0">Please select city</option>
                   <option
                     v-for="city in cities"
                     :value="city.id"
@@ -142,7 +148,7 @@
                   id="suburbselector"
                   v-model="property.suburbId"
                 >
-                  <option value="0">Please Select</option>
+                  <option value="0">Please select suburb</option>
                   <option
                     v-for="suburb in suburbs"
                     :value="suburb.id"
@@ -155,14 +161,19 @@
               <div class="col-md-4">
                 <label v-if="salesType === 'Rental'">Rental Price</label>
                 <label v-if="salesType !== 'Rental'">Sales Price</label>
-                <input
-                  class="form-control"
-                  type="number"
-                  name="price"
-                  id="price"
-                  placeholder="R"
-                  v-model="property.price"
-                />
+                <div class="input-group-prepend">
+                  <span class="input-group-text" style="color: #60CBEB">
+                    <b>R</b>
+                  </span>
+                  <input
+                    class="form-control"
+                    type="number"
+                    name="price"
+                    id="price"
+                    placeholder="R"
+                    v-model="property.price"
+                  />
+                </div>
               </div>
               <div class="col-md-4" v-if="salesType === 'Rental'">
                 <label>Per</label>

src/components/timeshare/sell/sellPage.vue

@@ -129,23 +129,11 @@
           <div class="form-group row">
             <div class="col-md-6">
               <label for="Module">Module</label>
-              <input
-                class="form-control"
-                placeholder="Module"
-                type="text"
-                name="module"
-                v-model="sellItem.module"
-              />
+              <input class="form-control" type="text" name="module" v-model="sellItem.module" />
             </div>
             <div class="col-md-6">
               <label for="Week number">Week Number</label>
-              <input
-                class="form-control"
-                placeholder="Week Number"
-                type="text"
-                name="week"
-                v-model="sellItem.weekNumber"
-              />
+              <input class="form-control" type="text" name="week" v-model="sellItem.weekNumber" />
             </div>
           </div>
           <div class="form-group row">
@@ -165,23 +153,11 @@
           <div class="form-group row">
             <div class="col-md-6">
               <label for="Unit number">Unit Number</label>
-              <input
-                class="form-control"
-                placeholder="Unit Number"
-                type="text"
-                name="unit"
-                v-model="sellItem.unitNumber"
-              />
+              <input class="form-control" type="text" name="unit" v-model="sellItem.unitNumber" />
             </div>
             <div class="col-md-6">
               <label for="Owner">Owner</label>
-              <input
-                class="form-control"
-                placeholder="Owner"
-                type="text"
-                name="owner"
-                v-model="sellItem.owner"
-              />
+              <input class="form-control" type="text" name="owner" v-model="sellItem.owner" />
             </div>
           </div>
           <div class="form-group row">
@@ -189,7 +165,6 @@
               <label for="Levy">Levy Amount</label>
               <input
                 class="form-control"
-                placeholder="Levy"
                 type="number"
                 step="any"
                 name="levy"

src/components/user/registerAgencySection.vue

@@ -5,6 +5,7 @@
       <div class="reg-page">
         <div class="regform" style="text-align:left">
           <h4>Agency Details</h4>
+          <div class="row">
           <div class="row" style="text-align:left">
             <div class="col-md-8" style="margin-bottom: 1em">
               <div class="input-group-prepend">
@@ -49,6 +50,7 @@
               </div>
             </div>
           </div>
+          </div>
           <hr />
           <div class="col-md-10" style="text-align:left">
             <h5 style="margin-bottom: 1em">Agency Administrator</h5>