Subversion Repositories SmartDukaan

Rev

Rev 23052 | Rev 23080 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
22982 ashik.ali 1 
<style>
2 
	.bold-details {
3 
		text-transform:capitalize;
4 
		font-weight:600;
5 
		color:#212121;
6 
	}
7 
	.normal-details{
8 
		font-weight:400;
9 
		text-transform:capitalize;
10 
		color:#797979;
11 
	}
12 
</style>
13 
 
14 
<section class="wrapper">
15 
<div class="row" style="background:white;font-size:14px;">
23026 ashik.ali 16 
	<form id="update-retailer-details-form">
22982 ashik.ali 17 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
18 
		<h4>USER DETAILS</h4>
19 
		<div class="row">
20 
			<div class="col-lg-4">
21 
				<p class="bold-details">ID</p>
22 
			</div>
23 
			<div class="col-lg-6">
24 
				<p class="normal-details">$user.getId()</p>
25 
			</div>
26 
		</div>
27 
		<div class="row">
28 
			<div class="col-lg-4">
29 
				<p class="bold-details">NAME</p>
30 
			</div>
31 
			<div class="col-lg-6">
32 
				<p class="normal-details">$user.getFirstName() $user.getLastName()</p>
33 
			</div>
34 
		</div>
35 
		<div class="row">
36 
			<div class="col-lg-4">
37 
				<p class="bold-details">EMAIL ID</p>
38 
			</div>
39 
			<div class="col-lg-6">
40 
				<p class="normal-details">$user.getEmailId()</p>
41 
			</div>
42 
		</div>
43 
		<div class="row">
44 
			<div class="col-lg-4">
45 
				<p class="bold-details">MOBILE NUMBER</p>
46 
			</div>
47 
			<div class="col-lg-6">
48 
				<p class="normal-details">$user.getMobileNumber()</p>
49 
			</div>
50 
		</div>
51 
		<div class="row">
52 
			<div class="col-lg-4">
53 
				<p class="bold-details">ROLES</p>
54 
			</div>
55 
			<div class="col-lg-6">
56 
				<p class="normal-details">$userRoles</p>
57 
			</div>
58 
		</div>
59 
	</div>
60 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
61 
		<h4>RETAILER DETAILS</h4>
62 
			<h4>RETAILER</h4>
63 
			<div class="row">
64 
				<div class="col-lg-4">
65 
					<p class="bold-details">ID</p>
66 
				</div>
67 
				<div class="col-lg-6">
23044 ashik.ali 68 
					#if($retailer)
69 
						<p class="normal-details">$retailer.getId()</p>
70 
					#else
71 
						<p class="normal-details">0</p>
72 
					#end
22982 ashik.ali 73 
				</div>
74 
			</div>
75 
 
76 
			<div class="row">
23026 ashik.ali 77 
				<div class="col-lg-4 form-group">
78 
					<label class="bold-details">NAME</label>
22982 ashik.ali 79 
				</div>
23026 ashik.ali 80 
				<div class="col-lg-6 form-group">
23044 ashik.ali 81 
					#if($retailer && $retailer.getName())
23026 ashik.ali 82 
			   			<input placeholder="Name" id="retailerName" name="retailerName" type="text" value="$retailer.getName()" class="form-control input-sm">
22982 ashik.ali 83 
					#else
23026 ashik.ali 84 
			   			<input placeholder="Name" id="retailerName" name="retailerName" type="text" value="" class="form-control input-sm">
22982 ashik.ali 85 
					#end
86 
				</div>
87 
			</div>
88 
			<div class="row">
23026 ashik.ali 89 
				<div class="col-lg-4 form-group">
22982 ashik.ali 90 
					<p class="bold-details">NUMBER</p>
91 
				</div>
23026 ashik.ali 92 
				<div class="col-lg-6 form-group">
23044 ashik.ali 93 
					#if($retailer && $retailer.getNumber())
23026 ashik.ali 94 
						<input placeholder="Number" id="retailerNumber" name="retailerNumber" type="text" value="$retailer.getNumber()" class="form-control input-sm">
22982 ashik.ali 95 
					#else
23026 ashik.ali 96 
						<input placeholder="Number" id="retailerNumber" name="retailerNumber" type="text" value="" class="form-control input-sm">
22982 ashik.ali 97 
					#end
98 
				</div>
99 
			</div>
23044 ashik.ali 100 
			#if(!$retailer || !$retailer.getDocumentId())
22982 ashik.ali 101 
				<div class="row">
102 
					<div class="col-lg-4">
103 
						<p class="bold-details">DOCUMENT</p>
104 
					</div>
105 
					<div class="col-lg-3">
106 
						<label class="btn btn-file">
107 
    						Browse<input type="file" id="retailerDocument" name="retailerDocument" style="display:none">
108 
						</label>
109 
					</div>
110 
					<div class="col-lg-3">
23026 ashik.ali 111 
						<!--<button id="updateRetailerDocument" onclick="updateRetailerDocument()" class="btn btn-primary">Update</button>-->
22982 ashik.ali 112 
					</div>
113 
				</div>
114 
 
115 
			#end
116 
 
117 
			<h4>ADDRESS</h4>
118 
			<div class="row">
23026 ashik.ali 119 
				<div class="col-lg-4 form-group">
22982 ashik.ali 120 
					<p class="bold-details">NAME</p>
121 
				</div>
23026 ashik.ali 122 
				<div class="col-lg-6 form-group">
23044 ashik.ali 123 
					#if($retailerAddress && $retailerAddress.getName())
124 
						<input placeholder="Name" id="retailerAddressName" name="retailerAddressName" type="text" value="$retailerAddress.getName()" class="form-control input-sm">
125 
					#else
126 
						<input placeholder="Name" id="retailerAddressName" name="retailerAddressName" type="text" value="" class="form-control input-sm">
127 
					#end
22982 ashik.ali 128 
				</div>
129 
			</div>
23044 ashik.ali 130 
			<div class="row">
131 
				<div class="col-lg-4 form-group">
132 
					<p class="bold-details">LINE1</p>
133 
				</div>
134 
				<div class="col-lg-6 form-group">
135 
					#if($retailerAddress && $retailerAddress.getLine1())
23026 ashik.ali 136 
						<input placeholder="Line 1" id="retailerAddressLine1" name="retailerAddressLine1" type="text" value="$retailerAddress.getLine1()" class="form-control input-sm">
23044 ashik.ali 137 
					#else
138 
						<input placeholder="Line 1" id="retailerAddressLine1" name="retailerAddressLine1" type="text" value="" class="form-control input-sm">
139 
					#end
22982 ashik.ali 140 
				</div>
23044 ashik.ali 141 
			</div>
142 
			<div class="row">
143 
				<div class="col-lg-4 form-group">
144 
					<p class="bold-details">LINE2</p>
145 
				</div>
146 
				<div class="col-lg-6 form-group">
147 
					#if($retailerAddress && $retailerAddress.getLine2())
23026 ashik.ali 148 
						<input placeholder="Line2" id="retailerAddressLine2" name="retailerAddressLine2" type="text" value="$retailerAddress.getLine2()" class="form-control input-sm">
23044 ashik.ali 149 
					#else
150 
						<input placeholder="Line2" id="retailerAddressLine2" name="retailerAddressLine2" type="text" value="" class="form-control input-sm">
151 
					#end
22982 ashik.ali 152 
				</div>
23044 ashik.ali 153 
			</div>
22982 ashik.ali 154 
 
155 
 
156 
			<div class="row">
23026 ashik.ali 157 
				<div class="col-lg-4 form-group">
22982 ashik.ali 158 
					<p class="bold-details">CITY</p>
159 
				</div>
23026 ashik.ali 160 
				<div class="col-lg-6 form-group">
23044 ashik.ali 161 
					#if($retailerAddress && $retailerAddress.getCity())
162 
						<input placeholder="City" id="retailerAddressCity" name="retailerAddressCity" type="text" value="$retailerAddress.getCity()" class="form-control input-sm">
163 
					#else
164 
						<input placeholder="City" id="retailerAddressCity" name="retailerAddressCity" type="text" value="" class="form-control input-sm">
165 
					#end
22982 ashik.ali 166 
				</div>
167 
			</div>
168 
 
169 
			<div class="row">
23026 ashik.ali 170 
				<div class="col-lg-4 form-group">
22982 ashik.ali 171 
					<p class="bold-details">PIN CODE</p>
172 
				</div>
23026 ashik.ali 173 
				<div class="col-lg-6 form-group">
23044 ashik.ali 174 
					#if($retailerAddress && $retailerAddress.getPinCode())
175 
						<input placeholder="Pin Code" id="retailerAddressPinCode" name="retailerAddressPinCode" type="text" value="$retailerAddress.getPinCode()" class="form-control input-sm">
176 
					#else
177 
						<input placeholder="Pin Code" id="retailerAddressPinCode" name="retailerAddressPinCode" type="text" value="" class="form-control input-sm">
178 
					#end
22982 ashik.ali 179 
				</div>
180 
			</div>
181 
 
182 
			<div class="row">
23026 ashik.ali 183 
				<div class="col-lg-4 form-group">
22982 ashik.ali 184 
					<p class="bold-details">STATE</p>
185 
				</div>
23026 ashik.ali 186 
				<div class="col-lg-6 form-group">
23044 ashik.ali 187 
					#if($retailerAddress && $retailerAddress.getState())
188 
						<input placeholder="State" id="retailerAddressState" name="retailerAddressState" type="text" value="$retailerAddress.getState()" class="form-control input-sm">
189 
					#else
190 
						<input placeholder="State" id="retailerAddressState" name="retailerAddressState" type="text" value="" class="form-control input-sm">
191 
					#end
22982 ashik.ali 192 
				</div>
193 
			</div>
194 
	</div>
23076 ashik.ali 195 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;" id="shops">
22982 ashik.ali 196 
		<h4>SHOP DETAILS</h4>
197 
		#set($a = 0)
23051 ashik.ali 198 
		#if(!$shops || $shops.isEmpty())
23044 ashik.ali 199 
			<h4>SHOP</h4>
22982 ashik.ali 200 
				<div class="row">
201 
					<div class="col-lg-4">
202 
						<p class="bold-details">ID</p>
203 
					</div>
23044 ashik.ali 204 
					<div class="col-lg-6" id="0">
23052 ashik.ali 205 
						<p class="normal-details">0</p>
22982 ashik.ali 206 
					</div>
207 
				</div>
208 
				<div class="row">
23026 ashik.ali 209 
					<div class="col-lg-4 form-group">
22982 ashik.ali 210 
						<p class="bold-details">NAME</p>
211 
					</div>
23026 ashik.ali 212 
					<div class="col-lg-6 form-group">
23044 ashik.ali 213 
						<input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="0" type="text" value="" class="form-control input-sm">
22982 ashik.ali 214 
					</div>
215 
				</div>
23044 ashik.ali 216 
				<div class="row">
217 
					<div class="col-lg-4">
218 
						<p class="bold-details">DOCUMENT</p>
22982 ashik.ali 219 
					</div>
23044 ashik.ali 220 
					<div class="col-lg-3">
221 
						<label class="btn btn-file">
222 
    						Browse<input type="file" shopId = "0" id="retailerShopDocument${a}" name="retailerShopDocument" style="display:none">
223 
						</label>
224 
					</div>
225 
					<div class="col-lg-3">
226 
						<!--<button id="updateRetailerShopDocument${a}" class="btn btn-primary" onclick="updateRetailerShopDocument('updateRetailerShopDocument${a}')">Update</button>-->
227 
					</div>
228 
				</div>
22982 ashik.ali 229 
				<h4>ADDRESS</h4>
230 
				<div class="row">
23076 ashik.ali 231 
					<div class="col-lg-6 form-group">
232 
						<p class="bold-details">Same as Retailer Address</p>
233 
					</div>
23026 ashik.ali 234 
					<div class="col-lg-4 form-group">
23076 ashik.ali 235 
						<input placeholder = "Same as Retailer Address" id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}" type="checkbox" value="true">
236 
					</div>
237 
				</div>
238 
				<div class="row">
239 
					<div class="col-lg-4 form-group">
22982 ashik.ali 240 
						<p class="bold-details">NAME</p>
241 
					</div>
23026 ashik.ali 242 
					<div class="col-lg-6 form-group">
23044 ashik.ali 243 
						<input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="" class="form-control input-sm">
22982 ashik.ali 244 
					</div>
245 
				</div>
23044 ashik.ali 246 
				<div class="row">
247 
					<div class="col-lg-4 form-group">
248 
						<p class="bold-details">LINE1</p>
22982 ashik.ali 249 
					</div>
23044 ashik.ali 250 
					<div class="col-lg-6 form-group">
251 
						<input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="" class="form-control input-sm">
22982 ashik.ali 252 
					</div>
23044 ashik.ali 253 
				</div>
254 
				<div class="row">
255 
					<div class="col-lg-4 form-group">
256 
						<p class="bold-details">LINE2</p>
257 
					</div>
258 
					<div class="col-lg-6 form-group">
259 
						<input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="" class="form-control input-sm">
260 
					</div>
261 
				</div>
22982 ashik.ali 262 
 
263 
				<div class="row">
23026 ashik.ali 264 
					<div class="col-lg-4 form-group">
22982 ashik.ali 265 
						<p class="bold-details">CITY</p>
266 
					</div>
23026 ashik.ali 267 
					<div class="col-lg-6 form-group">
23044 ashik.ali 268 
						<input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="" class="form-control input-sm">
22982 ashik.ali 269 
					</div>
270 
				</div>
271 
 
272 
				<div class="row">
23026 ashik.ali 273 
					<div class="col-lg-4 form-group">
22982 ashik.ali 274 
						<p class="bold-details">PIN CODE</p>
275 
					</div>
23026 ashik.ali 276 
					<div class="col-lg-6 form-group">
23044 ashik.ali 277 
						<input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="" class="form-control input-sm">
22982 ashik.ali 278 
					</div>
279 
				</div>
280 
 
281 
				<div class="row">
23026 ashik.ali 282 
					<div class="col-lg-4 form-group">
22982 ashik.ali 283 
						<p class="bold-details">STATE</p>
284 
					</div>
23026 ashik.ali 285 
					<div class="col-lg-6 form-group">
23044 ashik.ali 286 
						<input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="" class="form-control input-sm">
22982 ashik.ali 287 
					</div>
288 
				</div>
23026 ashik.ali 289 
				#set($a = $a + 1)
23044 ashik.ali 290 
		#else
291 
			#foreach($shop in $shops)
292 
 
293 
 
294 
					<h4>SHOP</h4>
295 
					<div class="row">
296 
						<div class="col-lg-4">
297 
							<p class="bold-details">ID</p>
298 
						</div>
299 
						<div class="col-lg-6" id="$shop.getId()">
300 
							<p class="normal-details">$shop.getId()</p>
301 
						</div>
302 
					</div>
303 
					<div class="row">
304 
						<div class="col-lg-4 form-group">
305 
							<p class="bold-details">NAME</p>
306 
						</div>
307 
						<div class="col-lg-6 form-group">
308 
							#if($shop.getName())
309 
								<input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="$shop.getId()" type="text" value="$shop.getName()" class="form-control input-sm">
310 
							#else
311 
								<input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="$shop.getId()" type="text" value="" class="form-control input-sm">
312 
							#end
313 
						</div>
314 
					</div>
315 
					#if(!$shop.getDocumentId())
316 
 
317 
						<div class="row">
318 
							<div class="col-lg-4">
319 
								<p class="bold-details">DOCUMENT</p>
320 
							</div>
321 
							<div class="col-lg-3">
322 
								<label class="btn btn-file">
323 
		    						Browse<input type="file" shopId = "$shop.getId()" id="retailerShopDocument${a}" name="retailerShopDocument" style="display:none">
324 
								</label>
325 
							</div>
326 
							<div class="col-lg-3">
327 
								<!--<button id="updateRetailerShopDocument${a}" class="btn btn-primary" onclick="updateRetailerShopDocument('updateRetailerShopDocument${a}')">Update</button>-->
328 
							</div>
329 
						</div>
330 
					#end
331 
					<h4>ADDRESS</h4>
332 
					<div class="row">
23076 ashik.ali 333 
						<div class="col-lg-6 form-group">
334 
							<p class="bold-details">Same as Retailer Address</p>
335 
						</div>
23044 ashik.ali 336 
						<div class="col-lg-4 form-group">
23076 ashik.ali 337 
							<input placeholder = "Same as Retailer Address" id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}" type="checkbox" value="true" >
338 
						</div>
339 
					</div>
340 
					<div class="row">
341 
						<div class="col-lg-4 form-group">
23044 ashik.ali 342 
							<p class="bold-details">NAME</p>
343 
						</div>
344 
						<div class="col-lg-6 form-group">
345 
							#if($shop.getAddress().getName())
346 
								<input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="$shop.getAddress().getName()" class="form-control input-sm">
347 
							#else
348 
								<input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="" class="form-control input-sm">
349 
							#end
350 
						</div>
351 
					</div>
352 
					<div class="row">
353 
						<div class="col-lg-4 form-group">
354 
							<p class="bold-details">LINE1</p>
355 
						</div>
356 
						<div class="col-lg-6 form-group">
357 
							#if($shop.getAddress().getLine1())
358 
								<input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="$shop.getAddress().getLine1()" class="form-control input-sm">
359 
							#else
360 
								<input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="" class="form-control input-sm">
361 
							#end
362 
						</div>
363 
					</div>
364 
					<div class="row">
365 
						<div class="col-lg-4 form-group">
366 
							<p class="bold-details">LINE2</p>
367 
						</div>
368 
						<div class="col-lg-6 form-group">
369 
							#if($shop.getAddress().getLine2())
370 
								<input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="$shop.getAddress().getLine2()" class="form-control input-sm">
371 
							#else
372 
								<input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="" class="form-control input-sm">
373 
							#end
374 
						</div>
375 
					</div>
376 
 
377 
					<div class="row">
378 
						<div class="col-lg-4 form-group">
379 
							<p class="bold-details">CITY</p>
380 
						</div>
381 
						<div class="col-lg-6 form-group">
382 
							#if($shop.getAddress().getCity())
383 
								<input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="$shop.getAddress().getCity()" class="form-control input-sm">
384 
							#else
385 
								<input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="" class="form-control input-sm">
386 
							#end
387 
						</div>
388 
					</div>
389 
 
390 
					<div class="row">
391 
						<div class="col-lg-4 form-group">
392 
							<p class="bold-details">PIN CODE</p>
393 
						</div>
394 
						<div class="col-lg-6 form-group">
395 
							#if($shop.getAddress().getPinCode())
396 
								<input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="$shop.getAddress().getPinCode()" class="form-control input-sm">
397 
							#else
398 
								<input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="" class="form-control input-sm">
399 
							#end
400 
						</div>
401 
					</div>
402 
 
403 
					<div class="row">
404 
						<div class="col-lg-4 form-group">
405 
							<p class="bold-details">STATE</p>
406 
						</div>
407 
						<div class="col-lg-6 form-group">
408 
							#if($shop.getAddress().getState())
409 
								<input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="$shop.getAddress().getState()" class="form-control input-sm">
410 
							#else
411 
								<input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="" class="form-control input-sm">
412 
							#end
413 
						</div>
414 
					</div>
415 
					#set($a = $a + 1)
416 
			#end
22982 ashik.ali 417 
		#end
418 
		<div id="shopDetailsSize" size="$a">
419 
		</div>
420 
	</div>
23026 ashik.ali 421 
	<div class="row">
23076 ashik.ali 422 
		<div class="col-md-2 col-md-offset-5">
23026 ashik.ali 423 
			<button id="updateDetails" class="btn btn-primary" type="submit">Update Details</button>
424 
		</div>
425 
	</div>
426 
	</form>
22982 ashik.ali 427 
</div>
428 
 
429 
</section>
23026 ashik.ali 430 
<script type="text/javascript" src="${rc.contextPath}/resources/js/retailer-details.js"></script>