Subversion Repositories SmartDukaan

Rev

Rev 35039 | 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">
35039 ranu 63 
                            <div style="margin-bottom: 10px;">
64 
                                <input type="text" id="myInput" placeholder="Search transactions..."
65 
                                       style="width: 98%;margin-top: 10px; padding: 5px;">
66 
                            </div>
67 
 
33296 ranu 68 
                            <table class="table table-bordered" id="transactionList">
69 
                                <thead>
70 
                                <tr>
71 
                                    <th>Txn Id</th>
72 
                                    <th>Retailer Name</th>
73 
                                    <th>Created</th>
74 
                                </tr>
75 
                                </thead>
76 
                                <tbody>
35029 ranu 77 
                                    #foreach($type in $partnerTypeOrder)
78 
                                        #set($orders = $fofoStatusWiseInstockOrdersMap.get($type))
79 
                                        #if($orders)
80 
                                        <tr>
81 
                                            <td colspan="3"
82 
                                                style="background-color: #ddd; font-weight: bold;">$type</td>
83 
                                        </tr>
33293 ranu 84 
 
35029 ranu 85 
                                            #foreach($perTransactionOrder in $orders)
86 
                                                #set($hasOutOfStock = false)
87 
                                                #set($hasInStock = false)
88 
                                                #foreach($order in $orderTransactionMap.get($perTransactionOrder.getTransactionId()))
89 
                                                    #if($oosItemIds.contains($order.getLineItem().getItemId()))
90 
 
91 
                                                        #set($hasOutOfStock = true)
92 
                                                    #else
93 
                                                        #set($hasInStock = true)
94 
                                                    #end
95 
                                                #end
96 
                                                #if($hasOutOfStock && $hasInStock)
97 
                                                <tr class="order_by_transaction orangeBg"
98 
                                                    data-transaction="$perTransactionOrder.getTransactionId()">
99 
 
100 
                                                #elseif($hasInStock)
101 
                                                <tr class="order_by_transaction greenBg"
102 
                                                    data-transaction="$perTransactionOrder.getTransactionId()">
103 
                                                #end
104 
                                                <td>$perTransactionOrder.getTransactionId()</td>
105 
                                                <td>
106 
                                                <span>
107 
                                                    #if($perTransactionOrder.getRetailerName())
108 
                                                        $perTransactionOrder.getRetailerName()
109 
                                                        - $partnerTypeMap.get($perTransactionOrder.getRetailerId())
110 
                                                    #end
111 
                                                    #if($perTransactionOrder.getRetailerCity() && $perTransactionOrder.getRetailerState())
112 
                                                        ($perTransactionOrder.getRetailerCity()
113 
                                                        , $perTransactionOrder.getRetailerState())
114 
                                                    #end
115 
                                                </span>
116 
                                                </td>
117 
                                                <td>$perTransactionOrder.getCreateTimestamp().format($dateFormatter)</td>
118 
                                            </tr>
119 
 
33296 ranu 120 
                                            #end
121 
                                        #end
122 
                                    #end
123 
                                </tbody>
33293 ranu 124 
 
33296 ranu 125 
                            </table>
126 
                        </div>
127 
                        <div id="ooStock" class="tab-pane fade">
36074 amit 128 
                            <div style="margin-bottom: 10px;">
129 
                                <input type="text" id="oosInput" placeholder="Search transactions..."
130 
                                       style="width: 98%;margin-top: 10px; padding: 5px;">
131 
                            </div>
33296 ranu 132 
                            <table class="table table-bordered" id="ooStransactionList">
133 
                                <thead>
134 
                                <tr>
135 
                                    <th>Txn Id</th>
136 
                                    <th>Retailer Name</th>
137 
                                    <th>Created</th>
138 
                                </tr>
139 
                                </thead>
140 
                                <tbody>
35029 ranu 141 
                                    #foreach($type in $partnerTypeOrder)
142 
                                        #set($orders = $fofoStatusWiseOostockOrdersMap.get($type))
143 
                                        #if($orders)
144 
                                        <tr>
145 
                                            <td colspan="3"
146 
                                                style="background-color: #ddd; font-weight: bold;">$type</td>
147 
                                        </tr>
33296 ranu 148 
 
35029 ranu 149 
                                            #foreach($perTransactionOrder in $orders)
150 
 
33296 ranu 151 
                                    <tr class="order_by_transaction redBg"
33327 ranu 152 
                                        data-transaction="$perTransactionOrder.getTransactionId()">
153 
                                        <td>$perTransactionOrder.getTransactionId()</td>
33296 ranu 154 
                                        <td>
155 
                                            <span>
33327 ranu 156 
                                                #if($perTransactionOrder.getRetailerName())
157 
                                                    $perTransactionOrder.getRetailerName()
35020 ranu 158 
                                                    - $partnerTypeMap.get($perTransactionOrder.getRetailerId())
33296 ranu 159 
                                                #end
33327 ranu 160 
                                                #if($perTransactionOrder.getRetailerCity() && $perTransactionOrder.getRetailerState())
161 
                                                    ($perTransactionOrder.getRetailerCity()
162 
                                                    , $perTransactionOrder.getRetailerState())
33296 ranu 163 
                                                #end
164 
                                            </span>
165 
                                        </td>
33327 ranu 166 
                                        <td>$perTransactionOrder.getCreateTimestamp().format($dateFormatter)</td>
33296 ranu 167 
                                    </tr>
168 
 
35029 ranu 169 
                                            #end
170 
                                        #end
33296 ranu 171 
                                    #end
172 
                                </tbody>
173 
 
174 
                            </table>
175 
                        </div>
176 
                    </div>
177 
 
178 
 
33247 ranu 179 
                </div>
180 
            </div>
181 
        </div>
182 
    </div>
183 
    <div class="col-lg-8" id="transaction-detail-container">
184 
        <div class="row" id="transaction-detail-container">
185 
 
186 
        </div>
187 
    </div>
188 
 
189 
 
190 
</section>
191 
 
192 
 
193 
<script>
194 
    $(document).ready(function () {
195 
        $('#transactionList').DataTable(
196 
                {
197 
                    "bPaginate": true,
33296 ranu 198 
                    "pageLength": 50,
33247 ranu 199 
                    "bLengthChange": true,
200 
                    "bFilter": true,
201 
                    "bInfo": false,
202 
                    "bAutoWidth": false
203 
                }
33296 ranu 204 
        )
205 
        ;$('#ooStransactionList').DataTable(
206 
                {
207 
                    "bPaginate": true,
208 
                    "pageLength": 50,
209 
                    "bLengthChange": true,
210 
                    "bFilter": true,
211 
                    "bInfo": false,
212 
                    "bAutoWidth": false
213 
                }
33247 ranu 214 
        );
215 
 
216 
    });
35039 ranu 217 
</script>
218 
<script>
219 
    $(document).ready(function () {
220 
        $("#myInput").on("keyup", function () {
221 
            var value = $(this).val().toLowerCase();
222 
            $("#transactionList tr").filter(function () {
223 
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
224 
            });
225 
        });
36074 amit 226 
        $("#oosInput").on("keyup", function () {
227 
            var value = $(this).val().toLowerCase();
228 
            $("#ooStransactionList tr").filter(function () {
229 
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
230 
            });
231 
        });
35039 ranu 232 
    });
33247 ranu 233 
</script>