Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
22551 ashik.ali 1 
<style>
2 
.grn-product-info{
3 
	float:left;
4 
}
5 
.vertical-center {
6 
  display: flex;
7 
  align-items: center;
8 
}
9 
.span-bold{
10 
	font-weight:bold;
11 
	margin-right:5px;
12 
}
13 
</style>
14 
<section class="wrapper">
15 
	<div class="row">
16 
		<div class="col-lg-12">
17 
			<h3 class="page-header"><i class="fa fa-google-wallet"></i>WALLET</h3>
18 
			<ol class="breadcrumb">
19 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
20 
				<li><i class="fa fa-google-wallet"></i>WALLET</li>
21 
			</ol>
22 
		</div>
23 
	</div>
24 
 
25 
 
26 
 
27 
	<div id="wallet-history-search">
28 
    	<div class="row">
24509 amit.gupta 29 
			<div class="col-lg-1">
30 
				<h4>Wallet Balance</h4>
31 
			</div>
32 
			<div class="col-lg-1">
33 
				#if($userWallet)
34 
					<h4>Rs.$userWallet.getAmount()</h4>
35 
				#else
36 
					<h4>NA</h4>
37 
				#end
38 
			</div>
24523 amit.gupta 39 
			#if ($isAdmin)
40 
    		<div class="col-lg-2">
41 
                <div class="input-group">
42 
			    	<input id="partnerId" type="text" class="typeahead form-control form-control-sm" placeholder="Search Partner" data-provide="typeahead"
43 
			    	 #if(${retailerName}) value="${retailerName}" #end
44 
			    	 autocomplete="off"/>
45 
		    	</div>
46 
    		</div>
47 
    		#end
48 
			<div class="col-lg-3">
24509 amit.gupta 49 
				<div class="form-inline">
50 
					<div class="form-group">
51 
						<div class="input-group">
52 
							<input placeholder = "Choose Range" id="walletRanges" name="walletRanges" type="text" value="" class="form-control">
53 
				    	</div>
54 
					</div>
55 
					<button type="submit" class="btn btn-primary mk_fetch_statement" >Download Statement</button>
22551 ashik.ali 56 
				</div>
24509 amit.gupta 57 
			</div>
22551 ashik.ali 58 
       	</div>
59 
   	</div>
60 
  	<div id="wallet-history-table">
61 
		<div class="row">
62 
	    	<div class="col-lg-12">
63 
	    		<table class="table table-striped table-advance table-hover">
64 
	    			<tbody>
65 
	    				<tr>
66 
	    					<th>Id</th>
67 
	    					<th>Reference</th>
68 
	    					<th>Reference Type</th>
69 
	    					<th>+ / -</th>
70 
	    					<th>Amount</th>
71 
	    					<th>Date</th>
72 
	    					<th>Description</th>
73 
	    				</tr>
74 
	    				#if(!$walletHistories.isEmpty())
75 
			    			#foreach( $walletHistory in $walletHistories )
76 
			    				<tr class="wallet-details" data="$walletHistory.getId()">
77 
			    					<td>$walletHistory.getId()</td>
78 
			    					<td>$walletHistory.getReference()</td>
79 
			    					<td>$walletHistory.getReferenceType()</td>
80 
			    					#if($walletHistory.getAmount() >= 0)
81 
			    						<td>+</td>
82 
			    						<td>$walletHistory.getAmount()</td>
83 
			    					#else
84 
			    						<td>-</td>
85 
			    						#set($amount = 0-$walletHistory.getAmount())
86 
			    						<td>$amount</td>
87 
			    					#end
88 
			    					<td>$walletHistory.getFormattedDate()</td>
89 
			    					#if($walletHistory.getDescription())
90 
			    						<td>$walletHistory.getDescription()</td>
91 
			    					#else
92 
			    						<td></td>
93 
			    					#end
94 
			    				</tr>
95 
			    			#end
96 
		    			#else
97 
		    				<tr>
98 
		    					<td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
99 
		    				</tr>
100 
		    			#end
101 
	    			</tbody>
102 
	    		</table>
103 
	    	</div>
104 
	    </div>
105 
    </div>
106 
    #if(!$walletHistories.isEmpty())
107 
    	<div class="row" id="wallet-history-paginated">
108 
    		<div class="col-lg-9">
109 
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
110 
    		</div>
111 
    		<div class="col-lg-3" style="text-align:right;">
112 
				<div class="btn-group" style="width:40%">
113 
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
114 
				</div>
115 
				<div class="btn-group" style="width:40%">
116 
					#if($end >= $size)
117 
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
118 
					#else
119 
						<button class="btn btn-primary next" style="width:100%">Next</button>
120 
					#end
121 
				</div>
122 
	    	</div>
123 
	    </div>
124 
    #end
125 
</section>
24509 amit.gupta 126 
<script type="text/javascript">
127 
	$(function(){
128 
		$('input[name="walletRanges"]').daterangepicker(getRangedDatePicker(), dateRangeCallback);
129 
		$('.mk_fetch_statement').click(function(){
24523 amit.gupta 130 
			if(typeof fofoId!="undefined") {
131 
				window.location.href=context+"/wallet/statement?startDate="+startDate+"&endDate="+endDate+"&fofoId=" + fofoId+"&q="+new Date().getTime();
132 
			} else {
133 
				window.location.href=context+"/wallet/statement?startDate="+startDate+"&endDate="+endDate+"&q="+new Date().getTime();
134 
			}
24509 amit.gupta 135 
		});
24523 amit.gupta 136 
		getPartnerAheadOptions($("#partnerId"),function(selectedPartner){
137 
			fofoId = selectedPartner.partnerId;
138 
			$("#walletRanges").focus();
139 
		});
24509 amit.gupta 140 
	});
141 
</script>
22551 ashik.ali 142 
<div id="wallet-history-details-container" style="background:white;background-color:white;">
143 
</div>