Subversion Repositories SmartDukaan

Rev

Rev 33296 | Rev 35020 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
33247 ranu 1 
<style>
33293 ranu 2 
    .orangeBg {
3 
        background-color: rgba(255, 165, 0, 0.66);
4 
    }
5 
 
6 
    .redBg {
7 
        background-color: rgba(255, 0, 0, 0.49);
8 
    }
9 
 
10 
    .greenBg {
11 
        background-color: rgba(0, 128, 0, 0.56);
12 
    }
33247 ranu 13 
    #transactionList_wrapper .col-sm-6 {
14 
        padding: 2px !important;
15 
    }
16 
 
33269 ranu 17 
    .active-tr {
33273 ranu 18 
        background-color: #f8f8a7;
33269 ranu 19 
    }
20 
 
33247 ranu 21 
    #transactionList_length, #transactionList_filter {
22 
        padding: 8px !important;
23 
    }
33293 ranu 24 
 
33296 ranu 25 
 
26 
    .nav > li > a {
27 
        padding: 4px 8px !important;
28 
    }
29 
 
33247 ranu 30 
</style>
33261 ranu 31 
<section class="wrapper" style="font-size: 12px;">
33247 ranu 32 
    <div class="row">
33 
        <div class="col-lg-12">
33257 ranu 34 
 
33247 ranu 35 
            <ol class="breadcrumb">
36 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
37 
                <li><i class="icon_document_alt"></i>Warehouse Management</li>
38 
                <input type="hidden" id="firstTxnId" value="$firstTransactionId">
39 
            </ol>
40 
        </div>
41 
    </div>
42 
 
43 
 
44 
    <div class="col-lg-4">
45 
        <div class="row">
33261 ranu 46 
            <div class="well" style="padding: 10px; max-height: 800px;overflow-y: auto;">
47 
                <div class="row">
48 
                    <div class="col-md-6">
33296 ranu 49 
                        <ul class="nav nav-pills">
50 
                            <li class="active"><a data-toggle="pill" href="#readyToBill">Ready to Bill</a></li>
51 
                            <li><a data-toggle="pill" href="#ooStock">Out of stock</a></li>
52 
                        </ul>
53 
 
54 
                    </div>
55 
                    <div class="col-md-6">
33261 ranu 56 
                        <div id="authWarehousesList">
57 
                        </div>
58 
                    </div>
33257 ranu 59 
                </div>
33296 ranu 60 
                <div style="max-height: 600px;overflow-y: auto;">
61 
                    <div class="tab-content">
62 
                        <div id="readyToBill" class="tab-pane fade in active">
63 
                            <table class="table table-bordered" id="transactionList">
64 
                                <thead>
65 
                                <tr>
66 
                                    <th>Txn Id</th>
67 
                                    <th>Retailer Name</th>
68 
                                    <th>Created</th>
69 
                                </tr>
70 
                                </thead>
71 
                                <tbody>
33327 ranu 72 
                                    #foreach($perTransactionOrder in $perTransactionAvailableOrders)
33296 ranu 73 
                                        #set($hasOutOfStock = false)
74 
                                        #set($hasInStock = false)
33327 ranu 75 
                                        #foreach($order in $orderTransactionMap.get($perTransactionOrder.getTransactionId()))
33296 ranu 76 
                                            #if($oosItemIds.contains($order.getLineItem().getItemId()))
33293 ranu 77 
 
33296 ranu 78 
                                                #set($hasOutOfStock = true)
79 
                                            #else
80 
                                                #set($hasInStock = true)
81 
                                            #end
82 
                                        #end
83 
                                        #if($hasOutOfStock && $hasInStock)
84 
                                        <tr class="order_by_transaction orangeBg"
33327 ranu 85 
                                            data-transaction="$perTransactionOrder.getTransactionId()">
33293 ranu 86 
 
33296 ranu 87 
                                        #elseif($hasInStock)
88 
                                        <tr class="order_by_transaction greenBg"
33327 ranu 89 
                                            data-transaction="$perTransactionOrder.getTransactionId()">
33296 ranu 90 
                                        #end
33327 ranu 91 
                                        <td>$perTransactionOrder.getTransactionId()</td>
33296 ranu 92 
                                        <td>
33247 ranu 93 
                                    <span>
33327 ranu 94 
                                        #if($perTransactionOrder.getRetailerName())
95 
                                            $perTransactionOrder.getRetailerName()
33247 ranu 96 
                                        #end
33327 ranu 97 
                                        #if($perTransactionOrder.getRetailerCity() && $perTransactionOrder.getRetailerState())
98 
                                            ($perTransactionOrder.getRetailerCity()
99 
                                            , $perTransactionOrder.getRetailerState())
33247 ranu 100 
                                        #end
101 
                                    </span>
33296 ranu 102 
                                        </td>
33327 ranu 103 
                                        <td>$perTransactionOrder.getCreateTimestamp().format($dateFormatter)</td>
33296 ranu 104 
                                    </tr>
33293 ranu 105 
 
33296 ranu 106 
                                    #end
107 
                                </tbody>
33293 ranu 108 
 
33296 ranu 109 
                            </table>
110 
                        </div>
111 
                        <div id="ooStock" class="tab-pane fade">
112 
                            <table class="table table-bordered" id="ooStransactionList">
113 
                                <thead>
114 
                                <tr>
115 
                                    <th>Txn Id</th>
116 
                                    <th>Retailer Name</th>
117 
                                    <th>Created</th>
118 
                                </tr>
119 
                                </thead>
120 
                                <tbody>
33327 ranu 121 
                                    #foreach($perTransactionOrder in $perTransactionOOSOrders)
33296 ranu 122 
 
123 
                                    <tr class="order_by_transaction redBg"
33327 ranu 124 
                                        data-transaction="$perTransactionOrder.getTransactionId()">
125 
                                        <td>$perTransactionOrder.getTransactionId()</td>
33296 ranu 126 
                                        <td>
127 
                                            <span>
33327 ranu 128 
                                                #if($perTransactionOrder.getRetailerName())
129 
                                                    $perTransactionOrder.getRetailerName()
33296 ranu 130 
                                                #end
33327 ranu 131 
                                                #if($perTransactionOrder.getRetailerCity() && $perTransactionOrder.getRetailerState())
132 
                                                    ($perTransactionOrder.getRetailerCity()
133 
                                                    , $perTransactionOrder.getRetailerState())
33296 ranu 134 
                                                #end
135 
                                            </span>
136 
                                        </td>
33327 ranu 137 
                                        <td>$perTransactionOrder.getCreateTimestamp().format($dateFormatter)</td>
33296 ranu 138 
                                    </tr>
139 
 
140 
                                    #end
141 
                                </tbody>
142 
 
143 
                            </table>
144 
                        </div>
145 
                    </div>
146 
 
147 
 
33247 ranu 148 
                </div>
149 
            </div>
150 
        </div>
151 
    </div>
152 
    <div class="col-lg-8" id="transaction-detail-container">
153 
        <div class="row" id="transaction-detail-container">
154 
 
155 
        </div>
156 
    </div>
157 
 
158 
 
159 
</section>
160 
 
161 
 
162 
<script>
163 
    $(document).ready(function () {
164 
        $('#transactionList').DataTable(
165 
                {
166 
                    "bPaginate": true,
33296 ranu 167 
                    "pageLength": 50,
33247 ranu 168 
                    "bLengthChange": true,
169 
                    "bFilter": true,
170 
                    "bInfo": false,
171 
                    "bAutoWidth": false
172 
                }
33296 ranu 173 
        )
174 
        ;$('#ooStransactionList').DataTable(
175 
                {
176 
                    "bPaginate": true,
177 
                    "pageLength": 50,
178 
                    "bLengthChange": true,
179 
                    "bFilter": true,
180 
                    "bInfo": false,
181 
                    "bAutoWidth": false
182 
                }
33247 ranu 183 
        );
184 
 
185 
    });
186 
</script>