Subversion Repositories SmartDukaan

Rev

Rev 23076 | Rev 23331 | 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())
23080 ashik.ali 199
			<div id="new-shops">
200
				<h4>SHOP</h4>
22982 ashik.ali 201
				<div class="row">
202
					<div class="col-lg-4">
203
						<p class="bold-details">ID</p>
204
					</div>
23044 ashik.ali 205
					<div class="col-lg-6" id="0">
23052 ashik.ali 206
						<p class="normal-details">0</p>
22982 ashik.ali 207
					</div>
208
				</div>
209
				<div class="row">
23026 ashik.ali 210
					<div class="col-lg-4 form-group">
22982 ashik.ali 211
						<p class="bold-details">NAME</p>
212
					</div>
23026 ashik.ali 213
					<div class="col-lg-6 form-group">
23044 ashik.ali 214
						<input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="0" type="text" value="" class="form-control input-sm">
22982 ashik.ali 215
					</div>
216
				</div>
23044 ashik.ali 217
				<div class="row">
218
					<div class="col-lg-4">
219
						<p class="bold-details">DOCUMENT</p>
22982 ashik.ali 220
					</div>
23044 ashik.ali 221
					<div class="col-lg-3">
222
						<label class="btn btn-file">
223
    						Browse<input type="file" shopId = "0" id="retailerShopDocument${a}" name="retailerShopDocument" style="display:none">
224
						</label>
225
					</div>
226
					<div class="col-lg-3">
227
						<!--<button id="updateRetailerShopDocument${a}" class="btn btn-primary" onclick="updateRetailerShopDocument('updateRetailerShopDocument${a}')">Update</button>-->
228
					</div>
229
				</div>
22982 ashik.ali 230
				<h4>ADDRESS</h4>
231
				<div class="row">
23076 ashik.ali 232
					<div class="col-lg-6 form-group">
233
						<p class="bold-details">Same as Retailer Address</p>
234
					</div>
23026 ashik.ali 235
					<div class="col-lg-4 form-group">
23080 ashik.ali 236
						<input placeholder = "Same as Retailer Address" id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}" type="checkbox" value="false">
23076 ashik.ali 237
					</div>
238
				</div>
23080 ashik.ali 239
				<div id="new-shops-address">
240
					<div class="row">
241
						<div class="col-lg-4 form-group">
242
							<p class="bold-details">NAME</p>
243
						</div>
244
						<div class="col-lg-6 form-group">
245
							<input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="" class="form-control input-sm">
246
						</div>
22982 ashik.ali 247
					</div>
23080 ashik.ali 248
					<div class="row">
249
						<div class="col-lg-4 form-group">
250
							<p class="bold-details">LINE1</p>
251
						</div>
252
						<div class="col-lg-6 form-group">
253
							<input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="" class="form-control input-sm">
254
						</div>
22982 ashik.ali 255
					</div>
23080 ashik.ali 256
					<div class="row">
257
						<div class="col-lg-4 form-group">
258
							<p class="bold-details">LINE2</p>
259
						</div>
260
						<div class="col-lg-6 form-group">
261
							<input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="" class="form-control input-sm">						
262
						</div>
22982 ashik.ali 263
					</div>
23080 ashik.ali 264
 
265
					<div class="row">
266
						<div class="col-lg-4 form-group">
267
							<p class="bold-details">CITY</p>
268
						</div>
269
						<div class="col-lg-6 form-group">
270
							<input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="" class="form-control input-sm">
271
						</div>
22982 ashik.ali 272
					</div>
23080 ashik.ali 273
 
274
					<div class="row">
275
						<div class="col-lg-4 form-group">
276
							<p class="bold-details">PIN CODE</p>
277
						</div>
278
						<div class="col-lg-6 form-group">
279
							<input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="" class="form-control input-sm">
280
						</div>
23044 ashik.ali 281
					</div>
23080 ashik.ali 282
 
283
					<div class="row">
284
						<div class="col-lg-4 form-group">
285
							<p class="bold-details">STATE</p>
286
						</div>
287
						<div class="col-lg-6 form-group">
288
							<input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="" class="form-control input-sm">
289
						</div>
23044 ashik.ali 290
					</div>
291
				</div>
23026 ashik.ali 292
				#set($a = $a + 1)
23080 ashik.ali 293
			</div>
23044 ashik.ali 294
		#else
23080 ashik.ali 295
			<div id="existing-shops">
296
				#foreach($shop in $shops)
23044 ashik.ali 297
 
298
					<h4>SHOP</h4>
299
					<div class="row">
300
						<div class="col-lg-4">
301
							<p class="bold-details">ID</p>
302
						</div>
303
						<div class="col-lg-6" id="$shop.getId()">
304
							<p class="normal-details">$shop.getId()</p>
305
						</div>
306
					</div>
307
					<div class="row">
308
						<div class="col-lg-4 form-group">
309
							<p class="bold-details">NAME</p>
310
						</div>
311
						<div class="col-lg-6 form-group">
312
							#if($shop.getName())
313
								<input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="$shop.getId()" type="text" value="$shop.getName()" class="form-control input-sm">
314
							#else
315
								<input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="$shop.getId()" type="text" value="" class="form-control input-sm">	
316
							#end	
317
						</div>
318
					</div>
319
					#if(!$shop.getDocumentId())
320
 
321
						<div class="row">
322
							<div class="col-lg-4">
323
								<p class="bold-details">DOCUMENT</p>
324
							</div>
325
							<div class="col-lg-3">
326
								<label class="btn btn-file">
327
		    						Browse<input type="file" shopId = "$shop.getId()" id="retailerShopDocument${a}" name="retailerShopDocument" style="display:none">
328
								</label>
329
							</div>
330
							<div class="col-lg-3">
331
								<!--<button id="updateRetailerShopDocument${a}" class="btn btn-primary" onclick="updateRetailerShopDocument('updateRetailerShopDocument${a}')">Update</button>-->
332
							</div>
333
						</div>
334
					#end
335
					<h4>ADDRESS</h4>
336
					<div class="row">
23076 ashik.ali 337
						<div class="col-lg-6 form-group">
338
							<p class="bold-details">Same as Retailer Address</p>
339
						</div>
23044 ashik.ali 340
						<div class="col-lg-4 form-group">
23080 ashik.ali 341
							<input placeholder = "Same as Retailer Address" id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}" type="checkbox" value="false" >
23076 ashik.ali 342
						</div>
343
					</div>
344
					<div class="row">
345
						<div class="col-lg-4 form-group">
23044 ashik.ali 346
							<p class="bold-details">NAME</p>
347
						</div>
348
						<div class="col-lg-6 form-group">
349
							#if($shop.getAddress().getName())
350
								<input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="$shop.getAddress().getName()" class="form-control input-sm">
351
							#else
352
								<input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="" class="form-control input-sm">
353
							#end		
354
						</div>
355
					</div>
356
					<div class="row">
357
						<div class="col-lg-4 form-group">
358
							<p class="bold-details">LINE1</p>
359
						</div>
360
						<div class="col-lg-6 form-group">
361
							#if($shop.getAddress().getLine1())
362
								<input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="$shop.getAddress().getLine1()" class="form-control input-sm">
363
							#else
364
								<input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="" class="form-control input-sm">
365
							#end	
366
						</div>
367
					</div>
368
					<div class="row">
369
						<div class="col-lg-4 form-group">
370
							<p class="bold-details">LINE2</p>
371
						</div>
372
						<div class="col-lg-6 form-group">
373
							#if($shop.getAddress().getLine2())
374
								<input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="$shop.getAddress().getLine2()" class="form-control input-sm">						
375
							#else
376
								<input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="" class="form-control input-sm">
377
							#end	
378
						</div>
379
					</div>
380
 
381
					<div class="row">
382
						<div class="col-lg-4 form-group">
383
							<p class="bold-details">CITY</p>
384
						</div>
385
						<div class="col-lg-6 form-group">
386
							#if($shop.getAddress().getCity())
387
								<input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="$shop.getAddress().getCity()" class="form-control input-sm">
388
							#else
389
								<input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="" class="form-control input-sm">	
390
							#end
391
						</div>
392
					</div>
393
 
394
					<div class="row">
395
						<div class="col-lg-4 form-group">
396
							<p class="bold-details">PIN CODE</p>
397
						</div>
398
						<div class="col-lg-6 form-group">
399
							#if($shop.getAddress().getPinCode())
400
								<input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="$shop.getAddress().getPinCode()" class="form-control input-sm">
401
							#else
402
								<input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="" class="form-control input-sm">	
403
							#end	
404
						</div>
405
					</div>
406
 
407
					<div class="row">
408
						<div class="col-lg-4 form-group">
409
							<p class="bold-details">STATE</p>
410
						</div>
411
						<div class="col-lg-6 form-group">
412
							#if($shop.getAddress().getState())
413
								<input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="$shop.getAddress().getState()" class="form-control input-sm">
414
							#else
415
								<input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="" class="form-control input-sm">	
416
							#end	
417
						</div>
418
					</div>
419
					#set($a = $a + 1)
23080 ashik.ali 420
				#end
421
			</div>
22982 ashik.ali 422
		#end
423
		<div id="shopDetailsSize" size="$a">
424
		</div>	
425
	</div>
23026 ashik.ali 426
	<div class="row">
23076 ashik.ali 427
		<div class="col-md-2 col-md-offset-5">
23026 ashik.ali 428
			<button id="updateDetails" class="btn btn-primary" type="submit">Update Details</button>
429
		</div>
430
	</div>
431
	</form>
22982 ashik.ali 432
</div>
433
 
434
</section>
23026 ashik.ali 435
<script type="text/javascript" src="${rc.contextPath}/resources/js/retailer-details.js"></script>