Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
31371 tejbeer 1 
<script type="text/javascript">
2 
 
35289 amit 3 
    $(document).ready(function () {
31371 tejbeer 4 
 
35289 amit 5 
        $('#trial-users').DataTable({
31371 tejbeer 6 
 
35289 amit 7 
                    "bPaginate": true,
8 
                    "bLengthChange": true,
9 
                    "bFilter": true,
10 
                    "bInfo": false,
11 
                    "bAutoWidth": false,
12 
                    "scrollX": true,
31371 tejbeer 13 
 
35289 amit 14 
                }
15 
        );
16 
    });
31371 tejbeer 17 
</script>
31407 tejbeer 18 
 
19 
<style>
20 
 
21 
 
35289 amit 22 
    img:target {
23 
        border: 5px solid red;
24 
    }
31407 tejbeer 25 
 
35289 amit 26 
    .lightbox {
27 
        /* Default to hidden */
28 
        display: none;
31407 tejbeer 29 
 
35289 amit 30 
        /* Overlay entire screen */
31 
        position: fixed;
32 
        z-index: 999;
33 
        top: 0;
34 
        left: 0;
35 
        right: 0;
36 
        bottom: 0;
31407 tejbeer 37 
 
35289 amit 38 
        /* A bit of padding around image */
39 
        padding: 1em;
31407 tejbeer 40 
 
35289 amit 41 
        /* Translucent background */
42 
        background: rgba(0, 0, 0, 0.8);
43 
    }
31407 tejbeer 44 
 
35289 amit 45 
    /* Unhide the lightbox when it's the target */
46 
    .lightbox:target {
47 
        display: block;
48 
    }
31407 tejbeer 49 
 
35289 amit 50 
    .lightbox span {
51 
        /* Full width and height */
52 
        display: block;
53 
        width: 100%;
54 
        height: 100%;
31407 tejbeer 55 
 
35289 amit 56 
        /* Size and position background image */
57 
        background-position: center;
58 
        background-repeat: no-repeat;
59 
        background-size: contain;
60 
    }
31407 tejbeer 61 
 
35360 aman 62 
    .p-2 {
63 
        padding: 0.7em;
64 
    }
31407 tejbeer 65 
 
35360 aman 66 
 
31407 tejbeer 67 
</style>
31371 tejbeer 68 
<section class="wrapper">
35289 amit 69 
    <div class="row">
70 
        <div class="col-lg-12">
35360 aman 71 
            <h3 class="page-header"><i class="icon_document_alt"></i>Trial Partner</h3>
35289 amit 72 
            <ol class="breadcrumb">
73 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
35360 aman 74 
                <li><i class="icon_document_alt"></i> Trial Partner Req page</li>
35289 amit 75 
            </ol>
76 
        </div>
77 
    </div>
34126 tejus.loha 78 
 
33966 aman.kumar 79 
 
35289 amit 80 
    <div class="row">
81 
        <div class="col-lg-12">
82 
            <table class="table table-border table-condensed table-bordered" id="trial-users">
83 
                <thead>
84 
                <tr>
35360 aman 85 
                    <th>Id</th>
35289 amit 86 
                    <th>Outlet Name</th>
87 
                    <th>Email</th>
88 
                    <th>Mobile</th>
89 
                    <th>Name</th>
90 
                    <th>City</th>
91 
                    <th>State</th>
92 
                    <th>Address</th>
93 
                    <th>Pin Code</th>
94 
                    <th>Pan Document</th>
95 
                    <th>Aadhaar Document</th>
96 
                    <th>Action</th>
97 
                </tr>
98 
                </thead>
99 
                <tbody>
100 
                    #if($trialForms.size() > 0)
101 
                        #foreach( $trialForm in $trialForms )
102 
                        <tr data-id="$trialForm.getId()">
35360 aman 103 
                            <td>$trialForm.getId()</td>
35289 amit 104 
                            <td>$trialForm.getBusinessName()</td>
105 
                            <td>$trialForm.getEmail()</td>
106 
                            <td>$trialForm.getMobile()</td>
107 
                            <td>$trialForm.getFirstName() $trialForm.getLastName()</td>
108 
                            <td>$trialForm.getCity()</td>
109 
                            <td>$trialForm.getState()</td>
35499 aman 110 
                            <td>$trialForm.getAddressLine1()   #if($trialForm.addressLine2)
111 
                                <br/>$trialForm.addressLine2
112 
                            #end</td>
35289 amit 113 
                            <td>$trialForm.getPincode()</td>
114 
                            <td>
115 
                                <a href="#pan-id$trialForm.getId()">
116 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"
117 
                                         width="100">
118 
                                </a>
119 
                                <a href="#" class="lightbox" id="pan-id$trialForm.getId()">
120 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span>
121 
                                </a>
122 
                            </td>
123 
                            <td>
124 
                                <a href="#aadhaar-id$trialForm.getId()">
125 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()"
126 
                                         width="100">
127 
                                </a>
128 
                                <a href="#" class="lightbox" id="aadhaar-id$trialForm.getId()">
129 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()')"></span>
130 
                                </a>
131 
                            </td>
33966 aman.kumar 132 
 
35289 amit 133 
                            <td class="text-center">
35340 aman 134 
                                <button class="btn btn-success btn-xs openBrandModal"
135 
                                        style="margin-bottom: 5px;margin-right: 5px;" data-id="$trialForm.getId()"
136 
                                        data-toggle="modal"
137 
                                        data-target="#brandPotentialModal">
138 
                                    <i class="fa fa-check-circle"></i> Verify
35289 amit 139 
                                </button>
140 
                                <button class="btn btn-danger btn-xs mk_cancel mk_trial_cancel">
141 
                                    <i class="fa fa-times-circle"></i> Cancel Trial
142 
                                </button>
143 
                            </td>
33966 aman.kumar 144 
 
35289 amit 145 
                        </tr>
146 
                        #end
147 
                    #else
148 
                    <tr>
149 
                        <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
150 
                    </tr>
151 
                    #end
152 
                </tbody>
153 
            </table>
154 
        </div>
155 
    </div>
33966 aman.kumar 156 
 
157 
 
35289 amit 158 
    <div id="fetchLeadActivityData" class="modal" role="dialog">
31371 tejbeer 159 
        <div class="modal-dialog">
160 
            <div class="modal-content"></div>
161 
        </div>
162 
    </div>
35289 amit 163 
</section>
35340 aman 164 
 
165 
<div class="modal fade" id="brandPotentialModal" tabindex="-1" role="dialog">
166 
    <div class="modal-dialog modal-lg" role="document">
167 
        <div class="modal-content">
168 
 
169 
            <!-- Modal Header -->
35499 aman 170 
            <div class="modal-header text-white">
35340 aman 171 
                <h5 class="modal-title">Brand Potential Verification</h5>
172 
                <button type="button" class="close text-white" data-dismiss="modal">
173 
                    <span>&times;</span>
174 
                </button>
175 
            </div>
176 
 
177 
            <!-- Modal Body -->
178 
            <div class="modal-body">
179 
 
35360 aman 180 
                <form id="asmBmForm" onsubmit="event.preventDefault(); saveAsmBm();"
181 
                      class=" bg-light rounded shadow-sm">
182 
 
183 
                    <div class="row p-2">
184 
                        <!-- BM Select -->
185 
                        <div class="col-md-4 p-2">
186 
                            <label class="form-label">Select BM</label>
187 
                            <select name="bm" class="form-select">
188 
                                <option value="">Select BM</option>
189 
                                #foreach($option in $bm)
190 
                                    <option value="$option.getId()">
191 
                                        $option.getFirstName() $option.getLastName()
192 
                                    </option>
193 
                                #end
194 
                            </select>
195 
                        </div>
196 
 
197 
                        <!-- ASM Select -->
198 
                        <div class="col-md-4 p-2">
199 
                            <label class="form-label">Select ASM</label>
200 
                            <select name="asm" class="form-select">
201 
                                <option value="">Select ASM</option>
202 
                                #foreach($option in $asm)
203 
                                    <option value="$option.getId()">
204 
                                        $option.getFirstName() $option.getLastName()
205 
                                    </option>
206 
                                #end
207 
                            </select>
208 
                        </div>
209 
                        <div class="col-md-4">
210 
                            <button type="submit" class="btn btn-danger w-100 mt-3">
211 
                                Save
212 
                            </button>
213 
                        </div>
214 
                    </div>
215 
 
216 
                </form>
217 
                <hr>
218 
 
219 
 
35340 aman 220 
                <form id="brandPotentialForm" onsubmit="event.preventDefault(); saveBrandPotential();">
221 
 
222 
                    <input type="hidden" name="trialFormId" value=""/>
223 
 
224 
                    <table class="table table-bordered align-middle">
225 
                        <thead class="table-light">
226 
                        <tr>
227 
                            <th>Brand</th>
228 
                            <th>Potential</th>
229 
                            <th style="width: 50px;">Add</th>
230 
                        </tr>
231 
                        </thead>
232 
 
233 
                        <tbody id="brandPotentialRows">
234 
                        <tr>
235 
                            <td>
236 
                                <input type="text" name="brand_1" class="form-control" placeholder="Brand Name"/>
237 
                            </td>
238 
                            <td>
239 
                                <input type="number" name="potential_1" class="form-control"
240 
                                       placeholder="Enter Potential"/>
241 
                            </td>
242 
                            <td class="text-center">
243 
                                <button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>
244 
                            </td>
245 
                        </tr>
246 
                        </tbody>
247 
 
248 
                    </table>
249 
 
35360 aman 250 
                    <button type="submit" class="btn w-100 mt-3 btn-danger">
35340 aman 251 
                        Save & Verify
252 
                    </button>
253 
 
254 
                </form>
255 
 
256 
            </div>
257 
 
258 
        </div>
259 
    </div>
260 
</div>
35499 aman 261 
<div class="modal fade" id="cancelTrialModal" tabindex="-1" role="dialog">
262 
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
263 
        <div class="modal-content">
35340 aman 264 
 
35499 aman 265 
            <div class="modal-header">
266 
                <h5 class="modal-title text-danger">Cancel Trial</h5>
267 
                <button type="button" class="close" data-dismiss="modal">
268 
                    <span>&times;</span>
269 
                </button>
270 
            </div>
35340 aman 271 
 
35499 aman 272 
            <div class="modal-body">
273 
                <input type="hidden" id="cancelTrialFormId"/>
274 
 
275 
                <div class="form-group mb-0">
276 
                    <label>
277 
                        Remark <span class="text-danger">*</span>
278 
                    </label>
279 
                    <textarea
280 
                            id="cancelTrialRemark"
281 
                            class="form-control"
282 
                            rows="3"
283 
                            placeholder="Enter reason"
284 
                    ></textarea>
285 
                </div>
286 
            </div>
287 
 
288 
            <div class="modal-footer">
289 
                <button
290 
                        class="btn btn-light btn-sm"
291 
                        data-dismiss="modal"
292 
                >
293 
                    Close
294 
                </button>
295 
 
296 
                <button
297 
                        class="btn btn-danger btn-sm"
298 
                        id="confirmCancelTrial"
299 
                >
300 
                    Confirm Cancel
301 
                </button>
302 
            </div>
303 
 
304 
        </div>
305 
    </div>
306 
</div>
307 
 
308 
 
35340 aman 309 
<script>
310 
    let rowCount = 1;
311 
 
312 
    function addRow() {
313 
        rowCount++;
314 
 
315 
        const tbody = document.getElementById("brandPotentialRows");
316 
 
317 
        const newRow = document.createElement("tr");
318 
        newRow.innerHTML = `
319 
            <td>
320 
                <input type="text" name="brand_${rowCount}" class="form-control" placeholder="Brand Name" />
321 
            </td>
322 
            <td>
323 
                <input type="number" name="potential_${rowCount}" class="form-control"  placeholder="Enter Potential" />
324 
            </td>
325 
            <td class="text-center">
326 
                <button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>
327 
            </td>
328 
        `;
329 
 
330 
        tbody.appendChild(newRow);
331 
    }
332 
</script>
333 
 
31371 tejbeer 334 
 
335 
 
336 
 
337 
 
338 
 
339