Subversion Repositories SmartDukaan

Rev

Rev 35289 | 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 
 
62 
 
63 
</style>
31371 tejbeer 64 
<section class="wrapper">
35289 amit 65 
    <div class="row">
66 
        <div class="col-lg-12">
35340 aman 67 
            <h3 class="page-header"><i class="icon_document_alt"></i>Trial Detail</h3>
35289 amit 68 
            <ol class="breadcrumb">
69 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
35340 aman 70 
                <li><i class="icon_document_alt"></i>Pending Trial User Detail</li>
35289 amit 71 
            </ol>
72 
        </div>
73 
    </div>
34126 tejus.loha 74 
 
33966 aman.kumar 75 
 
35289 amit 76 
    <div class="row">
77 
        <div class="col-lg-12">
78 
            <table class="table table-border table-condensed table-bordered" id="trial-users">
79 
                <thead>
80 
                <tr>
81 
                    <th>Outlet Name</th>
82 
                    <th>Email</th>
83 
                    <th>Mobile</th>
84 
                    <th>Name</th>
85 
                    <th>City</th>
86 
                    <th>State</th>
87 
                    <th>Address</th>
88 
                    <th>Pin Code</th>
89 
                    <th>Pan Document</th>
90 
                    <th>Aadhaar Document</th>
91 
                    <th>Action</th>
92 
                </tr>
93 
                </thead>
94 
                <tbody>
95 
                    #if($trialForms.size() > 0)
96 
                        #foreach( $trialForm in $trialForms )
97 
                        <tr data-id="$trialForm.getId()">
98 
                            <td>$trialForm.getBusinessName()</td>
99 
                            <td>$trialForm.getEmail()</td>
100 
                            <td>$trialForm.getMobile()</td>
101 
                            <td>$trialForm.getFirstName() $trialForm.getLastName()</td>
102 
                            <td>$trialForm.getCity()</td>
103 
                            <td>$trialForm.getState()</td>
104 
                            <td>$trialForm.getAddressLine1() $trialForm.getAddressLine2()</td>
105 
                            <td>$trialForm.getPincode()</td>
106 
                            <td>
107 
                                <a href="#pan-id$trialForm.getId()">
108 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"
109 
                                         width="100">
110 
                                </a>
111 
                                <a href="#" class="lightbox" id="pan-id$trialForm.getId()">
112 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span>
113 
                                </a>
114 
                            </td>
115 
                            <td>
116 
                                <a href="#aadhaar-id$trialForm.getId()">
117 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()"
118 
                                         width="100">
119 
                                </a>
120 
                                <a href="#" class="lightbox" id="aadhaar-id$trialForm.getId()">
121 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()')"></span>
122 
                                </a>
123 
                            </td>
33966 aman.kumar 124 
 
35289 amit 125 
                            <td class="text-center">
35340 aman 126 
                                <button class="btn btn-success btn-xs openBrandModal"
127 
                                        style="margin-bottom: 5px;margin-right: 5px;" data-id="$trialForm.getId()"
128 
                                        data-toggle="modal"
129 
                                        data-target="#brandPotentialModal">
130 
                                    <i class="fa fa-check-circle"></i> Verify
35289 amit 131 
                                </button>
132 
                                <button class="btn btn-danger btn-xs mk_cancel mk_trial_cancel">
133 
                                    <i class="fa fa-times-circle"></i> Cancel Trial
134 
                                </button>
135 
                            </td>
33966 aman.kumar 136 
 
35289 amit 137 
                        </tr>
138 
                        #end
139 
                    #else
140 
                    <tr>
141 
                        <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
142 
                    </tr>
143 
                    #end
144 
                </tbody>
145 
            </table>
146 
        </div>
147 
    </div>
33966 aman.kumar 148 
 
149 
 
35289 amit 150 
    <div id="fetchLeadActivityData" class="modal" role="dialog">
31371 tejbeer 151 
        <div class="modal-dialog">
152 
            <div class="modal-content"></div>
153 
        </div>
154 
    </div>
35289 amit 155 
</section>
35340 aman 156 
 
157 
<div class="modal fade" id="brandPotentialModal" tabindex="-1" role="dialog">
158 
    <div class="modal-dialog modal-lg" role="document">
159 
        <div class="modal-content">
160 
 
161 
            <!-- Modal Header -->
162 
            <div class="modal-header bg-dark text-white">
163 
                <h5 class="modal-title">Brand Potential Verification</h5>
164 
                <button type="button" class="close text-white" data-dismiss="modal">
165 
                    <span>&times;</span>
166 
                </button>
167 
            </div>
168 
 
169 
            <!-- Modal Body -->
170 
            <div class="modal-body">
171 
 
172 
                <form id="brandPotentialForm" onsubmit="event.preventDefault(); saveBrandPotential();">
173 
 
174 
                    <input type="hidden" name="trialFormId" value=""/>
175 
 
176 
                    <table class="table table-bordered align-middle">
177 
                        <thead class="table-light">
178 
                        <tr>
179 
                            <th>Brand</th>
180 
                            <th>Potential</th>
181 
                            <th style="width: 50px;">Add</th>
182 
                        </tr>
183 
                        </thead>
184 
 
185 
                        <tbody id="brandPotentialRows">
186 
                        <tr>
187 
                            <td>
188 
                                <input type="text" name="brand_1" class="form-control" placeholder="Brand Name"/>
189 
                            </td>
190 
                            <td>
191 
                                <input type="number" name="potential_1" class="form-control"
192 
                                       placeholder="Enter Potential"/>
193 
                            </td>
194 
                            <td class="text-center">
195 
                                <button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>
196 
                            </td>
197 
                        </tr>
198 
                        </tbody>
199 
 
200 
                    </table>
201 
 
202 
                    <button type="submit" class="btn w-100 mt-3" style="background:#d93025;color:white;">
203 
                        Save & Verify
204 
                    </button>
205 
 
206 
                </form>
207 
 
208 
            </div>
209 
 
210 
        </div>
211 
    </div>
212 
</div>
213 
 
214 
 
215 
<script>
216 
    let rowCount = 1;
217 
 
218 
    function addRow() {
219 
        rowCount++;
220 
 
221 
        const tbody = document.getElementById("brandPotentialRows");
222 
 
223 
        const newRow = document.createElement("tr");
224 
        newRow.innerHTML = `
225 
            <td>
226 
                <input type="text" name="brand_${rowCount}" class="form-control" placeholder="Brand Name" />
227 
            </td>
228 
            <td>
229 
                <input type="number" name="potential_${rowCount}" class="form-control"  placeholder="Enter Potential" />
230 
            </td>
231 
            <td class="text-center">
232 
                <button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>
233 
            </td>
234 
        `;
235 
 
236 
        tbody.appendChild(newRow);
237 
    }
238 
</script>
239 
 
31371 tejbeer 240 
 
241 
 
242 
 
243 
 
244 
 
245