Subversion Repositories SmartDukaan

<style>
.grn-product-info{
        float:left;
}
.vertical-center {
  display: flex;
  align-items: center;
}
.span-bold{
        font-weight:bold;
        margin-right:5px;
}
</style>
<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="fa fa-google-wallet"></i>WALLET</h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="fa fa-google-wallet"></i>WALLET</li>
                        </ol>
                </div>
        </div>
        
        
        
        <div id="wallet-history-search">
        <div class="row">
                        <div class="col-lg-1">
                                <h4>Wallet Balance</h4>
                        </div>
                        <div class="col-lg-1">
                                #if($userWallet)
                                        <h4>Rs.$userWallet.getAmount()</h4>     
                                #else
                                        <h4>NA</h4>
                                #end
                        </div>
                        #if ($isAdmin)
                <div class="col-lg-2">
                <div class="input-group">
                                <input id="partnerId" type="text" class="typeahead form-control form-control-sm" placeholder="Search Partner" data-provide="typeahead" 
                                 #if(${retailerName}) value="${retailerName}" #end
                                 autocomplete="off"/>
                        </div>
                </div>
                #end
                        <div class="col-lg-3">
                                <div class="form-inline">
                                        <div class="form-group">
                                                <div class="input-group">
                                                        <input placeholder = "Choose Range" id="walletRanges" name="walletRanges" type="text" value="" class="form-control">
                                        </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary mk_fetch_statement" >Download Statement</button>
                                </div>
                        </div>
        </div>
        </div>
        <div id="wallet-history-table">
                <div class="row">
                <div class="col-lg-12">
                        <table class="table table-striped table-advance table-hover">
                                <tbody>
                                        <tr>
                                                <th>Id</th>
                                                <th>Reference</th>
                                                <th>Reference Type</th>
                                                <th>+ / -</th>
                                                <th>Amount</th>
                                                <th>Date</th>
                                                <th>Description</th>
                                        </tr>
                                        #if(!$walletHistories.isEmpty())
                                                #foreach( $walletHistory in $walletHistories )
                                                        <tr class="wallet-details" data="$walletHistory.getId()">
                                                                <td>$walletHistory.getId()</td>
                                                                <td>$walletHistory.getReference()</td>
                                                                <td>$walletHistory.getReferenceType()</td>
                                                                #if($walletHistory.getAmount() >= 0)
                                                                        <td>+</td>
                                                                        <td>$walletHistory.getAmount()</td>
                                                                #else
                                                                        <td>-</td>
                                                                        #set($amount = 0-$walletHistory.getAmount())
                                                                        <td>$amount</td>
                                                                #end
                                                                <td>$walletHistory.getFormattedDate()</td>
                                                                #if($walletHistory.getDescription())
                                                                        <td>$walletHistory.getDescription()</td>
                                                                #else
                                                                        <td></td>
                                                                #end
                                                        </tr>
                                                #end
                                        #else
                                                <tr>
                                                        <td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
                                                </tr>
                                        #end
                                </tbody>
                        </table>
                </div>
            </div>
    </div>
    #if(!$walletHistories.isEmpty())
        <div class="row" id="wallet-history-paginated">
                <div class="col-lg-9">
                        <p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
                </div>
                <div class="col-lg-3" style="text-align:right;">
                                <div class="btn-group" style="width:40%">
                                        <button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
                                </div>
                                <div class="btn-group" style="width:40%">
                                        #if($end >= $size)
                                                <button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
                                        #else
                                                <button class="btn btn-primary next" style="width:100%">Next</button>
                                        #end
                                </div>
                </div>
            </div>
    #end
</section>
<script type="text/javascript">
        $(function(){
                $('input[name="walletRanges"]').daterangepicker(getRangedDatePicker(), dateRangeCallback);
                $('.mk_fetch_statement').click(function(){
                        if(typeof fofoId!="undefined") {
                                window.location.href=context+"/wallet/statement?startDate="+startDate+"&endDate="+endDate+"&fofoId=" + fofoId+"&q="+new Date().getTime();
                        } else {
                                window.location.href=context+"/wallet/statement?startDate="+startDate+"&endDate="+endDate+"&q="+new Date().getTime();
                        }                       
                });
                getPartnerAheadOptions($("#partnerId"),function(selectedPartner){
                        fofoId = selectedPartner.partnerId;
                        $("#walletRanges").focus();
                });
        });
</script>
<div id="wallet-history-details-container" style="background:white;background-color:white;">
</div>