Subversion Repositories SmartDukaan

<style>
    #transactionList_wrapper .col-sm-6 {
        padding: 2px !important;
    }

    .active-tr {
        background-color: lightyellow;
    }

    #transactionList_length, #transactionList_filter {
        padding: 8px !important;
    }
</style>
<section class="wrapper" style="font-size: 12px;">
    <div class="row">
        <div class="col-lg-12">

            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="icon_document_alt"></i>Warehouse Management</li>
                <input type="hidden" id="firstTxnId" value="$firstTransactionId">
            </ol>
        </div>
    </div>


    <div class="col-lg-4">
        <div class="row">
            <div class="well" style="padding: 10px; max-height: 800px;overflow-y: auto;">
                <div class="row">
                    <div class="col-md-6"><p><b>Transaction List</b></p></div>
                    <div class="col-md-6">
                        <div id="authWarehousesList">

                        </div>

                    </div>
                </div>
                <div style="max-height: 650px;overflow-y: auto;">
                    <table class="table table-bordered" id="transactionList">
                        <thead>
                        <tr>
                            <th>Txn Id</th>
                            <th>Retailer Name</th>
                            <th>Created</th>
                        </tr>
                        </thead>
                        <tbody>
                            #foreach($order in $transactionIdByOrder)
                            <tr class="order_by_transaction" data-transaction="$order.getTransactionId()">
                                <td>$order.getTransactionId()</td>
                                <td>
                                    <span>
                                        #if($order.getRetailerName())
                                            $order.getRetailerName()
                                        #end
                                        #if($order.getRetailerCity() && $order.getRetailerState())
                                            ($order.getRetailerCity(), $order.getRetailerState())
                                        #end
                                    </span>
                                </td>
                                <td>$order.getCreateTimestamp().format($dateFormatter)</td>
                            </tr>
                            #end
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-8" id="transaction-detail-container">
        <div class="row" id="transaction-detail-container">

        </div>
    </div>


</section>


<script>
    $(document).ready(function () {
        $('#transactionList').DataTable(
                {
                    "bPaginate": true,
                    "bLengthChange": true,
                    "bFilter": true,
                    "bInfo": false,
                    "bAutoWidth": false
                }
        );

    });
</script>