Subversion Repositories SmartDukaan

Rev

Rev 33294 | Rev 33327 | 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>
72 
                                    #foreach($transaction in $availableTransactionIds)
73 
                                        #set($hasOutOfStock = false)
74 
                                        #set($hasInStock = false)
75 
                                        #foreach($order in $orderTransactionMap.get($transaction.getTransactionId()))
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"
85 
                                            data-transaction="$transaction.getTransactionId()">
33293 ranu 86 
 
33296 ranu 87 
                                        #elseif($hasInStock)
88 
                                        <tr class="order_by_transaction greenBg"
89 
                                            data-transaction="$transaction.getTransactionId()">
90 
                                        #end
91 
                                        <td>$transaction.getTransactionId()</td>
92 
                                        <td>
33247 ranu 93 
                                    <span>
33273 ranu 94 
                                        #if($transaction.getRetailerName())
95 
                                            $transaction.getRetailerName()
33247 ranu 96 
                                        #end
33273 ranu 97 
                                        #if($transaction.getRetailerCity() && $transaction.getRetailerState())
98 
                                            ($transaction.getRetailerCity(), $transaction.getRetailerState())
33247 ranu 99 
                                        #end
100 
                                    </span>
33296 ranu 101 
                                        </td>
102 
                                        <td>$transaction.getCreateTimestamp().format($dateFormatter)</td>
103 
                                    </tr>
33293 ranu 104 
 
33296 ranu 105 
                                    #end
106 
                                </tbody>
33293 ranu 107 
 
33296 ranu 108 
                            </table>
109 
                        </div>
110 
                        <div id="ooStock" class="tab-pane fade">
111 
                            <table class="table table-bordered" id="ooStransactionList">
112 
                                <thead>
113 
                                <tr>
114 
                                    <th>Txn Id</th>
115 
                                    <th>Retailer Name</th>
116 
                                    <th>Created</th>
117 
                                </tr>
118 
                                </thead>
119 
                                <tbody>
120 
                                    #foreach($transaction in $outOfStockTransactionIds)
121 
 
122 
                                    <tr class="order_by_transaction redBg"
123 
                                        data-transaction="$transaction.getTransactionId()">
124 
                                        <td>$transaction.getTransactionId()</td>
125 
                                        <td>
126 
                                            <span>
127 
                                                #if($transaction.getRetailerName())
128 
                                                    $transaction.getRetailerName()
129 
                                                #end
130 
                                                #if($transaction.getRetailerCity() && $transaction.getRetailerState())
131 
                                                    ($transaction.getRetailerCity(), $transaction.getRetailerState())
132 
                                                #end
133 
                                            </span>
134 
                                        </td>
135 
                                        <td>$transaction.getCreateTimestamp().format($dateFormatter)</td>
136 
                                    </tr>
137 
 
138 
                                    #end
139 
                                </tbody>
140 
 
141 
                            </table>
142 
                        </div>
143 
                    </div>
144 
 
145 
 
33247 ranu 146 
                </div>
147 
            </div>
148 
        </div>
149 
    </div>
150 
    <div class="col-lg-8" id="transaction-detail-container">
151 
        <div class="row" id="transaction-detail-container">
152 
 
153 
        </div>
154 
    </div>
155 
 
156 
 
157 
</section>
158 
 
159 
 
160 
<script>
161 
    $(document).ready(function () {
162 
        $('#transactionList').DataTable(
163 
                {
164 
                    "bPaginate": true,
33296 ranu 165 
                    "pageLength": 50,
33247 ranu 166 
                    "bLengthChange": true,
167 
                    "bFilter": true,
168 
                    "bInfo": false,
169 
                    "bAutoWidth": false
170 
                }
33296 ranu 171 
        )
172 
        ;$('#ooStransactionList').DataTable(
173 
                {
174 
                    "bPaginate": true,
175 
                    "pageLength": 50,
176 
                    "bLengthChange": true,
177 
                    "bFilter": true,
178 
                    "bInfo": false,
179 
                    "bAutoWidth": false
180 
                }
33247 ranu 181 
        );
182 
 
183 
    });
184 
</script>