Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
28474 tejbeer 1
 
2
<script src="https://cdn.datatables.net/plug-ins/1.10.19/api/sum().js"></script>
3
 
4
 
5
 
28005 tejbeer 6
<div class="row">
7
 
8
 
28474 tejbeer 9
	#if(!$inStocksMap.isEmpty())
10
	<div class="col-lg-8">
28005 tejbeer 11
		<table
12
			class="table table-striped table-advance table-hover partner-planning-details">
13
			<thead>
28474 tejbeer 14
 
28005 tejbeer 15
				<tr>
28474 tejbeer 16
					<th rowspan="3">Warehouse</th>
17
					<th rowspan="3">Category</th>
18
					<th rowspan="3">Partner Name</th> #foreach($catalog in
19
					$catalogItemMap.entrySet())
28477 tejbeer 20
					<th colspan="3">WOD : <span class="wod"></span>, TS:<span
21
						class="ts"></span>, WOS: <span class="wos"></span>
28474 tejbeer 22
					</th> #end
23
					<th rowspan="3">PO</th>
24
					<th rowspan="3">last Po Entry</th>
25
 
26
				</tr>
27
 
28
				<tr>
29
					#foreach($catalog in $catalogItemMap.entrySet())
30
					<th colspan="3">$catalog.getValue().get(0).getBrand()
31
						$catalog.getValue().get(0).getModelName()
32
						$catalog.getValue().get(0).getModelNumber()</th> #end
33
 
34
 
35
				</tr>
36
				<tr>
37
					#foreach($catalog in $catalogItemMap.entrySet())
28005 tejbeer 38
					<th>Stock</th>
39
					<th>Sale</th>
28474 tejbeer 40
					<th>SD Stock</th> #end
28005 tejbeer 41
 
42
				</tr>
28474 tejbeer 43
 
44
 
45
 
28005 tejbeer 46
			</thead>
47
			<tbody>
28474 tejbeer 48
				#foreach($keyvalue in $customRetailers.entrySet())
28005 tejbeer 49
				<tr>
28020 tejbeer 50
					<td>$warehouseMap.get($keyvalue.getValue().getWarehouseId())</td>
28053 tejbeer 51
					<td>$fofoIdPartnerTypeMap.get($keyvalue.getKey())</td>
52
 
28005 tejbeer 53
					<td>$customRetailers.get($keyvalue.getKey()).getBusinessName()</td>
28474 tejbeer 54
 
55
					#foreach($catalog in $catalogItemMap.entrySet())
56
					#if($inStocksMap.get($keyvalue.getKey()).get($catalog.getKey()))
57
					<td class="instockItem" data-fofoid="$keyvalue.getKey()"
28486 tejbeer 58
						data-catalogid="$catalog.getKey()" data-toggle="modal"
59
						data-target="#inStockQtyModel">$inStocksMap.get($keyvalue.getKey()).get($catalog.getKey())</td>
28474 tejbeer 60
					#else
61
					<td>0</td> #end
62
					#if($fofoSalesMap.get($keyvalue.getKey()).get($catalog.getKey()))
63
 
28032 tejbeer 64
					<td class="inSaleItem"
65
						data-fofoid="$keyvalue.getValue().getFofoId()" data-toggle="modal"
28474 tejbeer 66
						data-target="#inSaleItemModel">$fofoSalesMap.get($keyvalue.getKey()).get($catalog.getKey())</td>
28032 tejbeer 67
					#else
28005 tejbeer 68
					<td>0</td> #end
28474 tejbeer 69
					#if($warehouseStockMap.get($keyvalue.getValue().getWarehouseId()).get($catalog.getKey()))
70
 
28053 tejbeer 71
					<td class="warehouseStockItem"
72
						data-warehouseid="$keyvalue.getValue().getWarehouseId()"
73
						data-catalogid="$keyvalue.getValue().getWarehouseId()"
28474 tejbeer 74
						data-toggle="modal" data-target="#warehouseStockItemModel">$warehouseStockMap.get($keyvalue.getValue().getWarehouseId()).get($catalog.getKey())</td>
28053 tejbeer 75
					#else
28474 tejbeer 76
					<td>0</td> #end #end
28085 tejbeer 77
					<td><a class="selctItemQty" data-toggle="modal"
28474 tejbeer 78
						data-fofoid="$keyvalue.getKey()" data-target="#selectModelItems">
79
							Add to po </a></td> #if($suggestedPoEntry.get($keyvalue))
28053 tejbeer 80
 
28474 tejbeer 81
					<td><a class="podetails" data-fofoid="$keyvalue.getKey()"
82
						data-datetime="$suggestedPoEntry.get($keyvalue.getKey())"
83
						data-toggle="modal" data-target="#ItemsPo">$suggestedPoEntry.get($keyvalue.getKey()).format($dateTimeFormatter)</a></td>
28085 tejbeer 84
					#else
85
					<td></td> #end
28053 tejbeer 86
 
28005 tejbeer 87
				</tr>
88
				#end
89
 
90
			</tbody>
91
		</table>
92
	</div>
93
	#else
94
 
95
	<div class="col-lg-6">
96
		<table
97
			class="table table-striped table-advance table-hover partner-planning-details">
98
			<thead>
99
				<tr>
28020 tejbeer 100
					<th>Warehouse</th>
28053 tejbeer 101
					<th>Category</th>
28005 tejbeer 102
					<th>Partner Name</th>
103
					<th>Item</th>
104
					<th>Stock</th>
105
					<th>Sale</th>
28053 tejbeer 106
					<th>Warehouse Stock</th>
28085 tejbeer 107
					<th>PO</th>
108
					<th>last Po Entry</th>
28005 tejbeer 109
 
28085 tejbeer 110
 
111
 
28005 tejbeer 112
				</tr>
113
			</thead>
114
			<tbody>
115
				#foreach($keyvalue in $inStockItemMap.entrySet())
116
				<tr>
28020 tejbeer 117
					<td>$warehouseMap.get($keyvalue.getValue().getWarehouseId())</td>
28053 tejbeer 118
					<td>$fofoIdPartnerTypeMap.get($keyvalue.getKey().getFofoId())</td>
28020 tejbeer 119
 
28005 tejbeer 120
					<td>$customRetailers.get($keyvalue.getKey().getFofoId()).getBusinessName()</td>
121
					<td>$keyvalue.getValue().getBrand()
122
						$keyvalue.getValue().getModelName()
123
						$keyvalue.getValue().getModelNumber()</td>
124
					<td>$keyvalue.getValue().getQty()</td>
125
					#if($fofoSaleItem.get($keyvalue.getKey()))
126
					<td>$fofoSaleItem.get($keyvalue.getKey()).getQty()</td> #else
127
					<td>0</td> #end
28053 tejbeer 128
 
129
 
130
					<td>$keyvalue.getValue().getWarehouseQty()</td>
28085 tejbeer 131
					<td><a class="selctItemQty" data-toggle="modal"
132
						data-fofoid="$keyvalue.getValue().getFofoId()"
133
						data-target="#selectModelItems"> Add to po </a></td>
134
					#if($suggestedPoEntry.get($keyvalue.getKey().getFofoId()))
28053 tejbeer 135
 
28085 tejbeer 136
					<td><a class="podetails"
137
						data-fofoid="$keyvalue.getKey().getFofoId()" data-toggle="modal"
138
						data-target="#ItemsPo"
139
						data-datetime="$suggestedPoEntry.get($keyvalue.getValue().getFofoId())">
140
							$suggestedPoEntry.get($keyvalue.getKey().getFofoId()).format($dateTimeFormatter)
141
					</a></td> #else
142
					<td></td> #end
143
 
28005 tejbeer 144
				</tr>
145
				#end
146
 
147
			</tbody>
148
		</table>
149
	</div>
150
 
151
	#end
152
</div>
153
 
154
 
28032 tejbeer 155
<div id="inStockItemModel" class="modal" role="dialog">
156
	<div class="modal-dialog">
157
		<div class="modal-content"></div>
158
	</div>
159
</div>
160
 
28486 tejbeer 161
<div id="inStockQtyModel" class="modal" role="dialog">
162
	<div class="modal-dialog">
163
		<div class="modal-content"></div>
164
	</div>
165
</div>
28032 tejbeer 166
 
167
<div id="inSaleItemModel" class="modal" role="dialog">
168
	<div class="modal-dialog">
169
		<div class="modal-content"></div>
170
	</div>
171
</div>
28053 tejbeer 172
 
173
<div id="warehouseStockItemModel" class="modal" role="dialog">
174
	<div class="modal-dialog">
175
		<div class="modal-content"></div>
176
	</div>
177
</div>
28085 tejbeer 178
 
179
 
180
<div id="selectModelItems" class="modal" role="dialog">
181
	<div class="modal-dialog">
182
		<div class="modal-content"></div>
183
	</div>
184
</div>
185
 
186
<div id="ItemsPo" class="modal" role="dialog">
187
	<div class="modal-dialog">
188
		<div class="modal-content"></div>
189
	</div>
190
</div>
28005 tejbeer 191
<script type="text/javascript">
28474 tejbeer 192
	var table
28020 tejbeer 193
 
28474 tejbeer 194
	$(document).ready(function() {
28020 tejbeer 195
 
28474 tejbeer 196
		table = $('.partner-planning-details').DataTable({
28020 tejbeer 197
 
28474 tejbeer 198
			"lengthMenu" : [ 10, 25, 50, 75, 100, 250 ],
199
			"pageLength" : 250,
200
			"orderCellsTop" : true,
201
			"fixedHeader" : true
202
		});
28032 tejbeer 203
 
28474 tejbeer 204
		datatableSum()
205
 
206
		table.on('search.dt', function() {
207
			console.log('Currently applied global search: ' + table.search());
208
 
209
			datatableSum();
210
 
211
		});
212
	});
213
 
214
	function datatableSum() {
215
		let wod = [];
216
		let wos = [];
28477 tejbeer 217
		let sos = []
28474 tejbeer 218
		table.rows({
219
			"search" : "applied"
220
		}).every(function() {
221
			var data = this.data();
222
			for (let i = 3; i < data.length - 2; i = i + 3) {
223
				j = i / 3
224
				if (wod[j] == undefined) {
225
					wod[j] = 0;
226
				}
227
				if (parseInt(data[i]) > 0) {
228
					wod[j]++;
229
				}
28477 tejbeer 230
 
231
				if (sos[j] == undefined) {
232
					sos[j] = parseInt(data[i]);
233
				} else {
234
					sos[j] += parseInt(data[i]);
235
				}
28474 tejbeer 236
			}
237
 
28476 tejbeer 238
			for (let h = 4; h < data.length - 2; h = h + 3) {
239
				g = Math.floor(h / 3)
28486 tejbeer 240
 
28474 tejbeer 241
				if (wos[g] == undefined) {
28486 tejbeer 242
					wos[g] = 0;
28474 tejbeer 243
				}
28486 tejbeer 244
				if (parseInt(data[h]) > 0) {
245
					wos[g]++;
246
				}
247
 
28474 tejbeer 248
			}
249
 
250
		});
251
 
252
		console.log(wod);
253
		console.log(wos);
28477 tejbeer 254
		console.log(sos);
28474 tejbeer 255
		for (let m = 3; m < wod.length + 2; m++) {
256
			let indexNum = m + 1;
257
			var stockHeader = $(`.partner-planning-details thead tr th:nth-child(${indexNum})`)
258
			stockHeader.find('.wod').html(wod[m - 2])
28477 tejbeer 259
			stockHeader.find('.ts').html(sos[m - 2])
28474 tejbeer 260
		}
261
 
262
		for (let l = 3; l < wos.length + 2; l++) {
263
			let indexNum = l + 1;
264
			console.log(indexNum)
265
			var stockHeader = $(`.partner-planning-details thead tr th:nth-child(${indexNum})`)
266
			stockHeader.find('.wos').html(wos[l - 2])
267
		}
268
 
269
	}
270
 
28486 tejbeer 271
	/*$('.partner-planning-details').on(
28032 tejbeer 272
			'click',
273
			'.instockItem',
274
			function() {
275
				var fofoId = $(this).data('fofoid');
276
				var catalogIds = $('.criteria-item-catalogids').val();
277
				console.log(catalogIds);
278
 
279
				doGetAjaxRequestHandler(context
280
						+ "/getInStockItembyFofoId?fofoId=" + fofoId
281
						+ "&catalogItemIds=" + catalogIds, function(response) {
282
					console.log(response)
283
					$('#inStockItemModel .modal-content').html(response);
284
 
285
				});
28486 tejbeer 286
			});*/
287
 
288
	$('.partner-planning-details').on(
289
			'click',
290
			'.instockItem',
291
			function() {
292
				var fofoId = $(this).data('fofoid');
293
				var catalogId = $(this).data('catalogid');
294
				console.log(catalogId);
295
 
296
				doGetAjaxRequestHandler(context + "/getInStockItemQty?fofoId="
297
						+ fofoId + "&catalogItemId=" + catalogId, function(
298
						response) {
299
					console.log(response)
300
					$('#inStockQtyModel .modal-content').html(response);
301
 
302
				});
28032 tejbeer 303
			});
304
 
305
	$('.partner-planning-details').on(
306
			'click',
307
			'.inSaleItem',
308
			function() {
28057 tejbeer 309
				var fofoId = $(this).data('fofoid');
28032 tejbeer 310
				var catalogIds = $('.criteria-item-catalogids').val();
311
				console.log(catalogIds);
312
 
313
				doGetAjaxRequestHandler(context
314
						+ "/getSaleItembyCatalogFofoId?fofoId=" + fofoId
315
						+ "&catalogItemIds=" + catalogIds + "&date="
316
						+ startDate, function(response) {
317
					console.log(response)
318
					$('#inSaleItemModel .modal-content').html(response);
319
 
320
				});
321
			});
28053 tejbeer 322
 
323
	$('.partner-planning-details').on(
324
			'click',
325
			'.warehouseStockItem',
326
			function() {
327
				var warehouseId = $(this).data('warehouseid');
328
				var catalogIds = $('.criteria-item-catalogids').val();
329
				console.log(catalogIds);
330
 
331
				doGetAjaxRequestHandler(context
332
						+ "/getWarehouseStockItem?warehouseId=" + warehouseId
333
						+ "&catalogItemIds=" + catalogIds,
334
						function(response) {
335
							console.log(response)
336
							$('#warehouseStockItemModel .modal-content').html(
337
									response);
338
 
339
						});
340
			});
28085 tejbeer 341
 
342
	$('.partner-planning-details').on(
343
			'click',
344
			'.selctItemQty',
345
			function() {
346
				var catalogIds = $('.criteria-item-catalogids').val();
347
				console.log(catalogIds);
348
				var fofoId = $(this).data('fofoid');
349
 
350
				doGetAjaxRequestHandler(context
351
						+ "/selectItemColorByCatalog?catalogIds=" + catalogIds
352
 
353
						+ "&fofoId=" + fofoId, function(response) {
354
					console.log(response)
355
					$('#selectModelItems .modal-content').html(response);
356
 
357
				});
358
			});
359
 
360
	$(document).on(
361
			"click",
362
			".submit-item-po",
363
			function(e) {
364
				var seletedIds;
365
				var jsonObject = {};
366
				var seletedIdsJson = [];
367
				var fofoId = $(this).data('fofoid');
368
 
369
				$('#select-item').find('tr').each(function() {
370
					var row = $(this);
371
 
372
					console.log(row);
373
					if (row.find('input[type="checkbox"]').is(':checked')) {
374
						var currentRow = $(this).closest("tr");
375
 
376
						var itemId = currentRow.find("td:eq(1)").html();
377
						var name = currentRow.find("td:eq(2)").html();
378
						var quantity = currentRow.find("td:eq(3) input").val();
379
						console.log(quantity)
380
						if (quantity == "") {
381
							alert("Select the Quantity");
382
							return false;
383
 
384
						}
385
 
386
						seletedIds = {
387
							"itemId" : itemId,
388
							"qty" : quantity
389
						}
390
						seletedIdsJson.push(seletedIds)
391
 
392
					}
393
 
394
				});
395
 
396
				console.log(fofoId)
397
				if (fofoId == null) {
398
					alert("fofoId is required");
399
					return false;
400
				}
401
				if (seletedIdsJson.length === 0) {
402
					alert("Atleast one Item selected");
403
					return false;
404
				}
405
				console.log(seletedIdsJson);
406
 
407
				jsonObject['poIds'] = seletedIdsJson;
408
				jsonObject['fofoId'] = fofoId;
409
				console.log(jsonObject)
410
				if (confirm("Are you sure you want to create po") == true) {
411
 
412
					doPostAjaxRequestWithJsonHandler(context + "/createPo",
413
							JSON.stringify(jsonObject), function(response) {
414
								if (response == 'true') {
415
									alert("successfully create");
416
 
417
									$("#selectModelItems").modal("hide");
418
									$("button.search-partner-stock").click();
419
								}
420
							});
421
				}
422
 
423
			});
424
 
425
	$('.partner-planning-details').on(
426
			'click',
427
			'.podetails',
428
			function() {
429
				var fofoId = $(this).data('fofoid');
430
				var datetime = $(this).data('datetime');
431
 
432
				doGetAjaxRequestHandler(context
433
						+ "/getSuggestedPoDetail?fofoId=" + fofoId
434
						+ "&datetime=" + datetime, function(response) {
435
					console.log(response)
436
					$('#ItemsPo .modal-content').html(response);
437
 
438
				});
439
			});
28005 tejbeer 440
</script>