Subversion Repositories SmartDukaan

Rev

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