Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
26418 tejbeer 1
<section>
2
 
3
 
26475 amit.gupta 4
<!--<style>
26418 tejbeer 5
	.table-striped > tbody > tr:nth-child(odd) > td{
6
  		background: white;
7
  		background-color: white;
8
	}
9
	.table-striped > tbody > tr:nth-child(even) > td{
10
  		background: white;
11
  		background-color:white;
12
	}
13
	.table-striped > tbody > tr:hover > td,
14
	.table-striped > tbody > tr:hover {
15
		background-color: #e98c8f;
16
	  	color:white;
17
	}
18
	.btn:hover{
19
  		color: grey;
20
  		text-decoration: none;
21
	}
22
	.btn-primary:hover{
23
  		color: grey;
24
  		text-decoration: none;
25
	}
26
	.sale-details{
27
		cursor:pointer;
28
	}
27549 tejbeer 29
 
30
	thead input {
31
        width: 50%;
32
    }
26475 amit.gupta 33
</style>-->
26418 tejbeer 34
 
35
<section class="wrapper">
36
	<div class="row">
37
		<div class="col-lg-12">
38
			<h3 class="page-header"><i class="icon_document_alt"></i>Details</h3>
39
			<ol class="breadcrumb">
40
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
27903 tejbeer 41
				<li><i class="icon_document_alt"></i>Partner Franchise Detail</li>					  	
26418 tejbeer 42
			</ol>
43
		</div>
44
	</div>
29162 manish 45
 
46
 
31154 tejbeer 47
<div class="row" >
48
 
31155 tejbeer 49
      <div class="row col-lg-4">
29162 manish 50
	       	<canvas id="chart-partnerType" style="width:auto"></canvas>
31154 tejbeer 51
	       </div>
52
 
53
 
54
 
31155 tejbeer 55
	    <div class = "row col-lg-6">
31154 tejbeer 56
 
57
        <div class="form-group col-lg-3">
58
            <label>Partner Type</label>
31157 tejbeer 59
            <select multiple class="criteria-partnertype chosen-select">
31154 tejbeer 60
                #foreach ($partnerType in $partnerTypes)
61
                <option value="$partnerType">$partnerType</option>
62
                #end
63
                      <option value="GREY">GREY</option>
64
 
65
            </select>
66
        </div>
67
 
68
       <div class="form-group col-lg-2" style="margin-top:20px">
69
 
70
            <input type="button" class="btn btn-default fileterRowsOnPartnerType"
71
                   value="submit">
72
        </div>
73
 
74
        </div>
29162 manish 75
</div>
26418 tejbeer 76
 
77
 
78
<div class="row">
79
 
27549 tejbeer 80
				<div class="col-lg-12">
81
				 <table id="authretailerstats" class="table table-striped table-advance table-hover" style="width:100%">
26477 amit.gupta 82
				 <thead>
26418 tejbeer 83
	    				<tr>
27545 tejbeer 84
	    				<th>Stores</th>
29028 tejbeer 85
	    				<th>Code</th>
27548 tejbeer 86
	    				<th>Category</th>
87
	    				<th>Manager</th>
27661 tejbeer 88
	    			    <th>LMS</th>
89
	    				<th>LMTD</th>
90
	    				<th>MTD</th>
91
	    				<th>Sale Diff</th>
27903 tejbeer 92
	    				<th>LM.S</th>
93
	    				<th>LMTD.S</th>
94
	    				<th>MTD.S</th>
31154 tejbeer 95
	       			    <th>Unbilled Activated Stock</th>
27545 tejbeer 96
	    			    <th>Wallet Amount</th>
27894 tejbeer 97
	    				<th>In Stock Invest</th>
98
	    				<th>Total Invest</th>
99
	    				<th>Short Invest</th>
27661 tejbeer 100
	    			    <th>Pending Indent</th>
27545 tejbeer 101
	    				<th>Today Tertiary</th>
27903 tejbeer 102
	    				<th>Invest ok</th>
26418 tejbeer 103
	    				<th>Ticket</th>
104
	    				</tr>
26477 amit.gupta 105
				 </thead>
106
	    			<tbody>
26418 tejbeer 107
	    			    #foreach($name in $fofoIdAndallValues.keySet())
108
	    				<tr>
27548 tejbeer 109
	    	 		     <td>$fofoIdAndPartnerMap.get($name).getBusinessName()  ($fofoIdAndPartnerMap.get($name).getAddress().getCity())</td>
29028 tejbeer 110
	    	 		     <td>$fofoIdAndPartnerMap.get($name).getCode()</td>
27548 tejbeer 111
	    	 		     <td>$fofoIdAndallValues.get($name).getPartnerType()</td>
27545 tejbeer 112
	    	 		     <td>$fofoIdAndallValues.get($name).getAuthUser()</td>
27660 tejbeer 113
	    	 		     <td class="currency lmsSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#brandLMSSale">$fofoIdAndallValues.get($name).getLms()</td>    
27637 tejbeer 114
	    	 		     <td class="currency  lmtdSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#brandLMtdSale">$fofoIdAndallValues.get($name).getLmtd()</td>
29103 tejbeer 115
 
116
	    	 		     #if($fofoIdAndallValues.get($name).getMtd() <= 0 )
117
	    	 		     <td class="currency mtdSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#brandMtdSale" style="color:red">$fofoIdAndallValues.get($name).getMtd()</td>
118
	    	 		    #else
27636 tejbeer 119
	    	 		     <td class="currency mtdSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#brandMtdSale">$fofoIdAndallValues.get($name).getMtd()</td>
29103 tejbeer 120
	    	 		    #end
27893 tejbeer 121
 
29103 tejbeer 122
	    	 		     #if($fofoIdAndallValues.get($name).getSaleDiff() <= 0 )
123
	    	 		     <td class="currency" style="color:red">$fofoIdAndallValues.get($name).getSaleDiff()</td>
124
	    	 		     #else
125
	    	 		       <td class="currency">$fofoIdAndallValues.get($name).getSaleDiff()</td>
126
	    	 		  #end
27894 tejbeer 127
 
27893 tejbeer 128
	    	 		     <td class="currency lmsSecSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#brandSecSale">$fofoIdAndallValues.get($name).getSecondarylms()</td>    
129
	    	 		     <td class="currency  lmtdSecSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#brandSecSale">$fofoIdAndallValues.get($name).getSecondarylmtd()</td>
29103 tejbeer 130
	    	 		   #if($fofoIdAndallValues.get($name).getSecondarymtd() <= 0)
27893 tejbeer 131
 
29103 tejbeer 132
	    	 		     <td class="currency mtdSecSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#brandSecSale" style="color:red">$fofoIdAndallValues.get($name).getSecondarymtd()</td>
133
	    	 		   #else
134
	    	 		    <td class="currency mtdSecSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#brandSecSale">$fofoIdAndallValues.get($name).getSecondarymtd()</td>
135
	    	 		   #end
136
	    	 		   #if($fofoIdAndallValues.get($name).getInvestment().getActivatedStockAmount() > 20000)
137
	    	 		      <td class="currency" id="activatedStock" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#activateStock" style="color:red">$fofoIdAndallValues.get($name).getInvestment().getActivatedStockAmount()</td> 
138
	    	 		  #else
27661 tejbeer 139
	    	 		     <td class="currency" id="activatedStock" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#activateStock">$fofoIdAndallValues.get($name).getInvestment().getActivatedStockAmount()</td> 
29103 tejbeer 140
	    	 		    #end
29143 tejbeer 141
	    	 		     #if($fofoIdAndallValues.get($name).getWalletAmount() > 50000)
29103 tejbeer 142
	    	 		     <td class="currency" style="color:red">$fofoIdAndallValues.get($name).getWalletAmount()</td>
143
	    	 		     #else
27545 tejbeer 144
	    	 		     <td class="currency">$fofoIdAndallValues.get($name).getWalletAmount()</td>
29103 tejbeer 145
	    	 		     #end
27640 tejbeer 146
	    	 		     <td class="currency instock" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#inStockItem" >$fofoIdAndallValues.get($name).getInvestment().getInStockAmount()</td>
29103 tejbeer 147
 
148
 
29242 tejbeer 149
	    	 		     <td class="currency"  id="investment" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#partnerInvestment" >$fofoIdAndallValues.get($name).getInvestment().getTotalInvestment()</td>
150
 
151
		    	 		  	#set($realInvestment = $fofoIdAndallValues.get($name).getInvestment().getTotalInvestment() + $fofoIdAndallValues.get($name).getInvestment().getShortInvestment() )	
152
 
153
 
154
		    	 		    #set($realpercent = ($fofoIdAndallValues.get($name).getInvestment().getTotalInvestment() / $realInvestment)*100)
155
 
156
 
29103 tejbeer 157
 
158
 
29242 tejbeer 159
	    	 		      #if($realpercent < 75)
160
	    	 		     <td class="currency" style="color:red">$fofoIdAndallValues.get($name).getInvestment().getShortInvestment()</td>  
161
	    	 		     #else
162
	    	 		      <td class="currency">$fofoIdAndallValues.get($name).getInvestment().getShortInvestment()</td>  
163
 
164
	    	 		     #end 
27586 tejbeer 165
	    	 		     <td class="currency" id="indent"  data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#itemWiseIndent">$fofoIdAndallValues.get($name).getInvestment().getUnbilledAmount()</td>
27579 tejbeer 166
		                 <td class="tertiary"  data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#itemWiseTertiary">$fofoIdAndallValues.get($name).getTodayTertiary()</td>
27903 tejbeer 167
		                 <td>$fofoIdAndallValues.get($name).getInvestment_ok()</td>  
27660 tejbeer 168
		                 <td class="openticket" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal" data-target="#openTicketModel">$fofoIdAndallValues.get($name).getTicket()</td>
26418 tejbeer 169
	    				</tr>
27579 tejbeer 170
	    				#end
26418 tejbeer 171
	    		    </tbody>
172
	    		</table>
173
						</div>
174
 
175
 
176
			</div>
27579 tejbeer 177
 
178
 
179
 <div id="itemWiseTertiary" class="modal" role="dialog">
180
	  <div class="modal-dialog">
181
	    <div class="modal-content">
182
 
183
    </div>
184
   </div>
185
 </div>
27586 tejbeer 186
 
187
 
188
  <div id="itemWiseIndent" class="modal" role="dialog">
189
	  <div class="modal-dialog">
190
	    <div class="modal-content">
191
 
192
    </div>
193
   </div>
194
 </div>
27636 tejbeer 195
 
27640 tejbeer 196
<div id="inStockItem" class="modal" role="dialog">
197
	  <div class="modal-dialog">
198
	    <div class="modal-content">
199
 
200
    </div>
201
   </div>
202
 </div>
26418 tejbeer 203
 
27636 tejbeer 204
 
205
  <div id="partnerInvestment" class="modal" role="dialog">
206
	  <div class="modal-dialog">
207
	    <div class="modal-content">
208
 
209
    </div>
210
   </div>
211
 </div>		
212
 
213
 
214
 
215
  <div id="activateStock" class="modal" role="dialog">
216
	  <div class="modal-dialog">
27660 tejbeer 217
	    <div class="modal-content">
27636 tejbeer 218
 
219
    </div>
220
   </div>
221
 </div>	
222
 
223
   <div id="brandMtdSale" class="modal" role="dialog">
224
	  <div class="modal-dialog">
225
	    <div class="modal-content">
226
 
227
    </div>
228
   </div>
229
 </div>	
27637 tejbeer 230
 
231
  <div id="brandLMtdSale" class="modal" role="dialog">
232
	  <div class="modal-dialog">
233
	    <div class="modal-content">
234
 
235
    </div>
236
   </div>
237
 </div>	
27660 tejbeer 238
 
239
   <div id="brandLMSSale" class="modal" role="dialog">
240
	  <div class="modal-dialog">
241
	    <div class="modal-content">
242
 
243
    </div>
244
   </div>
245
 </div>	
246
 
247
   <div id="openTicketModel" class="modal" role="dialog">
248
	  <div class="modal-dialog">
249
	    <div class="modal-content">
250
 
251
    </div>
252
   </div>
253
 </div>	
254
 
27893 tejbeer 255
    <div id="brandSecSale" class="modal" role="dialog">
256
	  <div class="modal-dialog">
257
	    <div class="modal-content">
258
 
259
    </div>
260
   </div>
261
 </div>	
26475 amit.gupta 262
</section>
29162 manish 263
 
264
 <style>
265
                    canvas {
266
        -moz-user-select: none;
267
        -webkit-user-select: none;
268
        -ms-user-select: none;
269
    }
270
</style>
271
 
26475 amit.gupta 272
<script type="text/javascript">
27549 tejbeer 273
 
274
 
26475 amit.gupta 275
$(document).ready(function() {
27549 tejbeer 276
 
31154 tejbeer 277
 $("select.criteria-partnertype").chosen({no_results_text: "Oops, nothing found!"});
278
 
279
 
280
 $.fn.dataTable.ext.search.push(function (settings, data, dataIndex) {
281
 
282
   var partnerTypes =  $("select.criteria-partnertype").val();
283
 
284
   console.log(partnerTypes);
285
   var tablePartnerType = data[2];
286
   var lastMonthSale = data[4];
31155 tejbeer 287
 
288
   console.log(lastMonthSale)
31156 tejbeer 289
   lastMonthSale = lastMonthSale.replace(/,/g, "");
290
 
291
   console.log(lastMonthSale)
31154 tejbeer 292
    if (partnerTypes.includes("GREY")) {
31157 tejbeer 293
      if(parseInt(lastMonthSale) < 200000)
31154 tejbeer 294
        return false;
295
    }
296
 
297
   if (!partnerTypes.includes(tablePartnerType)) {
298
        return true;
299
    }
300
    return false;
301
});
302
 
27549 tejbeer 303
    $('#authretailerstats thead tr').clone(true).appendTo( '#authretailerstats thead' );
304
    $('#authretailerstats thead tr:eq(1) th').each( function (i) {
305
        var title = $(this).text();
306
        $(this).html( '<input type="text" style = "width:60%;" placeholder="Search '+title+'" />' );
307
 
308
        $( 'input', this ).on( 'keyup change', function () {
309
            if ( table.column(i).search() !== this.value ) {
310
                table
311
                    .column(i)
312
                    .search( this.value )
313
                    .draw();
314
            }
315
        } );
316
    } )
317
  var table = $('#authretailerstats').DataTable( {
30948 tejbeer 318
   "lengthMenu": [10, 25, 50, 75, 100, 250, 1000],
319
            "scrollX": true,
320
 
27549 tejbeer 321
        orderCellsTop: true,
322
        fixedHeader: true
323
    } );
31154 tejbeer 324
 
325
         	$(document).on('click', ".fileterRowsOnPartnerType", function() {
326
        table.draw()
327
	});
26476 amit.gupta 328
});
27579 tejbeer 329
</script>
330
 
331
 
332
<script type="text/javascript">
333
 
334
$('#authretailerstats').on('click', '.tertiary', function(){
335
 	var fofoId = $(this).data('fofoid');
336
 
337
 
338
				doGetAjaxRequestHandler(context + "/getItemWiseTertiary?fofoId="
339
						+ fofoId, function(response) {
340
 
341
					$('#itemWiseTertiary .modal-content').html(response);
342
 
343
				});
344
});
345
 
27586 tejbeer 346
 
347
$('#authretailerstats').on('click', '#indent', function(){
348
 	var fofoId = $(this).data('fofoid');
349
 
350
 
351
				doGetAjaxRequestHandler(context + "/getItemWiseIndent?fofoId="
352
						+ fofoId, function(response) {
353
 
354
					$('#itemWiseIndent .modal-content').html(response);
355
 
356
				});
357
});
358
 
27636 tejbeer 359
 
360
 
361
$('#authretailerstats').on('click', '#investment', function(){
362
 	var fofoId = $(this).data('fofoid');
363
 				doGetAjaxRequestHandler(context + "/getPartnerInvestment?fofoId="
364
						+ fofoId, function(response) {
365
 
366
					$('#partnerInvestment .modal-content').html(response);
367
 
368
				});
369
});
370
 
371
$('#authretailerstats').on('click', '#activatedStock', function(){
372
 	var fofoId = $(this).data('fofoid');
373
 				doGetAjaxRequestHandler(context + "/getPatnerActivateStock?fofoId="
374
						+ fofoId, function(response) {
375
 
376
					$('#activateStock .modal-content').html(response);
377
 
378
				});
379
});
380
 
381
 
382
$('#authretailerstats').on('click', '.mtdSale', function(){
383
 	var fofoId = $(this).data('fofoid');
384
 				doGetAjaxRequestHandler(context + "/getPatnerBrandWiseMTDSale?fofoId="
385
						+ fofoId, function(response) {
386
 
387
					$('#brandMtdSale .modal-content').html(response);
388
 
389
				});
390
});
27637 tejbeer 391
 
392
$('#authretailerstats').on('click', '.lmtdSale', function(){
393
 	var fofoId = $(this).data('fofoid');
394
 				doGetAjaxRequestHandler(context + "/getPatnerBrandWiseLMTDSale?fofoId="
395
						+ fofoId, function(response) {
396
 
397
					$('#brandLMtdSale .modal-content').html(response);
398
 
399
				});
400
});
27640 tejbeer 401
 
402
 
403
$('#authretailerstats').on('click', '.instock', function(){
404
 	var fofoId = $(this).data('fofoid');
405
 				doGetAjaxRequestHandler(context + "/getPatnerInStock?fofoId="
406
						+ fofoId, function(response) {
407
					$('#inStockItem .modal-content').html(response);
408
 
409
				});
410
});
27660 tejbeer 411
 
412
$('#authretailerstats').on('click', '.lmsSale', function(){
413
 	var fofoId = $(this).data('fofoid');
27893 tejbeer 414
 
27660 tejbeer 415
 				doGetAjaxRequestHandler(context + "/getPatnerBrandWiseLMSSale?fofoId="
416
						+ fofoId, function(response) {
417
					$('#brandLMSSale .modal-content').html(response);
418
 
419
				});
420
});
421
 
27893 tejbeer 422
$('#authretailerstats').on('click', '.lmsSecSale', function(){
423
 	var fofoId = $(this).data('fofoid');
424
 		$("#brand-secondary-model .modal-body").empty();
425
 				doGetAjaxRequestHandler(context + "/getPartnerSecondarySale?fofoId="
426
						+ fofoId+"&timeValue=lms" , function(response) {
427
					$('#brandSecSale .modal-content').html(response);
27660 tejbeer 428
 
27893 tejbeer 429
				});
430
});
431
 
432
$('#authretailerstats').on('click', '.mtdSecSale', function(){
433
 	var fofoId = $(this).data('fofoid');
434
 		$("#brand-secondary-model .modal-body").empty();
435
 				doGetAjaxRequestHandler(context + "/getPartnerSecondarySale?fofoId="
436
						+ fofoId+"&timeValue=mtd" , function(response) {
437
					$('#brandSecSale .modal-content').html(response);
438
 
439
				});
440
});
441
 
442
$('#authretailerstats').on('click', '.lmtdSecSale', function(){
443
 	var fofoId = $(this).data('fofoid');
444
 		$("#brand-secondary-model .modal-body").empty();
445
 				doGetAjaxRequestHandler(context + "/getPartnerSecondarySale?fofoId="
446
						+ fofoId+"&timeValue=lmtd" , function(response) {
447
					$('#brandSecSale .modal-content').html(response);
448
 
449
				});
450
});
451
 
27660 tejbeer 452
$('#authretailerstats').on('click', '.openticket', function(){
453
 	var fofoId = $(this).data('fofoid');
454
 				doGetAjaxRequestHandler(context + "/getOpenTicketByFofoId?fofoId="
455
						+ fofoId, function(response) {
456
					$('#openTicketModel .modal-content').html(response);
457
 
458
				});
459
});
29162 manish 460
 
461
</script>
462
 
463
<script type="text/javascript">
464
 
465
        var config = $chartPieMap;
466
 
467
        var ctx = document.getElementById('chart-partnerType').getContext('2d');
468
        var bar = new Chart(ctx, config);
469
</script>
470
 
471
 
472
 
473
 
474