Subversion Repositories SmartDukaan

Rev

Rev 33220 | Rev 33450 | 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">
32490 jai.hind 17 
			<h3 class="page-header"><i class="icon_document_alt"></i>WALLET STATEMENT</h3>
22551 ashik.ali 18 
			<ol class="breadcrumb">
19 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
32490 jai.hind 20 
				<li><i class="icon_document_alt"></i>WALLET STATEMENT</li>
22551 ashik.ali 21 
			</ol>
22 
		</div>
23 
	</div>
24 
 
25 
 
26 
 
27 
	<div id="wallet-history-search">
28 
    	<div class="row">
33449 ranu 29 
			<div class="col-lg-2 text-center">
30 
				<p style="font-size: 20px;"><b>Wallet Balance</b></p>
24509 amit.gupta 31 
				#if($userWallet)
33449 ranu 32 
					<p style="font-size: 22px;"><b> Rs.$userWallet.getAmount()</b></p>
24509 amit.gupta 33 
				#else
33449 ranu 34 
					<p style="font-size: 22px;"><b>NA</b></p>
24509 amit.gupta 35 
				#end
36 
			</div>
33449 ranu 37 
			<div class="col-lg-10">
38 
				<div class="row">
39 
					<div class="col-lg-3 text-center">
40 
						<p style="font-size: 20px;"><b>Total Dues (inc Interest)</b></p>
41 
						<p style="font-size: 22px;"><b>$totalDue.setScale(2,$ru)</b></p>
42 
					</div>
43 
					<div class="col-lg-3 text-center">
44 
						<p style="font-size: 20px;"><b>Credit Limit</b></p>
45 
						<p style="font-size: 22px;"><b>$creditlimit.setScale(2,$ru)</b></p>
46 
					</div>
47 
					<div class="col-lg-3 text-center">
48 
						<p style="font-size: 20px;"><b>Available Credit</b></p>
49 
						<p style="font-size: 22px;"><b>$availableLimit.setScale(2,$ru)</b></p>
50 
					</div>
51 
					<div class="col-lg-3 text-center">
52 
						<p style="font-size: 20px;"><b>Total Utilization</b></p>
53 
						<p style="font-size: 22px;"><b>$utilization.setScale(2,$ru)</b></p>
54 
					</div>
55 
				</div>
56 
			</div>
32490 jai.hind 57 
 
33449 ranu 58 
			<div class="clearfix"></div>
59 
			<br>
32490 jai.hind 60 
 
33449 ranu 61 
			<div class="col-lg-3"></div>
62 
			<div class="col-lg-2">
63 
				#if ($isAdmin)
64 
					<div class="input-group">
65 
						<input id="partnerId" type="text" class="typeahead form-control form-control-sm"
66 
							   placeholder="Search Partner" data-provide="typeahead"
67 
							#if(${retailerName}) value="${retailerName}" #end
68 
							   autocomplete="off"/>
69 
					</div>
70 
				#end
71 
			</div>
32490 jai.hind 72 
 
24523 amit.gupta 73 
			<div class="col-lg-3">
24509 amit.gupta 74 
				<div class="form-inline">
75 
					<div class="form-group">
76 
						<div class="input-group">
33220 amit.gupta 77 
							<input placeholder = "Choose Range" name="walletPeriod" type="text" value="" class="form-control">
33449 ranu 78 
						</div>
24509 amit.gupta 79 
					</div>
80 
					<button type="submit" class="btn btn-primary mk_fetch_statement" >Download Statement</button>
22551 ashik.ali 81 
				</div>
24509 amit.gupta 82 
			</div>
33449 ranu 83 
 
32348 jai.hind 84 
			<div class="col-lg-4">
33449 ranu 85 
				<div class="form-inline">
86 
					<div class="form-group">
87 
						<div class="input-group">
88 
							<input placeholder="Choose Range" name="statementPeriod" type="text" value=""
89 
								   class="form-control">
90 
						</div>
91 
					</div>
92 
					<button type="submit" class="btn btn-primary mk_fetch_account">Download Account Statement</button>
93 
				</div>
94 
			</div>
95 
 
96 
 
97 
 
98 
 
28596 amit.gupta 99 
			#if($isAdmin)
32348 jai.hind 100 
			<div class="col-lg-12">
28596 amit.gupta 101 
				<div class="form-inline">
102 
					<div class="form-group">
103 
						<div class="input-group">
104 
							<input type="date" class="closingDate">
105 
				    	</div>
106 
					</div>
107 
					<button type="submit" class="btn btn-primary mk_closing_statement" >Download Closing</button>
32348 jai.hind 108 
				</div><br>
28596 amit.gupta 109 
			</div>
110 
			#end
22551 ashik.ali 111 
       	</div>
112 
   	</div>
33449 ranu 113 
	<div class="clearfix"></div>
114 
	<br>
22551 ashik.ali 115 
  	<div id="wallet-history-table">
116 
		<div class="row">
117 
	    	<div class="col-lg-12">
118 
	    		<table class="table table-striped table-advance table-hover">
119 
	    			<tbody>
120 
	    				<tr>
121 
	    					<th>Id</th>
122 
	    					<th>Reference</th>
123 
	    					<th>Reference Type</th>
124 
	    					<th>+ / -</th>
125 
	    					<th>Amount</th>
126 
	    					<th>Date</th>
127 
	    					<th>Description</th>
128 
	    				</tr>
129 
	    				#if(!$walletHistories.isEmpty())
130 
			    			#foreach( $walletHistory in $walletHistories )
131 
			    				<tr class="wallet-details" data="$walletHistory.getId()">
132 
			    					<td>$walletHistory.getId()</td>
133 
			    					<td>$walletHistory.getReference()</td>
134 
			    					<td>$walletHistory.getReferenceType()</td>
135 
			    					#if($walletHistory.getAmount() >= 0)
136 
			    						<td>+</td>
137 
			    						<td>$walletHistory.getAmount()</td>
138 
			    					#else
139 
			    						<td>-</td>
140 
			    						#set($amount = 0-$walletHistory.getAmount())
141 
			    						<td>$amount</td>
142 
			    					#end
143 
			    					<td>$walletHistory.getFormattedDate()</td>
144 
			    					#if($walletHistory.getDescription())
145 
			    						<td>$walletHistory.getDescription()</td>
146 
			    					#else
147 
			    						<td></td>
148 
			    					#end
149 
			    				</tr>
150 
			    			#end
151 
		    			#else
152 
		    				<tr>
153 
		    					<td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
154 
		    				</tr>
155 
		    			#end
156 
	    			</tbody>
157 
	    		</table>
158 
	    	</div>
159 
	    </div>
160 
    </div>
161 
    #if(!$walletHistories.isEmpty())
162 
    	<div class="row" id="wallet-history-paginated">
163 
    		<div class="col-lg-9">
164 
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
165 
    		</div>
166 
    		<div class="col-lg-3" style="text-align:right;">
167 
				<div class="btn-group" style="width:40%">
32771 raveendra. 168 
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">#springMessage("reportswalletstatement.previous")</button>
22551 ashik.ali 169 
				</div>
170 
				<div class="btn-group" style="width:40%">
171 
					#if($end >= $size)
32771 raveendra. 172 
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">#springMessage("reportswalletstatement.next")</button>
22551 ashik.ali 173 
					#else
32771 raveendra. 174 
						<button class="btn btn-primary next" style="width:100%">#springMessage("reportswalletstatement.next")</button>
22551 ashik.ali 175 
					#end
176 
				</div>
177 
	    	</div>
178 
	    </div>
179 
    #end
180 
</section>
24509 amit.gupta 181 
<script type="text/javascript">
30601 amit.gupta 182 
	$(function () {
33220 amit.gupta 183 
		$('input[name="walletPeriod"]').daterangepicker(getRangedDatePicker());
184 
		$('input[name="statementPeriod"]').daterangepicker(getStatementRanges());
30601 amit.gupta 185 
		$('.mk_fetch_statement').click(function () {
33220 amit.gupta 186 
			let walletRangePicker = getDatesFromPicker('input[name="walletPeriod"]');
30601 amit.gupta 187 
			if (typeof fofoId != "undefined") {
33220 amit.gupta 188 
				window.location.href = `${context} /wallet/statement?startDate=${walletRangePicker.startDate}&endDate=${walletRangePicker.endDate}&fofoId=${fofoId}`;
24523 amit.gupta 189 
			} else {
33220 amit.gupta 190 
				window.location.href = `${context} /wallet/statement?startDate=${walletRangePicker.startDate}&endDate=${walletRangePicker.endDate}`;
30601 amit.gupta 191 
			}
24509 amit.gupta 192 
		});
30601 amit.gupta 193 
		$('.mk_fetch_account').click(function () {
33220 amit.gupta 194 
			let statementRangePicker = getDatesFromPicker('input[name="statementPeriod"]');
30601 amit.gupta 195 
			if (typeof fofoId != "undefined") {
33220 amit.gupta 196 
				window.location.href = `${context}/account/statement?startDate=${statementRangePicker.startDate}&endDate=${statementRangePicker.endDate}&fofoId=${fofoId}`;
28516 amit.gupta 197 
			} else {
33220 amit.gupta 198 
				window.location.href = `${context}/account/statement?startDate=${statementRangePicker.startDate}&endDate=${statementRangePicker.endDate}`;
30601 amit.gupta 199 
			}
28516 amit.gupta 200 
		});
30601 amit.gupta 201 
		$('.mk_closing_statement').click(function () {
202 
					var closingDate = $('.closingDate').val();
203 
					if (closingDate == "") {
204 
						alert("Closing date is required");
205 
						return;
206 
					}
207 
					window.location.href = context + "/account/closing-statements?closingDate=" + closingDate + "&q=" + new Date().getTime();
28596 amit.gupta 208 
				}
209 
		);
24523 amit.gupta 210 
		getPartnerAheadOptions($("#partnerId"),function(selectedPartner){
211 
			fofoId = selectedPartner.partnerId;
212 
			$("#walletRanges").focus();
213 
		});
24509 amit.gupta 214 
	});
215 
</script>
22551 ashik.ali 216 
<div id="wallet-history-details-container" style="background:white;background-color:white;">
217 
</div>