浏览代码

placeholder amendments made to property & sell

master
JannekeDL 5 年前
父节点
当前提交
4420b3b120

+ 24
- 13
src/components/property/propertyeditPage.vue 查看文件

38
                   id="propertyType"
38
                   id="propertyType"
39
                   v-model="property.propertyTypeId"
39
                   v-model="property.propertyTypeId"
40
                 >
40
                 >
41
-                  <option value="0">Please Select</option>
41
+                  <option value="0">Please select type</option>
42
                   <option
42
                   <option
43
                     v-for="item in propertyTypes"
43
                     v-for="item in propertyTypes"
44
                     :value="item.id"
44
                     :value="item.id"
74
                   class="form-control"
74
                   class="form-control"
75
                   type="text"
75
                   type="text"
76
                   name="address1"
76
                   name="address1"
77
+                  placeholder="Apartment, suite, unit, building, floor, Po Box etc."
78
+                  style="font-size: 50%"
77
                   id="address1"
79
                   id="address1"
78
                   v-model="property.addressLine1"
80
                   v-model="property.addressLine1"
79
                 />
81
                 />
84
                   class="form-control"
86
                   class="form-control"
85
                   type="text"
87
                   type="text"
86
                   name="address2"
88
                   name="address2"
89
+                  placeholder="Complex, estate, company name, etc."
90
+                  style="font-size: 50%"
87
                   id="address2"
91
                   id="address2"
88
                   v-model="property.addressLine2"
92
                   v-model="property.addressLine2"
89
                 />
93
                 />
90
               </div>
94
               </div>
91
               <div class="col-md-4">
95
               <div class="col-md-4">
92
-                <label>Address Line 3</label>
96
+                <label>Street</label>
93
                 <input
97
                 <input
94
                   class="form-control"
98
                   class="form-control"
95
                   type="text"
99
                   type="text"
96
                   name="address3"
100
                   name="address3"
101
+                  placeholder="Street or c/o name"
102
+                  style="font-size: 50%"
97
                   id="address3"
103
                   id="address3"
98
                   v-model="property.addressLine3"
104
                   v-model="property.addressLine3"
99
                 />
105
                 />
109
                   @change="ProvinceSelected"
115
                   @change="ProvinceSelected"
110
                   v-model="property.provinceId"
116
                   v-model="property.provinceId"
111
                 >
117
                 >
112
-                  <option value="0">Please select</option>
118
+                  <option value="0">Please select province</option>
113
                   <option
119
                   <option
114
                     v-for="province in provinces"
120
                     v-for="province in provinces"
115
                     :value="province.id"
121
                     :value="province.id"
126
                   @change="CitySelected"
132
                   @change="CitySelected"
127
                   v-model="property.cityId"
133
                   v-model="property.cityId"
128
                 >
134
                 >
129
-                  <option value="0">Please Select</option>
135
+                  <option value="0">Please select city</option>
130
                   <option
136
                   <option
131
                     v-for="city in cities"
137
                     v-for="city in cities"
132
                     :value="city.id"
138
                     :value="city.id"
142
                   id="suburbselector"
148
                   id="suburbselector"
143
                   v-model="property.suburbId"
149
                   v-model="property.suburbId"
144
                 >
150
                 >
145
-                  <option value="0">Please Select</option>
151
+                  <option value="0">Please select suburb</option>
146
                   <option
152
                   <option
147
                     v-for="suburb in suburbs"
153
                     v-for="suburb in suburbs"
148
                     :value="suburb.id"
154
                     :value="suburb.id"
155
               <div class="col-md-4">
161
               <div class="col-md-4">
156
                 <label v-if="salesType === 'Rental'">Rental Price</label>
162
                 <label v-if="salesType === 'Rental'">Rental Price</label>
157
                 <label v-if="salesType !== 'Rental'">Sales Price</label>
163
                 <label v-if="salesType !== 'Rental'">Sales Price</label>
158
-                <input
159
-                  class="form-control"
160
-                  type="number"
161
-                  name="price"
162
-                  id="price"
163
-                  placeholder="R"
164
-                  v-model="property.price"
165
-                />
164
+                <div class="input-group-prepend">
165
+                  <span class="input-group-text" style="color: #60CBEB">
166
+                    <b>R</b>
167
+                  </span>
168
+                  <input
169
+                    class="form-control"
170
+                    type="number"
171
+                    name="price"
172
+                    id="price"
173
+                    placeholder="R"
174
+                    v-model="property.price"
175
+                  />
176
+                </div>
166
               </div>
177
               </div>
167
               <div class="col-md-4" v-if="salesType === 'Rental'">
178
               <div class="col-md-4" v-if="salesType === 'Rental'">
168
                 <label>Per</label>
179
                 <label>Per</label>

+ 4
- 29
src/components/timeshare/sell/sellPage.vue 查看文件

129
           <div class="form-group row">
129
           <div class="form-group row">
130
             <div class="col-md-6">
130
             <div class="col-md-6">
131
               <label for="Module">Module</label>
131
               <label for="Module">Module</label>
132
-              <input
133
-                class="form-control"
134
-                placeholder="Module"
135
-                type="text"
136
-                name="module"
137
-                v-model="sellItem.module"
138
-              />
132
+              <input class="form-control" type="text" name="module" v-model="sellItem.module" />
139
             </div>
133
             </div>
140
             <div class="col-md-6">
134
             <div class="col-md-6">
141
               <label for="Week number">Week Number</label>
135
               <label for="Week number">Week Number</label>
142
-              <input
143
-                class="form-control"
144
-                placeholder="Week Number"
145
-                type="text"
146
-                name="week"
147
-                v-model="sellItem.weekNumber"
148
-              />
136
+              <input class="form-control" type="text" name="week" v-model="sellItem.weekNumber" />
149
             </div>
137
             </div>
150
           </div>
138
           </div>
151
           <div class="form-group row">
139
           <div class="form-group row">
165
           <div class="form-group row">
153
           <div class="form-group row">
166
             <div class="col-md-6">
154
             <div class="col-md-6">
167
               <label for="Unit number">Unit Number</label>
155
               <label for="Unit number">Unit Number</label>
168
-              <input
169
-                class="form-control"
170
-                placeholder="Unit Number"
171
-                type="text"
172
-                name="unit"
173
-                v-model="sellItem.unitNumber"
174
-              />
156
+              <input class="form-control" type="text" name="unit" v-model="sellItem.unitNumber" />
175
             </div>
157
             </div>
176
             <div class="col-md-6">
158
             <div class="col-md-6">
177
               <label for="Owner">Owner</label>
159
               <label for="Owner">Owner</label>
178
-              <input
179
-                class="form-control"
180
-                placeholder="Owner"
181
-                type="text"
182
-                name="owner"
183
-                v-model="sellItem.owner"
184
-              />
160
+              <input class="form-control" type="text" name="owner" v-model="sellItem.owner" />
185
             </div>
161
             </div>
186
           </div>
162
           </div>
187
           <div class="form-group row">
163
           <div class="form-group row">
189
               <label for="Levy">Levy Amount</label>
165
               <label for="Levy">Levy Amount</label>
190
               <input
166
               <input
191
                 class="form-control"
167
                 class="form-control"
192
-                placeholder="Levy"
193
                 type="number"
168
                 type="number"
194
                 step="any"
169
                 step="any"
195
                 name="levy"
170
                 name="levy"

+ 2
- 0
src/components/user/registerAgencySection.vue 查看文件

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

正在加载...
取消
保存