Subversion Repositories SmartDukaan

Rev

Rev 34493 | Rev 34568 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
34387 vikas.jang 1 
<style>
2 
    .select2-container .select2-selection--single {
3 
        box-sizing: border-box;
4 
        cursor: pointer;
5 
        display: block;
6 
        height: 35px;
7 
        padding: 3px;
8 
        user-select: none;
9 
        -webkit-user-select: none;
10 
    }
11 
 
12 
    .modal-body {
13 
        overflow-y: auto;
14 
        max-height: calc(100vh - 200px);
34405 vikas.jang 15 
        min-height: 41vh;
34387 vikas.jang 16 
    }
17 
</style>
18 
<section class="wrapper">
19 
    <div class="row">
20 
        <div class="col-lg-12">
34475 vikas.jang 21 
            <h3 class="page-header"><i class="icon_document_alt"></i>Bids</h3>
34387 vikas.jang 22 
            <ol class="breadcrumb">
23 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Dashboard</a></li>
34475 vikas.jang 24 
                <li><i class="icon_document_alt"></i>Bids</li>
34387 vikas.jang 25 
                <li class="pull-right">
34546 vikas.jang 26 
                    <button class="btn btn-success map-catalog" type="button" data-toggle="modal" data-target="#publishLiquidationModal">
27 
                        <i class="icon_document_alt"></i> Publish</button>
28 
                </li>
29 
                <li class="pull-right">
34387 vikas.jang 30 
                    <button class="btn btn-primary map-catalog" type="button" data-toggle="modal" data-target="#manageLiquidationModal">
31 
                    <i class="icon_document_alt"></i> Create New</button>
32 
                </li>
33 
            </ol>
34 
        </div>
35 
    </div>
36 
    <div class="table-responsive">
37 
        <table class="table table-bordered" id="liquidation-table">
38 
            <thead class="table-light">
39 
            <tr>
40 
                <th>Catalog</th>
41 
                <th>Start Price</th>
34493 vikas.jang 42 
                <th>No of Bids</th>
34387 vikas.jang 43 
                <th>Start - End</th>
44 
                <th>Status</th>
45 
                <th>Actions</th>
46 
            </tr>
47 
            </thead>
48 
            <tbody>
49 
                #foreach($item in $liquidations)
50 
                    <tr>
34493 vikas.jang 51 
                        <td>$saholicStockMap.get($item.catalogId).getBrand() $saholicStockMap.get($item.catalogId).getModelNumber()</td>
34387 vikas.jang 52 
                        <td>$item.price</td>
34546 vikas.jang 53 
                        <td>#if($bidsMap.get($item.getId()).size() > 0) $bidsMap.get($item.getId()).size() #else 0 #end</td>
34493 vikas.jang 54 
                        <td>$item.startDate.format($dateTimeFormatter) - $item.endDate.format($dateTimeFormatter)</td>
34387 vikas.jang 55 
                        <td>$item.status</td>
56 
                        <td>
34405 vikas.jang 57 
                            <a role="button" onclick="editLiquidation($item.id)" class="btn btn-sm btn-info"><i class="fa fa-eye"></i> View</a>
58 
                            #*<a role="button" onclick="deleteLiquidation($item.id)" class="btn btn-sm btn-danger">Delete</a>*#
34387 vikas.jang 59 
                        </td>
60 
                    </tr>
61 
                #end
62 
            </tbody>
63 
        </table>
64 
    </div>
65 
</section>
66 
 
67 
<div id="manageLiquidationModal" class="modal" role="dialog">
68 
    <div class="modal-dialog">
69 
        <div class="modal-content">
70 
            <div class="modal-header">
71 
                <button type="button" class="close" data-dismiss="modal">&times;</button>
34475 vikas.jang 72 
                <h4 class="modal-title">Manage Bid</h4>
34387 vikas.jang 73 
            </div>
74 
            <div class="modal-body" id="manageLiquidationModalBody">
75 
                <form id="biddingForm" action="$formActionUrl" method="post" class="row g-3 mb-4">
34405 vikas.jang 76 
                    <input type="hidden" name="id" id="id">
34445 vikas.jang 77 
                    <input type="hidden" name="quantity" id="quantity">
34405 vikas.jang 78 
 
79 
                    <div class="col-md-7">
34387 vikas.jang 80 
                        <div class="form-group">
34546 vikas.jang 81 
                            <label class="form-label" for="catalogId">Catalog <span class="text-danger">*</span></label>
34405 vikas.jang 82 
                            <span class="pull-right"><input name="restricted" value="true" id="restricted" type="checkbox"> Restricted?</span>
34445 vikas.jang 83 
                            <select name="catalogId" id="catalogId" class="form-select catalogId" required>
34387 vikas.jang 84 
                                <option value="">Select</option>
34405 vikas.jang 85 
                                #foreach($entry in $catalogs)
34445 vikas.jang 86 
                                    <option value="$entry.catalogId" data-qty="$entry.shaholicNetAvailability">$entry.brand $entry.modelNumber ($entry.shaholicNetAvailability)</option>
34387 vikas.jang 87 
                                #end
88 
                            </select>
89 
                        </div>
90 
                    </div>
91 
 
34405 vikas.jang 92 
                    <div class="col-md-5">
34387 vikas.jang 93 
                        <div class="form-group">
34546 vikas.jang 94 
                            <label for="price" class="form-label">Bidding Price <span class="text-danger">*</span></label>
34405 vikas.jang 95 
                            <input type="number" name="price" id="price" class="form-control" required>
34387 vikas.jang 96 
                        </div>
97 
                    </div>
98 
 
34493 vikas.jang 99 
                    <div class="col-md-3">
34387 vikas.jang 100 
                        <div class="form-group">
34546 vikas.jang 101 
                            <label for="incrementStep" class="form-label">Increment Step <span class="text-danger">*</span></label>
34493 vikas.jang 102 
                            <input type="number" name="incrementStep" id="incrementStep" class="form-control" required value="10">
103 
                        </div>
104 
                    </div>
34546 vikas.jang 105 
                    <div class="col-md-7">
106 
                        <div class="row">
107 
                            <div class="col-md-6">
108 
                                <div class="form-group">
109 
                                    <label for="startDate" class="form-label">Start Date <span class="text-danger">*</span></label>
110 
                                    <input type="datetime-local" name="startDate" id="startDate" class="form-control" required>
111 
                                </div>
112 
                            </div>
34493 vikas.jang 113 
 
34546 vikas.jang 114 
                            <div class="col-md-6">
115 
                                <div class="form-group">
116 
                                    <label for="endDate" class="form-label">End Date <span class="text-danger">*</span></label>
117 
                                    <input type="datetime-local" name="endDate" id="endDate" class="form-control" required>
118 
                                </div>
119 
                            </div>
34387 vikas.jang 120 
                        </div>
121 
                    </div>
34546 vikas.jang 122 
                    <div class="col-md-2">
34387 vikas.jang 123 
                        <div class="form-group">
34546 vikas.jang 124 
                            <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
34387 vikas.jang 125 
                            <select name="status" id="status" class="form-select">
34445 vikas.jang 126 
                                <option value="ACTIVE">Active</option>
127 
                                <option value="INACTIVE">Inactive</option>
128 
                                <option value="CLOSED">Closed</option>
34387 vikas.jang 129 
                            </select>
130 
                        </div>
131 
                    </div>
34546 vikas.jang 132 
                    <input type="file" id="real-file" style="display: none;">
133 
                    <input type="hidden" name="mediaId" id="mediaId" value="0">
34387 vikas.jang 134 
                </form>
135 
            </div>
136 
            <div class="modal-footer">
34546 vikas.jang 137 
                <div class="row">
138 
                    <div class="col-md-6">
139 
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
140 
                        <button type="button" class="btn btn-primary save-liquidation">Save</button>
141 
                    </div>
142 
                </div>
143 
            </div>
144 
        </div>
145 
    </div>
146 
</div>
147 
 
148 
<div id="publishLiquidationModal" class="modal" role="dialog">
149 
    <div class="modal-dialog">
150 
        <div class="modal-content modal-lg">
151 
            <div class="modal-header">
152 
                <button type="button" class="close" data-dismiss="modal">&times;</button>
153 
                <h4 class="modal-title">Publish Bids</h4>
154 
            </div>
155 
            <div class="modal-body" id="manageLiquidationModalBody">
156 
                <div class="col-md-12">
157 
                    <div class="row">
158 
                        <div class="col-md-3"></div>
159 
                        <div class="col-md-6 text-center">
160 
                            <input type="file" accept="image/*" id="real-file" style="display: none;">
161 
                            <input type="hidden" id="mediaId">
162 
                            <button class="btn btn-success" id="add-media">Choose file</button>
163 
                            <br>
164 
                            <span id="file-name"></span>
165 
                            <img src="" alt="" id="imgPreview" width="100%">
166 
                        </div>
167 
                    </div>
168 
                </div>
169 
                <table class="table table-bordered" id="liquidation-table">
170 
                        <thead class="table-light">
171 
                            <tr>
172 
                                <th></th>
173 
                                <th>Catalog</th>
174 
                                <th>Start Price</th>
175 
                                <th>Start - End</th>
176 
                                <th>Status</th>
177 
                            </tr>
178 
                        </thead>
179 
                        <tbody>
180 
                            #foreach($item in $liquidations)
181 
                                #if($item.status == "ACTIVE")
182 
                                    <tr>
183 
                                        <td><input type="checkbox" class="selectLiquidations" value="$item.getId()"></td>
184 
                                        <td>$saholicStockMap.get($item.catalogId).getBrand() $saholicStockMap.get($item.catalogId).getModelNumber()</td>
185 
                                        <td>$item.price</td>
186 
                                        <td>$item.startDate.format($dateTimeFormatter) - $item.endDate.format($dateTimeFormatter)</td>
187 
                                        <td>$item.status</td>
188 
                                    </tr>
189 
                                #end
190 
                            #end
191 
                        </tbody>
192 
                    </table>
193 
            </div>
194 
            <div class="modal-footer">
34387 vikas.jang 195 
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
34546 vikas.jang 196 
                <button type="button" class="btn btn-primary publish-liquidation">Publish</button>
34387 vikas.jang 197 
            </div>
198 
        </div>
199 
    </div>
34546 vikas.jang 200 
</div>
201 
 
202 
<script>
203 
    $(function() {
204 
        const realFileInput = $("#real-file");
205 
        const addMedia = $("#add-media");
206 
        const fileNameDisplay = $("#file-name");
207 
        addMedia.click(function(){
208 
            realFileInput.click();
209 
        });
210 
 
211 
        realFileInput.change(function(event) {
212 
            const files = event.target.files;
213 
            console.log("change triggered", files);
214 
            if (files.length > 0) {
215 
                var output = document.getElementById('imgPreview');
216 
                output.src = URL.createObjectURL(event.target.files[0]);
217 
                output.onload = function() {
218 
                    URL.revokeObjectURL(output.src)
219 
                }
220 
                fileNameDisplay.text(files[0].name);
221 
                uploadDocument(files[0], function (documentId) {
222 
                    $('#mediaId').val(documentId);
223 
                });
224 
            } else {
225 
                fileNameDisplay.text("No file chosen");
226 
            }
227 
        });
228 
    });
229 
</script>