Subversion Repositories SmartDukaan

Rev

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">
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">
128 
                            <table class="table table-bordered" id="ooStransactionList">
129 
                                <thead>
130 
                                <tr>
131 
                                    <th>Txn Id</th>
132 
                                    <th>Retailer Name</th>
133 
                                    <th>Created</th>
134 
                                </tr>
135 
                                </thead>
136 
                                <tbody>
35029 ranu 137 
                                    #foreach($type in $partnerTypeOrder)
138 
                                        #set($orders = $fofoStatusWiseOostockOrdersMap.get($type))
139 
                                        #if($orders)
140 
                                        <tr>
141 
                                            <td colspan="3"
142 
                                                style="background-color: #ddd; font-weight: bold;">$type</td>
143 
                                        </tr>
33296 ranu 144 
 
35029 ranu 145 
                                            #foreach($perTransactionOrder in $orders)
146 
 
33296 ranu 147 
                                    <tr class="order_by_transaction redBg"
33327 ranu 148 
                                        data-transaction="$perTransactionOrder.getTransactionId()">
149 
                                        <td>$perTransactionOrder.getTransactionId()</td>
33296 ranu 150 
                                        <td>
151 
                                            <span>
33327 ranu 152 
                                                #if($perTransactionOrder.getRetailerName())
153 
                                                    $perTransactionOrder.getRetailerName()
35020 ranu 154 
                                                    - $partnerTypeMap.get($perTransactionOrder.getRetailerId())
33296 ranu 155 
                                                #end
33327 ranu 156 
                                                #if($perTransactionOrder.getRetailerCity() && $perTransactionOrder.getRetailerState())
157 
                                                    ($perTransactionOrder.getRetailerCity()
158 
                                                    , $perTransactionOrder.getRetailerState())
33296 ranu 159 
                                                #end
160 
                                            </span>
161 
                                        </td>
33327 ranu 162 
                                        <td>$perTransactionOrder.getCreateTimestamp().format($dateFormatter)</td>
33296 ranu 163 
                                    </tr>
164 
 
35029 ranu 165 
                                            #end
166 
                                        #end
33296 ranu 167 
                                    #end
168 
                                </tbody>
169 
 
170 
                            </table>
171 
                        </div>
172 
                    </div>
173 
 
174 
 
33247 ranu 175 
                </div>
176 
            </div>
177 
        </div>
178 
    </div>
179 
    <div class="col-lg-8" id="transaction-detail-container">
180 
        <div class="row" id="transaction-detail-container">
181 
 
182 
        </div>
183 
    </div>
184 
 
185 
 
186 
</section>
187 
 
188 
 
189 
<script>
190 
    $(document).ready(function () {
191 
        $('#transactionList').DataTable(
192 
                {
193 
                    "bPaginate": true,
33296 ranu 194 
                    "pageLength": 50,
33247 ranu 195 
                    "bLengthChange": true,
196 
                    "bFilter": true,
197 
                    "bInfo": false,
198 
                    "bAutoWidth": false
199 
                }
33296 ranu 200 
        )
201 
        ;$('#ooStransactionList').DataTable(
202 
                {
203 
                    "bPaginate": true,
204 
                    "pageLength": 50,
205 
                    "bLengthChange": true,
206 
                    "bFilter": true,
207 
                    "bInfo": false,
208 
                    "bAutoWidth": false
209 
                }
33247 ranu 210 
        );
211 
 
212 
    });
35039 ranu 213 
</script>
214 
<script>
215 
    $(document).ready(function () {
216 
        $("#myInput").on("keyup", function () {
217 
            var value = $(this).val().toLowerCase();
218 
            $("#transactionList tr").filter(function () {
219 
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
220 
            });
221 
        });
222 
    });
33247 ranu 223 
</script>