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;
}

.add-to-bag {
        cursor: pointer;
}

modal-dialog.modal-lg {
        left: 10%;
        right: auto;
        width: 80%;
}

.modal-content {
        background: white;
}

.modelHeaderCustom {
        font-size: 14px;
        font-weight: bold;
}

hr {
        background-color: #007aff;
        border: none;
        height: 1px;
        background: #007aff;
}

tr.selected {
        background-color: #B0BED9
}
</style>

<script>
        $(".cancel-order-submit").click(function() {
                $("#cancelOrder").modal({
                        backdrop : false
                });

        });

        $(".notify-submit").click(function() {
                $("#notifyOrder").modal({
                        backdrop : false
                });

        });
</script>
<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header">
                                <i class="icon_genius"></i>REVIEW ORDER
                        </h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a
                                        href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="icon_genius"></i>Review Order</li>
                        </ol>
                </div>
        </div>

        <div class="row">


                <div class="col-lg-12" id="catalog-container">
                        <table class="table table-border table-condensed table-bordered"
                                id="pending-order-table">

                                <thead>
                                        <tr>

                                                <th>Item Id</th>
                                                <th>OrderId</th>
                                                <th>Description</th>
                                                <th>Notify Status</th>
                                                <th>Notify Cancel Status</th>
                                                <th>Transactino Id</th>
                                                <th>Customer Name</th>
                                                <th>Mobile</th>
                                                <th>Qty</th>
                                                <th>City</th>
                                                <th>State</th>
                                                <th>Store Code</th>
                                                <th>Created</th>
                                                <th>Cancel Order</th>
                                                <th>Notify</th>
                                                <th>Notify</th>

                                        </tr>

                                </thead>
                                <tbody>

                                        #if(!$inProcessorder.isEmpty()) #foreach($orderDetail in
                                        $inProcessorder )
                                        <tr>

                                                <td>$orderDetail.getLineItem().getItemId()</td>
                                                <td>$orderDetail.getId()</td>
                                                <td>$orderDetail.getLineItem().getItem().getItemDescription()</td>
                                                #if($latestNotifyOrders.get($orderDetail.getId()))
                                                <td>
                                                        <button type="button" class="btn btn-link mk_button">$latestNotifyOrders.get($orderDetail.getId()).get().getStatus()</button>
                                                </td> #else
                                                <td></td> #end #if($notifyCancelOrders.get($orderDetail.getId()))
                                                <td>
                                                        <button type="button" class="btn btn-link mk_button">notified</button>
                                                </td> #else
                                                <td></td> #end

                                                <td>$orderDetail.getTransactionId()</td>
                                                <td>$orderDetail.getRetailerName()</td>
                                                <td>$orderDetail.getRetailerMobileNumber()</td>
                                                <td>$orderDetail.getLineItem().getQuantity()</td>
                                                <td>$orderDetail.getRetailerCity()</td>
                                                <td>$orderDetail.getRetailerState()</td>
                                                <td>$storeIdAndFofoIdMap.get($orderDetail.getRetailerId())</td>
                                                <td>$orderDetail.getCreateTimestamp().format($dateTimeFormatter)</td>
                                                <td><button class="btn btn-primary cancellation"
                                                                data-orderid="$orderDetail.getId()"
                                                                data-itemid="$orderDetail.getLineItem().getItem().getId()"
                                                                data-toggle="modal" data-target="#cancelOrder" type="button">Cancel</button>
                                                </td>

                                                <td><button class="btn btn-primary notify"
                                                                onclick="getItemColor($orderDetail.getLineItem().getItem().getCatalogItemId(),$orderDetail.getLineItem().getItem().getId())"
                                                                data-toggle="modal" data-target="#notifyOrder" type="button">Notify
                                                                Color</button>
                                                <td><button class="btn btn-primary notifyCancel"
                                                                onclick="getItems($orderDetail.getLineItem().getItem().getCatalogItemId(),$orderDetail.getId())"
                                                                data-toggle="modal" data-target="#notifyCancelOrder"
                                                                type="button">Notify Cancel</button></td>


                                        </tr>
                                        #end #end
                                </tbody>
                        </table>
                </div>
        </div>



        <div class="notify-container">
                <div class="modal  text-center" id="notifyOrder">
                        <div class="modal-dialog">
                                <div class="modal-content"
                                        style="width: 900px; height: 600px; overflow: auto;"></div>
                        </div>
                </div>
        </div>


        <div class="cancel-order-container">
                <div class="modal  text-center" id="cancelOrder">
                        <div class="modal-dialog">
                                <div class="modal-content"
                                        style="width: 900px; height: 600px; overflow: auto;"></div>
                        </div>
                </div>
        </div>

        <div class="notify-cancel-order-container">
                <div class="modal  text-center" id="notifyCancelOrder">
                        <div class="modal-dialog">
                                <div class="modal-content"
                                        style="width: 900px; height: 600px; overflow: auto;"></div>
                        </div>
                </div>
        </div>



</section>

<script type="text/javascript">
        var editor;

        $(document).ready(function() {

                var dtable = $('#pending-order-table').DataTable({

                        "bPaginate" : true,
                        "bLengthChange" : true,
                        "bFilter" : true,
                        "bInfo" : false,
                        "bAutoWidth" : false,

                }

                );
        });
</script>