ソースを参照

Property Search & Sell updated

master
JannekeDL 5年前
コミット
a3d031dd77

バイナリ
public/img/Johannesburg-south-africa-1.jpg ファイルの表示


バイナリ
public/img/Listings.jpg ファイルの表示


バイナリ
public/img/sell.jpg ファイルの表示


+ 49
- 22
src/components/property/propertySearchPage.vue ファイルの表示

1
 <template>
1
 <template>
2
+  <!-- eslint-disable max-len -->
2
   <div class="container">
3
   <div class="container">
3
-    <div class="col-md-12">
4
-      <h3 class="my-4">Property Listing</h3>
5
-    </div>
6
-    <br />
7
-    <br />
8
-    <br />
9
-    <div>
10
-      <propertyCard
11
-        v-if="properties.length > 0"
12
-        name="propertyholder"
13
-        :properties="properties"
14
-        :key="propertysearch"
15
-      />
16
-      <div v-if="properties.length === 0">
17
-        <img src="../../../public/img/no-homes.gif" />
18
-        <br />
19
-        <br />
20
-        <p>Sorry no listing where found matching your search</p>
4
+    <div class="col-sm-12">
5
+      <div class="about-img-box">
6
+        <img
7
+          src="img/Johannesburg-south-africa-1.jpg"
8
+          alt="Property Listing"
9
+          class="img-fluid"
10
+          style="width:800px;height:400px;"
11
+        />
12
+      </div>
13
+      <div class="sinse-box">
14
+        <h3 class="sinse-title">
15
+          Property Listing
16
+          <span></span>
17
+        </h3>
21
       </div>
18
       </div>
22
     </div>
19
     </div>
23
     <br />
20
     <br />
24
-    <div class="container" v-if="propertyType === 'Residential'">
21
+    <div class="container col-md-10" v-if="propertyType === 'Residential'">
25
       <div class="row">
22
       <div class="row">
26
         <div class="col-md-12">
23
         <div class="col-md-12">
27
           <h1 class="my-4">About Residential Properties</h1>
24
           <h1 class="my-4">About Residential Properties</h1>
28
         </div>
25
         </div>
29
-        <div class="col-md-6">
26
+        <div class="col-md-8 text-left">
30
           <p>
27
           <p>
31
             Uni-Vate Properties understands the necessity in property-seekers
28
             Uni-Vate Properties understands the necessity in property-seekers
32
             to find that perfect fit;
29
             to find that perfect fit;
57
           </p>
54
           </p>
58
         </div>
55
         </div>
59
       </div>
56
       </div>
57
+      <div>
58
+        <propertyCard
59
+          v-if="properties.length > 0"
60
+          name="propertyholder"
61
+          :properties="properties"
62
+          :key="propertysearch"
63
+        />
64
+        <div v-if="properties.length === 0">
65
+          <img src="../../../public/img/no-homes.gif" />
66
+          <br />
67
+          <br />
68
+          <p>Sorry no listing where found matching your search</p>
69
+        </div>
70
+      </div>
71
+      <br />
60
     </div>
72
     </div>
61
-    <div class="container" v-if="propertyType === 'Commercial'">
73
+    <div class="container col-md-10" v-if="propertyType === 'Commercial'">
62
       <div class="row">
74
       <div class="row">
63
         <div class="col-md-12">
75
         <div class="col-md-12">
64
           <h1 class="my-4">About Commercial Properties</h1>
76
           <h1 class="my-4">About Commercial Properties</h1>
65
         </div>
77
         </div>
66
-        <div class="col-md-6">
78
+        <div class="col-md-8 text-left">
67
           <p>
79
           <p>
68
             Commercial properties are characteristically any larger properties that
80
             Commercial properties are characteristically any larger properties that
69
             generate profit through leasing or rental activities. These properties
81
             generate profit through leasing or rental activities. These properties
92
           </p>
104
           </p>
93
         </div>
105
         </div>
94
       </div>
106
       </div>
107
+      <div>
108
+        <propertyCard
109
+          v-if="properties.length > 0"
110
+          name="propertyholder"
111
+          :properties="properties"
112
+          :key="propertysearch"
113
+        />
114
+        <div v-if="properties.length === 0">
115
+          <img src="../../../public/img/no-homes.gif" />
116
+          <br />
117
+          <br />
118
+          <p>Sorry no listing where found matching your search</p>
119
+        </div>
120
+      </div>
121
+      <br />
95
     </div>
122
     </div>
96
   </div>
123
   </div>
97
 </template>
124
 </template>

+ 41
- 21
src/components/timeshare/sell/sellPage.vue ファイルの表示

3
   <div class="container">
3
   <div class="container">
4
     <div class="row">
4
     <div class="row">
5
       <div class="col-md-12">
5
       <div class="col-md-12">
6
-        <h1 class="my-4">
7
-          To Sell
8
-          <div style="float: right;" class="btn btn-blue btn-lg">
9
-            <router-link to class="colorBlack">Bulk Weeks upload</router-link>
6
+        <div class="col-sm-12">
7
+          <div class="about-img-box">
8
+            <img
9
+              src="img/sell.jpg"
10
+              alt="Timeshare To Sell"
11
+              class="img-fluid"
12
+              style="width:800px;height:400px;"
13
+            />
10
           </div>
14
           </div>
11
-        </h1>
12
-        <hr />
15
+          <div class="sinse-box">
16
+            <h3 class="sinse-title">
17
+              Timeshare To Sell
18
+              <span></span>
19
+            </h3>
20
+          </div>
21
+        </div>
22
+        <br />
23
+        <div>
24
+          <div style="float: right;" class="btn btn-link color-b">
25
+            <router-link to="LinkToBeSelected">
26
+              Bulk Weeks Upload
27
+              <span class="ion-ios-arrow-forward" style="color:#60CBEB"></span>
28
+            </router-link>
29
+          </div>
30
+        </div>
31
+        <br />
32
+        <br />
13
         <p>* You need to be logged in to submit your listing. Please register and log in if you have not done so already.</p>
33
         <p>* You need to be logged in to submit your listing. Please register and log in if you have not done so already.</p>
14
         <hr />
34
         <hr />
15
       </div>
35
       </div>
16
     </div>
36
     </div>
17
     <div v-for="(item, i) in unitConfigurationList" :key="i">{{item}}</div>
37
     <div v-for="(item, i) in unitConfigurationList" :key="i">{{item}}</div>
18
     <div class="row mb-4">
38
     <div class="row mb-4">
19
-      <div class="col-md-12">
39
+      <div class="container col-md-10">
20
         <form
40
         <form
21
           id="mainForm"
41
           id="mainForm"
22
           method="POST"
42
           method="POST"
50
               </div>
70
               </div>
51
             </div>
71
             </div>
52
             <div class="col-md-4" v-if="refAgent">
72
             <div class="col-md-4" v-if="refAgent">
53
-              <label for="Name of Agency"></label>
73
+              <label>Name of Agency</label>
54
               <input
74
               <input
55
                 class="form-control"
75
                 class="form-control"
56
                 placeholder="Name of Agency"
76
                 placeholder="Name of Agency"
60
               />
80
               />
61
             </div>
81
             </div>
62
             <div class="col-md-4" v-if="refAgent">
82
             <div class="col-md-4" v-if="refAgent">
63
-              <label for="Name of Agent"></label>
83
+              <label>Name of Agent</label>
64
               <input
84
               <input
65
                 class="form-control"
85
                 class="form-control"
66
                 placeholder="Name of Agent"
86
                 placeholder="Name of Agent"
73
 
93
 
74
           <div class="form-group row">
94
           <div class="form-group row">
75
             <div class="col-md-6">
95
             <div class="col-md-6">
76
-              <label for="Resort Name"></label>
96
+              <label>Resort Name</label>
77
               <select class="form-control" id="resort" name="resort">
97
               <select class="form-control" id="resort" name="resort">
78
                 <option value>Please select Resort Name</option>
98
                 <option value>Please select Resort Name</option>
79
                 <option value></option>
99
                 <option value></option>
81
               </select>
101
               </select>
82
             </div>
102
             </div>
83
             <div class="col-md-6">
103
             <div class="col-md-6">
84
-              <label for="* If other"></label>
104
+              <label>* If other</label>
85
               <input class="form-control" placeholder="* If other" type="text" name="other" value />
105
               <input class="form-control" placeholder="* If other" type="text" name="other" value />
86
             </div>
106
             </div>
87
           </div>
107
           </div>
88
           <div class="form-group row">
108
           <div class="form-group row">
89
             <div class="col-md-6">
109
             <div class="col-md-6">
90
-              <label for="Region"></label>
110
+              <label>Region</label>
91
               <select class="form-control" name="region" id="region">
111
               <select class="form-control" name="region" id="region">
92
                 <option value>Please select Region</option>
112
                 <option value>Please select Region</option>
93
                 <option v-for="(region, r) in regions" :key="r">{{region.regionName}}</option>
113
                 <option v-for="(region, r) in regions" :key="r">{{region.regionName}}</option>
94
               </select>
114
               </select>
95
             </div>
115
             </div>
96
             <div class="col-md-6">
116
             <div class="col-md-6">
97
-              <label for="Season"></label>
117
+              <label>Season</label>
98
               <select class="form-control" name="season">
118
               <select class="form-control" name="season">
99
                 <option value>Please select Season</option>
119
                 <option value>Please select Season</option>
100
                 <option value="Peak">Peak</option>
120
                 <option value="Peak">Peak</option>
111
           </div>
131
           </div>
112
           <div class="form-group row">
132
           <div class="form-group row">
113
             <div class="col-md-6">
133
             <div class="col-md-6">
114
-              <label for="Module"></label>
134
+              <label>Module</label>
115
               <input class="form-control" placeholder="Module" type="text" name="module" value />
135
               <input class="form-control" placeholder="Module" type="text" name="module" value />
116
             </div>
136
             </div>
117
             <div class="col-md-6">
137
             <div class="col-md-6">
118
-              <label for="Week number"></label>
138
+              <label>Week Number</label>
119
               <input class="form-control" placeholder="Week Number" type="text" name="week" value />
139
               <input class="form-control" placeholder="Week Number" type="text" name="week" value />
120
             </div>
140
             </div>
121
           </div>
141
           </div>
122
           <div class="form-group row">
142
           <div class="form-group row">
123
             <div class="col-md-6">
143
             <div class="col-md-6">
124
-              <label for="Bedrooms"></label>
144
+              <label>Bedrooms</label>
125
               <select class="form-control" name="bedrooms">
145
               <select class="form-control" name="bedrooms">
126
                 <option value>Please select Bedrooms</option>
146
                 <option value>Please select Bedrooms</option>
127
                 <option value="Studio">Studio</option>
147
                 <option value="Studio">Studio</option>
134
               </select>
154
               </select>
135
             </div>
155
             </div>
136
             <div class="col-md-6">
156
             <div class="col-md-6">
137
-              <label for="Sleeps maximum"></label>
157
+              <label>Sleeps maximum</label>
138
               <select class="form-control" name="sleeps">
158
               <select class="form-control" name="sleeps">
139
                 <option value>Please select Sleeps maximum</option>
159
                 <option value>Please select Sleeps maximum</option>
140
                 <option value="2">2</option>
160
                 <option value="2">2</option>
148
           </div>
168
           </div>
149
           <div class="form-group row">
169
           <div class="form-group row">
150
             <div class="col-md-6">
170
             <div class="col-md-6">
151
-              <label for="Unit number"></label>
171
+              <label>Unit number</label>
152
               <input class="form-control" placeholder="Unit Number" type="text" name="unit" value />
172
               <input class="form-control" placeholder="Unit Number" type="text" name="unit" value />
153
             </div>
173
             </div>
154
             <div class="col-md-6">
174
             <div class="col-md-6">
155
-              <label for="Owner"></label>
175
+              <label>Owner</label>
156
               <input class="form-control" placeholder="Owner" type="text" name="owner" value />
176
               <input class="form-control" placeholder="Owner" type="text" name="owner" value />
157
             </div>
177
             </div>
158
           </div>
178
           </div>
159
           <div class="form-group row">
179
           <div class="form-group row">
160
             <div class="col-md-6">
180
             <div class="col-md-6">
161
-              <label for="Levy"></label>
181
+              <label>Levy</label>
162
               <input
182
               <input
163
                 class="form-control"
183
                 class="form-control"
164
                 placeholder="Levy"
184
                 placeholder="Levy"
171
           </div>
191
           </div>
172
           <div class="form-group row">
192
           <div class="form-group row">
173
             <div class="col-md-6">
193
             <div class="col-md-6">
174
-              <h5>Has your week been spacebanked for the current year?</h5>
194
+              <p>Has your week been spacebanked for the current year?</p>
175
               <div class="form-check">
195
               <div class="form-check">
176
                 <input
196
                 <input
177
                   class="form-check-input"
197
                   class="form-check-input"

読み込み中…
キャンセル
保存