Subversion Repositories SmartDukaan

Rev

Rev 35340 | Rev 35499 | 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>
110 
                            <td>$trialForm.getAddressLine1() $trialForm.getAddressLine2()</td>
111 
                            <td>$trialForm.getPincode()</td>
112 
                            <td>
113 
                                <a href="#pan-id$trialForm.getId()">
114 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"
115 
                                         width="100">
116 
                                </a>
117 
                                <a href="#" class="lightbox" id="pan-id$trialForm.getId()">
118 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span>
119 
                                </a>
120 
                            </td>
121 
                            <td>
122 
                                <a href="#aadhaar-id$trialForm.getId()">
123 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()"
124 
                                         width="100">
125 
                                </a>
126 
                                <a href="#" class="lightbox" id="aadhaar-id$trialForm.getId()">
127 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()')"></span>
128 
                                </a>
129 
                            </td>
33966 aman.kumar 130 
 
35289 amit 131 
                            <td class="text-center">
35340 aman 132 
                                <button class="btn btn-success btn-xs openBrandModal"
133 
                                        style="margin-bottom: 5px;margin-right: 5px;" data-id="$trialForm.getId()"
134 
                                        data-toggle="modal"
135 
                                        data-target="#brandPotentialModal">
136 
                                    <i class="fa fa-check-circle"></i> Verify
35289 amit 137 
                                </button>
138 
                                <button class="btn btn-danger btn-xs mk_cancel mk_trial_cancel">
139 
                                    <i class="fa fa-times-circle"></i> Cancel Trial
140 
                                </button>
141 
                            </td>
33966 aman.kumar 142 
 
35289 amit 143 
                        </tr>
144 
                        #end
145 
                    #else
146 
                    <tr>
147 
                        <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
148 
                    </tr>
149 
                    #end
150 
                </tbody>
151 
            </table>
152 
        </div>
153 
    </div>
33966 aman.kumar 154 
 
155 
 
35289 amit 156 
    <div id="fetchLeadActivityData" class="modal" role="dialog">
31371 tejbeer 157 
        <div class="modal-dialog">
158 
            <div class="modal-content"></div>
159 
        </div>
160 
    </div>
35289 amit 161 
</section>
35340 aman 162 
 
163 
<div class="modal fade" id="brandPotentialModal" tabindex="-1" role="dialog">
164 
    <div class="modal-dialog modal-lg" role="document">
165 
        <div class="modal-content">
166 
 
167 
            <!-- Modal Header -->
168 
            <div class="modal-header bg-dark text-white">
169 
                <h5 class="modal-title">Brand Potential Verification</h5>
170 
                <button type="button" class="close text-white" data-dismiss="modal">
171 
                    <span>&times;</span>
172 
                </button>
173 
            </div>
174 
 
175 
            <!-- Modal Body -->
176 
            <div class="modal-body">
177 
 
35360 aman 178 
                <form id="asmBmForm" onsubmit="event.preventDefault(); saveAsmBm();"
179 
                      class=" bg-light rounded shadow-sm">
180 
 
181 
                    <div class="row p-2">
182 
                        <!-- BM Select -->
183 
                        <div class="col-md-4 p-2">
184 
                            <label class="form-label">Select BM</label>
185 
                            <select name="bm" class="form-select">
186 
                                <option value="">Select BM</option>
187 
                                #foreach($option in $bm)
188 
                                    <option value="$option.getId()">
189 
                                        $option.getFirstName() $option.getLastName()
190 
                                    </option>
191 
                                #end
192 
                            </select>
193 
                        </div>
194 
 
195 
                        <!-- ASM Select -->
196 
                        <div class="col-md-4 p-2">
197 
                            <label class="form-label">Select ASM</label>
198 
                            <select name="asm" class="form-select">
199 
                                <option value="">Select ASM</option>
200 
                                #foreach($option in $asm)
201 
                                    <option value="$option.getId()">
202 
                                        $option.getFirstName() $option.getLastName()
203 
                                    </option>
204 
                                #end
205 
                            </select>
206 
                        </div>
207 
                        <div class="col-md-4">
208 
                            <button type="submit" class="btn btn-danger w-100 mt-3">
209 
                                Save
210 
                            </button>
211 
                        </div>
212 
                    </div>
213 
 
214 
                </form>
215 
                <hr>
216 
 
217 
 
35340 aman 218 
                <form id="brandPotentialForm" onsubmit="event.preventDefault(); saveBrandPotential();">
219 
 
220 
                    <input type="hidden" name="trialFormId" value=""/>
221 
 
222 
                    <table class="table table-bordered align-middle">
223 
                        <thead class="table-light">
224 
                        <tr>
225 
                            <th>Brand</th>
226 
                            <th>Potential</th>
227 
                            <th style="width: 50px;">Add</th>
228 
                        </tr>
229 
                        </thead>
230 
 
231 
                        <tbody id="brandPotentialRows">
232 
                        <tr>
233 
                            <td>
234 
                                <input type="text" name="brand_1" class="form-control" placeholder="Brand Name"/>
235 
                            </td>
236 
                            <td>
237 
                                <input type="number" name="potential_1" class="form-control"
238 
                                       placeholder="Enter Potential"/>
239 
                            </td>
240 
                            <td class="text-center">
241 
                                <button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>
242 
                            </td>
243 
                        </tr>
244 
                        </tbody>
245 
 
246 
                    </table>
247 
 
35360 aman 248 
                    <button type="submit" class="btn w-100 mt-3 btn-danger">
35340 aman 249 
                        Save & Verify
250 
                    </button>
251 
 
252 
                </form>
253 
 
254 
            </div>
255 
 
256 
        </div>
257 
    </div>
258 
</div>
259 
 
260 
 
261 
<script>
262 
    let rowCount = 1;
263 
 
264 
    function addRow() {
265 
        rowCount++;
266 
 
267 
        const tbody = document.getElementById("brandPotentialRows");
268 
 
269 
        const newRow = document.createElement("tr");
270 
        newRow.innerHTML = `
271 
            <td>
272 
                <input type="text" name="brand_${rowCount}" class="form-control" placeholder="Brand Name" />
273 
            </td>
274 
            <td>
275 
                <input type="number" name="potential_${rowCount}" class="form-control"  placeholder="Enter Potential" />
276 
            </td>
277 
            <td class="text-center">
278 
                <button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>
279 
            </td>
280 
        `;
281 
 
282 
        tbody.appendChild(newRow);
283 
    }
284 
</script>
285 
 
31371 tejbeer 286 
 
287 
 
288 
 
289 
 
290 
 
291