Subversion Repositories SmartDukaan

<style>
    .table-striped > tbody > tr:nth-child(odd) > td {
        background: white;
        background-color: white;
    }

    .table-striped > tbody > tr:nth-child(even) > td {
        background: white;
        background-color: white;
    }

    .table-striped > tbody > tr:hover > td,
    .table-striped > tbody > tr:hover {
        background-color: #e98c8f;
        color: white;
    }

    .btn:hover {
        color: grey;
        text-decoration: none;
    }

    .btn-primary:hover {
        color: grey;
        text-decoration: none;
    }

    .sale-details {
        cursor: pointer;
    }
</style>
<script>
    $(function () {

        let start = moment().subtract(29, 'days');
        let end = moment();
        $('#saleDuration').daterangepicker(getRangedDatePicker(true, start, end));
    });
</script>

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>#springMessage("salehistory.salehistory")</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">#springMessage("salehistory.home")</a></li>
                <li><i class="icon_document_alt"></i>#springMessage("salehistory.salehistory")</li>
            </ol>
        </div>
    </div>

    <div id="sale-history-search">
        <div class="row">
            <div class="col-lg-2 form-group">
                <select class="form-control" id="searchType" name="searchType" placeholder="#springMessage("salehistory.searchtype")">
                    <option value="" disabled selected>Search Type</option>
                    #foreach($searchType1 in $searchTypes)
                        #if($searchType.getValue()==$searchType1.getValue())
                            <option value="$searchType1" selected>$searchType1.getValue()</option>
                        #else
                            <option value="$searchType1">$searchType1.getValue()</option>
                        #end
                    #end
                </select>
            </div>
            #if($searchType.getValue()=="Date-Range")
                <div class="col-lg-3">
                    <div class="input-group">
                        <input class="form-control" placeholder="Sale Period" id="saleDuration" type="text"
                               value="$searchValue">
                    </div>
                </div>
            #elseif($searchType)
                <div class="col-lg-3">
                    <input type="text" class="form-control" id="sale-history-search-text" placeholder="#springMessage("salehistory.searchby")
                     $searchType.getValue()" value="$searchValue"/>
                </div>
            #else
                <div class="col-lg-3">
                    <input type="text" class="form-control" id="sale-history-search-text" placeholder="#springMessage("salehistory.searchby")"
                           value="$searchValue"/>
                </div>
            #end
            <div class="col-lg-1">
                <button class="btn btn-primary submit" id="sale-history-search-button" type="button">#springMessage("salehistory.search")</button>
            </div>
            <div class="col-lg-2">
                <button class="btn btn-primary submit" id="invoice-download-button" type="button">#springMessage("salehistory.downloadupto100invoices")
                </button>
            </div>

        </div>
    </div>
    <div id="sale-history-table">
        <div class="row">
            <div class="col-lg-12">
                <table class="table table-striped table-advance table-hover">
                    <tbody>
                    <tr>
                        <th>#springMessage("salehistory.invoicenumber")</th>
                        <th>#springMessage("salehistory.totalamount")</th>
                        <th>#springMessage("salehistory.createdon")</th>
                        <th>#springMessage("salehistory.viewdetails")</th>
                    </tr>
                        #if(!$saleHistories.isEmpty())
                            #foreach( $saleHistory in $saleHistories )
                            <tr class="sale-details" data="$saleHistory.getId()">
                                <td>$saleHistory.getInvoiceNumber()</td>
                                <td>$saleHistory.getTotalAmount()</td>
                                <td>$saleHistory.getFormattedDate()</td>
                                <td>
                                    <button class="btn btn-primary">View</button>
                                </td>
                            </tr>
                            #end
                        #else
                        <tr>
                            <td colspan="6" style="text-align:center;">#springMessage("salehistory.nomatchingdatafoundicritreria")</td>
                        </tr>
                        #end
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    #if(!$saleHistories.isEmpty())
        <div class="row" id="sale-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>
<div id="sale-details-container" style="background:white;background-color:white;">
</div>