Subversion Repositories SmartDukaan

Rev

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