| 32192 |
tejbeer |
1 |
|
|
|
2 |
<script type="text/javascript">
|
|
|
3 |
|
|
|
4 |
|
|
|
5 |
$(function () {
|
|
|
6 |
getVendorAheadOptions($("#typeaheadVendor"), function (selectedVendor) {
|
|
|
7 |
$('#vendorId').val(selectedVendor.id + "");
|
|
|
8 |
|
|
|
9 |
});
|
|
|
10 |
|
|
|
11 |
|
|
|
12 |
|
|
|
13 |
});
|
|
|
14 |
|
|
|
15 |
|
|
|
16 |
$(document).ready(function () {
|
|
|
17 |
|
|
|
18 |
var dtable = $('#open-invoices').DataTable({
|
|
|
19 |
|
|
|
20 |
|
|
|
21 |
});
|
|
|
22 |
|
|
|
23 |
});
|
|
|
24 |
|
|
|
25 |
|
|
|
26 |
</script>
|
|
|
27 |
|
|
|
28 |
<section class="wrapper">
|
|
|
29 |
<div class="row">
|
|
|
30 |
<div class="col-lg-12">
|
|
|
31 |
<h3 class="page-header"><i class="icon_document_alt"></i>Receive New Invoice</h3>
|
|
|
32 |
<ol class="breadcrumb">
|
|
|
33 |
<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
|
|
|
34 |
<li><i class="icon_document_alt"></i>Receive New Invoice</li>
|
|
|
35 |
</ol>
|
|
|
36 |
</div>
|
|
|
37 |
</div>
|
|
|
38 |
<div class="row">
|
|
|
39 |
|
|
|
40 |
|
|
|
41 |
<div id="filter-details" style="background:white;background-color:white;padding:10px;">
|
|
|
42 |
<div class = "row">
|
|
|
43 |
|
|
|
44 |
<div class="col-lg-2 form-group">
|
| 32261 |
tejbeer |
45 |
<label>Actual Invoice Date</label>
|
|
|
46 |
<input type="date" class="form-control" id="actualDate" autocomplete="off" placeholder="Actual Date"/>
|
| 32192 |
tejbeer |
47 |
</div>
|
|
|
48 |
|
|
|
49 |
<div class="col-lg-2 form-group">
|
|
|
50 |
<label>Vendor</label>
|
|
|
51 |
|
|
|
52 |
<input placeholder="Enter Vendor Name" type="text" class="typeahead form-control"
|
|
|
53 |
id="typeaheadVendor" name="Item" data-provide="typeahead" value="" autocomplete="off">
|
|
|
54 |
<input id="vendorId" type="hidden" />
|
|
|
55 |
</div>
|
|
|
56 |
|
| 32300 |
tejbeer |
57 |
|
|
|
58 |
<div class="col-lg-2 form-group">
|
| 32192 |
tejbeer |
59 |
<label>Invoice Number</label>
|
|
|
60 |
|
|
|
61 |
<input type="text" class="form-control" id="invoiceNumber" autocomplete="off" placeholder="Invoice Number"/>
|
|
|
62 |
</div>
|
|
|
63 |
|
| 32300 |
tejbeer |
64 |
<div class="col-lg-2 form-group">
|
| 32192 |
tejbeer |
65 |
<label>Warehouse</label>
|
|
|
66 |
|
|
|
67 |
<select class="form-control input-sm" id = "warehouseMap" name="warehouseMap" placeholder="Warehouse">
|
|
|
68 |
<option value="" disabled selected>Warehouse</option>
|
|
|
69 |
#foreach($wm in $warehouseMap.entrySet()))
|
|
|
70 |
<option value="$wm.getKey()">$wm.getValue()</option>
|
|
|
71 |
#end
|
|
|
72 |
</select>
|
|
|
73 |
|
|
|
74 |
</div>
|
|
|
75 |
|
| 32300 |
tejbeer |
76 |
<div class="col-lg-2 form-group">
|
| 32192 |
tejbeer |
77 |
<label>Number of items</label>
|
|
|
78 |
<input type="number" class="form-control" id="numberofItems" autocomplete="off" placeholder="Number of Items"/>
|
|
|
79 |
</div>
|
|
|
80 |
|
|
|
81 |
</div>
|
|
|
82 |
|
|
|
83 |
<div class = "row">
|
|
|
84 |
|
|
|
85 |
|
|
|
86 |
|
| 32300 |
tejbeer |
87 |
<div class="col-lg-2 form-group">
|
| 32192 |
tejbeer |
88 |
<label>Total Value</label>
|
|
|
89 |
<input type="number" class="form-control" id="totalValue" autocomplete="off" placeholder="Total Value"/>
|
|
|
90 |
</div>
|
|
|
91 |
|
|
|
92 |
|
| 32311 |
tejbeer |
93 |
|
| 32192 |
tejbeer |
94 |
<div class="col-lg-2 form-group">
|
|
|
95 |
<label>Invoice</label>
|
|
|
96 |
|
|
|
97 |
<input type="hidden" id"invoicehidden" value="">
|
|
|
98 |
<input type="file" id="invoice" placeholder="invoice" name="invoice"
|
|
|
99 |
value="">
|
|
|
100 |
|
|
|
101 |
</div>
|
|
|
102 |
|
|
|
103 |
<div class="col-lg-2 form-group">
|
|
|
104 |
<label>Action</label>
|
|
|
105 |
|
|
|
106 |
<input class="form-control btn btn-primary createReceiveInvoice" type="button" value="Receive">
|
|
|
107 |
</div>
|
|
|
108 |
|
|
|
109 |
|
|
|
110 |
|
|
|
111 |
</div>
|
|
|
112 |
</div>
|
|
|
113 |
</div>
|
|
|
114 |
|
|
|
115 |
|
|
|
116 |
<div class="row">
|
|
|
117 |
|
|
|
118 |
<div class="col-lg-12">
|
|
|
119 |
<table id="open-invoices" class="table table-striped table-advance table-hover" >
|
|
|
120 |
<thead>
|
|
|
121 |
<tr>
|
|
|
122 |
<th> Date</th>
|
|
|
123 |
<th> Supplier</th>
|
|
|
124 |
<th>Warehouse</th>
|
|
|
125 |
<th> Invoice Number</th>
|
|
|
126 |
<th> Num Items</th>
|
|
|
127 |
<th> Invoice Date</th>
|
|
|
128 |
<th> Received By</th>
|
| 32256 |
tejbeer |
129 |
|
| 32192 |
tejbeer |
130 |
<th> Status </th>
|
| 32256 |
tejbeer |
131 |
<th> Invoice </th>
|
| 32192 |
tejbeer |
132 |
|
|
|
133 |
</tr>
|
|
|
134 |
</thead>
|
|
|
135 |
|
|
|
136 |
<tbody>
|
|
|
137 |
|
|
|
138 |
|
|
|
139 |
#foreach($supplierInvoice in $supplierInvoices)
|
|
|
140 |
<tr>
|
|
|
141 |
<td>$supplierInvoice.getCreateDate().format($dateTimeFormatter)</td>
|
|
|
142 |
<td>$supplierMap.get($supplierInvoice.getSupplierId()).getName()</td>
|
|
|
143 |
<td>$warehouseMap.get($supplierInvoice.getWarehouseId()) </td>
|
|
|
144 |
<td> <a onclick="getInvoiceItems($supplierInvoice.getId())">$supplierInvoice.getInvoiceNumber() </a> </td>
|
|
|
145 |
<td>$supplierInvoice.getNumItems()</td>
|
|
|
146 |
<td>$supplierInvoice.getInvoiceDate().format($dateTimeFormatter)</td>
|
|
|
147 |
<td>$supplierInvoice.getReceivedFrom()</td>
|
| 32256 |
tejbeer |
148 |
#if($grnRequestMap.get($supplierInvoice.getId()))
|
|
|
149 |
<td>$grnRequestMap.get($supplierInvoice.getId()).getStatus() </td>
|
|
|
150 |
#else
|
|
|
151 |
<td> - </td>
|
|
|
152 |
#end
|
| 32192 |
tejbeer |
153 |
<td> <a href="${rc.contextPath}/download-attachment?documentId=$supplierInvoice.getInvoiceDocId()" class="download">Download Doc</a>
|
|
|
154 |
</td>
|
|
|
155 |
|
|
|
156 |
</tr>
|
|
|
157 |
#end
|
|
|
158 |
|
|
|
159 |
</tbody>
|
|
|
160 |
</table>
|
|
|
161 |
</div>
|
|
|
162 |
</div>
|
|
|
163 |
<div class="row">
|
|
|
164 |
|
|
|
165 |
<div class="col-lg-12">
|
|
|
166 |
<div class="invoiceadditemcontainer">
|
|
|
167 |
|
|
|
168 |
</div>
|
|
|
169 |
</div>
|
|
|
170 |
|
|
|
171 |
</div>
|
|
|
172 |
|
|
|
173 |
|
|
|
174 |
|
|
|
175 |
</section>
|