Subversion Repositories SmartDukaan

Rev

Rev 23173 | Rev 24523 | 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>
39
			<div class="col-log-3">
40
				<div class="form-inline">
41
					<div class="form-group">
42
						<div class="input-group">
43
							<input placeholder = "Choose Range" id="walletRanges" name="walletRanges" type="text" value="" class="form-control">
44
				    	</div>
45
					</div>
46
					<button type="submit" class="btn btn-primary mk_fetch_statement" >Download Statement</button>
22551 ashik.ali 47
				</div>
24509 amit.gupta 48
			</div>
22551 ashik.ali 49
       	</div>
50
   	</div>
51
  	<div id="wallet-history-table">
52
		<div class="row">
53
	    	<div class="col-lg-12">
54
	    		<table class="table table-striped table-advance table-hover">
55
	    			<tbody>
56
	    				<tr>
57
	    					<th>Id</th>
58
	    					<th>Reference</th>
59
	    					<th>Reference Type</th>
60
	    					<th>+ / -</th>
61
	    					<th>Amount</th>
62
	    					<th>Date</th>
63
	    					<th>Description</th>
64
	    				</tr>
65
	    				#if(!$walletHistories.isEmpty())
66
			    			#foreach( $walletHistory in $walletHistories )
67
			    				<tr class="wallet-details" data="$walletHistory.getId()">
68
			    					<td>$walletHistory.getId()</td>
69
			    					<td>$walletHistory.getReference()</td>
70
			    					<td>$walletHistory.getReferenceType()</td>
71
			    					#if($walletHistory.getAmount() >= 0)
72
			    						<td>+</td>
73
			    						<td>$walletHistory.getAmount()</td>
74
			    					#else
75
			    						<td>-</td>
76
			    						#set($amount = 0-$walletHistory.getAmount())
77
			    						<td>$amount</td>
78
			    					#end
79
			    					<td>$walletHistory.getFormattedDate()</td>
80
			    					#if($walletHistory.getDescription())
81
			    						<td>$walletHistory.getDescription()</td>
82
			    					#else
83
			    						<td></td>
84
			    					#end
85
			    				</tr>
86
			    			#end
87
		    			#else
88
		    				<tr>
89
		    					<td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
90
		    				</tr>
91
		    			#end
92
	    			</tbody>
93
	    		</table>
94
	    	</div>
95
	    </div>
96
    </div>
97
    #if(!$walletHistories.isEmpty())
98
    	<div class="row" id="wallet-history-paginated">
99
    		<div class="col-lg-9">
100
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
101
    		</div>
102
    		<div class="col-lg-3" style="text-align:right;">
103
				<div class="btn-group" style="width:40%">
104
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
105
				</div>
106
				<div class="btn-group" style="width:40%">
107
					#if($end >= $size)
108
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
109
					#else
110
						<button class="btn btn-primary next" style="width:100%">Next</button>
111
					#end
112
				</div>
113
	    	</div>
114
	    </div>
115
    #end
116
</section>
24509 amit.gupta 117
<script type="text/javascript">
118
	$(function(){
119
		$('input[name="walletRanges"]').daterangepicker(getRangedDatePicker(), dateRangeCallback);
120
		$('.mk_fetch_statement').click(function(){
121
			window.location.href=context+"/wallet/statement?startDate="+startDate+"&endDate="+endDate+"&q="+new Date().getTime();
122
		});
123
	});
124
</script>
22551 ashik.ali 125
<div id="wallet-history-details-container" style="background:white;background-color:white;">
126
</div>