Subversion Repositories SmartDukaan

Rev

Rev 32348 | Rev 32491 | 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">
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>
32490 jai.hind 39 
 
40 
			<div class="col-lg-3">
41 
            	    <h6 class="modelHeaderCustom" style="font-size:22px;">Total Credit Limit Dues:$totalAmount </h6>
42 
                   </div>
43 
                   <div class="col-lg-3">
44 
                   <h6 class="modelHeaderCustom" style="font-size:22px;">Total Credit Limit:$creditlimit </h6>
45 
                   </div>
46 
                     <div class="col-lg-3">
47 
                          <h6 class="modelHeaderCustom" style="font-size:22px;">Available Credit Limit:$availableLimit </h6>
48 
                     </div>
49 
 
50 
 
24523 amit.gupta 51 
			#if ($isAdmin)
52 
    		<div class="col-lg-2">
53 
                <div class="input-group">
54 
			    	<input id="partnerId" type="text" class="typeahead form-control form-control-sm" placeholder="Search Partner" data-provide="typeahead"
55 
			    	 #if(${retailerName}) value="${retailerName}" #end
56 
			    	 autocomplete="off"/>
57 
		    	</div>
58 
    		</div>
59 
    		#end
60 
			<div class="col-lg-3">
24509 amit.gupta 61 
				<div class="form-inline">
62 
					<div class="form-group">
63 
						<div class="input-group">
64 
							<input placeholder = "Choose Range" id="walletRanges" name="walletRanges" type="text" value="" class="form-control">
65 
				    	</div>
66 
					</div>
67 
					<button type="submit" class="btn btn-primary mk_fetch_statement" >Download Statement</button>
22551 ashik.ali 68 
				</div>
24509 amit.gupta 69 
			</div>
32348 jai.hind 70 
			<div class="col-lg-4">
71 
            				<div class="form-inline">
72 
            					<div class="form-group">
73 
            						<div class="input-group">
74 
            							<input placeholder = "Choose Range" id="walletRanges" name="walletRanges" type="text" value="" class="form-control">
75 
            				    	</div>
76 
            					</div>
77 
            					<button type="submit" class="btn btn-primary mk_fetch_account" >Download Account Statement</button>
78 
            				</div>
79 
            			</div>
28596 amit.gupta 80 
			#if($isAdmin)
32348 jai.hind 81 
			<div class="col-lg-12">
28596 amit.gupta 82 
				<div class="form-inline">
83 
					<div class="form-group">
84 
						<div class="input-group">
85 
							<input type="date" class="closingDate">
86 
				    	</div>
87 
					</div>
88 
					<button type="submit" class="btn btn-primary mk_closing_statement" >Download Closing</button>
32348 jai.hind 89 
				</div><br>
28596 amit.gupta 90 
			</div>
91 
			#end
22551 ashik.ali 92 
       	</div>
93 
   	</div>
94 
  	<div id="wallet-history-table">
95 
		<div class="row">
96 
	    	<div class="col-lg-12">
97 
	    		<table class="table table-striped table-advance table-hover">
98 
	    			<tbody>
99 
	    				<tr>
100 
	    					<th>Id</th>
101 
	    					<th>Reference</th>
102 
	    					<th>Reference Type</th>
103 
	    					<th>+ / -</th>
104 
	    					<th>Amount</th>
105 
	    					<th>Date</th>
106 
	    					<th>Description</th>
107 
	    				</tr>
108 
	    				#if(!$walletHistories.isEmpty())
109 
			    			#foreach( $walletHistory in $walletHistories )
110 
			    				<tr class="wallet-details" data="$walletHistory.getId()">
111 
			    					<td>$walletHistory.getId()</td>
112 
			    					<td>$walletHistory.getReference()</td>
113 
			    					<td>$walletHistory.getReferenceType()</td>
114 
			    					#if($walletHistory.getAmount() >= 0)
115 
			    						<td>+</td>
116 
			    						<td>$walletHistory.getAmount()</td>
117 
			    					#else
118 
			    						<td>-</td>
119 
			    						#set($amount = 0-$walletHistory.getAmount())
120 
			    						<td>$amount</td>
121 
			    					#end
122 
			    					<td>$walletHistory.getFormattedDate()</td>
123 
			    					#if($walletHistory.getDescription())
124 
			    						<td>$walletHistory.getDescription()</td>
125 
			    					#else
126 
			    						<td></td>
127 
			    					#end
128 
			    				</tr>
129 
			    			#end
130 
		    			#else
131 
		    				<tr>
132 
		    					<td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
133 
		    				</tr>
134 
		    			#end
135 
	    			</tbody>
136 
	    		</table>
137 
	    	</div>
138 
	    </div>
139 
    </div>
140 
    #if(!$walletHistories.isEmpty())
141 
    	<div class="row" id="wallet-history-paginated">
142 
    		<div class="col-lg-9">
143 
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
144 
    		</div>
145 
    		<div class="col-lg-3" style="text-align:right;">
146 
				<div class="btn-group" style="width:40%">
147 
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
148 
				</div>
149 
				<div class="btn-group" style="width:40%">
150 
					#if($end >= $size)
151 
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
152 
					#else
153 
						<button class="btn btn-primary next" style="width:100%">Next</button>
154 
					#end
155 
				</div>
156 
	    	</div>
157 
	    </div>
158 
    #end
159 
</section>
24509 amit.gupta 160 
<script type="text/javascript">
30601 amit.gupta 161 
	$(function () {
162 
		$('input[name="walletRanges"]').daterangepicker(getRangedDatePicker());
163 
		$('.mk_fetch_statement').click(function () {
164 
			let walletRangePicker = getDatesFromPicker('input[name="walletRanges"]');
165 
			if (typeof fofoId != "undefined") {
166 
				window.location.href = context + "/wallet/statement?startDate=" + walletRangePicker.startDate + "&endDate=" + walletRangePicker.endDate + "&fofoId=" + fofoId + "&q=" + new Date().getTime();
24523 amit.gupta 167 
			} else {
30601 amit.gupta 168 
				window.location.href = context + "/wallet/statement?startDate=" + walletRangePicker.startDate + "&endDate=" + walletRangePicker.endDate + "&q=" + new Date().getTime();
169 
			}
24509 amit.gupta 170 
		});
30601 amit.gupta 171 
		$('.mk_fetch_account').click(function () {
172 
			let walletDateRanges = getDatesFromPicker('input[name="walletRanges"]');
173 
			if (typeof fofoId != "undefined") {
174 
				window.location.href = context + "/account/statement?startDate=" + walletDateRanges.startDate + "&endDate=" + walletDateRanges.endDate + "&fofoId=" + fofoId + "&q=" + new Date().getTime();
28516 amit.gupta 175 
			} else {
30601 amit.gupta 176 
				window.location.href = context + "/account/statement?startDate=" + walletDateRanges.startDate + "&endDate=" + walletDateRanges.endDate + "&q=" + new Date().getTime();
177 
			}
28516 amit.gupta 178 
		});
30601 amit.gupta 179 
		$('.mk_closing_statement').click(function () {
180 
					var closingDate = $('.closingDate').val();
181 
					if (closingDate == "") {
182 
						alert("Closing date is required");
183 
						return;
184 
					}
185 
					window.location.href = context + "/account/closing-statements?closingDate=" + closingDate + "&q=" + new Date().getTime();
28596 amit.gupta 186 
				}
187 
		);
24523 amit.gupta 188 
		getPartnerAheadOptions($("#partnerId"),function(selectedPartner){
189 
			fofoId = selectedPartner.partnerId;
190 
			$("#walletRanges").focus();
191 
		});
24509 amit.gupta 192 
	});
193 
</script>
22551 ashik.ali 194 
<div id="wallet-history-details-container" style="background:white;background-color:white;">
195 
</div>