Subversion Repositories SmartDukaan

Rev

Rev 35499 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
35340 aman 1 
<script type="text/javascript">
2 
 
3 
    $(document).ready(function () {
4 
 
5 
        $('#trial-users').DataTable({
6 
 
7 
                    "bPaginate": true,
8 
                    "bLengthChange": true,
9 
                    "bFilter": true,
10 
                    "bInfo": false,
11 
                    "bAutoWidth": false,
12 
                    "scrollX": true,
13 
 
14 
                }
15 
        );
16 
    });
17 
</script>
18 
 
19 
<style>
20 
 
21 
 
22 
    img:target {
23 
        border: 5px solid red;
24 
    }
25 
 
26 
    .lightbox {
27 
        /* Default to hidden */
28 
        display: none;
29 
 
30 
        /* Overlay entire screen */
31 
        position: fixed;
32 
        z-index: 999;
33 
        top: 0;
34 
        left: 0;
35 
        right: 0;
36 
        bottom: 0;
37 
 
38 
        /* A bit of padding around image */
39 
        padding: 1em;
40 
 
41 
        /* Translucent background */
42 
        background: rgba(0, 0, 0, 0.8);
43 
    }
44 
 
45 
    /* Unhide the lightbox when it's the target */
46 
    .lightbox:target {
47 
        display: block;
48 
    }
49 
 
50 
    .lightbox span {
51 
        /* Full width and height */
52 
        display: block;
53 
        width: 100%;
54 
        height: 100%;
55 
 
56 
        /* Size and position background image */
57 
        background-position: center;
58 
        background-repeat: no-repeat;
59 
        background-size: contain;
60 
    }
61 
 
35360 aman 62 
    .mb-5 {
63 
        margin-bottom: 5px;
64 
    }
35340 aman 65 
 
35360 aman 66 
 
35340 aman 67 
</style>
68 
<section class="wrapper">
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>
35340 aman 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>Verified Trial Partner</li>
35340 aman 75 
            </ol>
76 
        </div>
77 
    </div>
78 
 
79 
 
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>
35340 aman 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>
35643 aman 95 
                    <th>Aadhaar Front</th>
96 
                    <th>Aadhaar Back</th>
35340 aman 97 
                    <th>Action</th>
98 
                </tr>
99 
                </thead>
100 
                <tbody>
101 
                    #if($trialForms.size() > 0)
102 
                        #foreach( $trialForm in $trialForms )
103 
                        <tr data-id="$trialForm.getId()">
35360 aman 104 
                            <td>$trialForm.getId()</td>
35340 aman 105 
                            <td>$trialForm.getBusinessName()</td>
106 
                            <td>$trialForm.getEmail()</td>
107 
                            <td>$trialForm.getMobile()</td>
108 
                            <td>$trialForm.getFirstName() $trialForm.getLastName()</td>
109 
                            <td>$trialForm.getCity()</td>
110 
                            <td>$trialForm.getState()</td>
35499 aman 111 
                            <td>$trialForm.getAddressLine1()   #if($trialForm.addressLine2)
112 
                                <br/>$trialForm.addressLine2
113 
                            #end</td>
35340 aman 114 
                            <td>$trialForm.getPincode()</td>
115 
                            <td>
116 
                                <a href="#pan-id$trialForm.getId()">
117 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"
118 
                                         width="100">
119 
                                </a>
120 
                                <a href="#" class="lightbox" id="pan-id$trialForm.getId()">
121 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span>
122 
                                </a>
123 
                            </td>
124 
                            <td>
35643 aman 125 
                                <a href="#aadhaar-front-id$trialForm.getId()">
126 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarFrontDocumentId()"
35340 aman 127 
                                         width="100">
128 
                                </a>
35643 aman 129 
                                <a href="#" class="lightbox" id="aadhaar-front-id$trialForm.getId()">
130 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarFrontDocumentId()')"></span>
35340 aman 131 
                                </a>
132 
                            </td>
35643 aman 133 
                            <td>
134 
                                <a href="#aadhaar-back-id$trialForm.getId()">
135 
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarBackDocumentId()"
136 
                                         width="100">
137 
                                </a>
138 
                                <a href="#" class="lightbox" id="aadhaar-back-id$trialForm.getId()">
139 
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarBackDocumentId()')"></span>
140 
                                </a>
141 
                            </td>
35340 aman 142 
 
143 
                            <td class="text-center">
35360 aman 144 
                                <button class="btn btn-success  approve-trial mb-5"
145 
                                        data-id="$trialForm.getId()"
146 
                                >
147 
                                    <i class="fa fa-check-circle"></i> Mark Approved
35340 aman 148 
                                </button>
35360 aman 149 
                                <button class="btn btn-success openUserBrandPotential mb-5"
150 
                                        data-id="$trialForm.getId()">
151 
                                    <i class="fa fa-eye"></i> Show Potential
152 
                                </button>
153 
                                <button class="btn btn-success converted mb-5">
35489 aman 154 
                                    <i class="fa fa-times-circle"></i> Upgrade OK
35360 aman 155 
                                </button>
156 
                                <button class="btn btn-danger  mk_cancel mk_trial_cancel">
35340 aman 157 
                                    <i class="fa fa-times-circle"></i> Cancel Trial
158 
                                </button>
159 
                            </td>
160 
 
161 
                        </tr>
162 
                        #end
163 
                    #else
164 
                    <tr>
35643 aman 165 
                        <td colspan="13" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
35340 aman 166 
                    </tr>
167 
                    #end
168 
                </tbody>
169 
            </table>
170 
        </div>
171 
    </div>
172 
 
173 
 
174 
    <div id="fetchLeadActivityData" class="modal" role="dialog">
175 
        <div class="modal-dialog">
176 
            <div class="modal-content"></div>
177 
        </div>
178 
    </div>
179 
</section>
180 
 
35360 aman 181 
<div class="modal fade" id="brandPotentialModal" tabindex="-1" role="dialog">
182 
    <div class="modal-dialog modal-lg" role="document">
183 
        <div class="modal-content">
35340 aman 184 
 
35360 aman 185 
            <div class="modal-header bg-dark text-white">
186 
                <h5 class="modal-title">Brand Potential Details</h5>
187 
                <button type="button" class="close text-white" data-dismiss="modal">
188 
                    <span>&times;</span>
189 
                </button>
190 
            </div>
35340 aman 191 
 
35360 aman 192 
            <div class="modal-body">
35340 aman 193 
 
35360 aman 194 
                <table class="table table-bordered align-middle">
195 
                    <thead class="table-light">
196 
                    <tr>
197 
                        <th>Trial ID</th>
198 
                        <th>Brand</th>
199 
                        <th>Potential</th>
200 
                        <th>Created At</th>
201 
                    </tr>
202 
                    </thead>
35340 aman 203 
 
35360 aman 204 
                    <tbody id="brandPotentialRows"></tbody>
205 
                </table>
35340 aman 206 
 
35360 aman 207 
            </div>
35340 aman 208 
 
35360 aman 209 
        </div>
210 
    </div>
211 
</div>
212 
 
35499 aman 213 
<div class="modal fade" id="cancelTrialModal" tabindex="-1" role="dialog">
214 
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
215 
        <div class="modal-content">
216 
 
217 
            <div class="modal-header">
218 
                <h5 class="modal-title text-danger">Cancel Trial</h5>
219 
                <button type="button" class="close" data-dismiss="modal">
220 
                    <span>&times;</span>
221 
                </button>
222 
            </div>
223 
 
224 
            <div class="modal-body">
225 
                <input type="hidden" id="cancelTrialFormId"/>
226 
 
227 
                <div class="form-group mb-0">
228 
                    <label>
229 
                        Remark <span class="text-danger">*</span>
230 
                    </label>
231 
                    <textarea
232 
                            id="cancelTrialRemark"
233 
                            class="form-control"
234 
                            rows="3"
235 
                            placeholder="Enter reason"
236 
                    ></textarea>
237 
                </div>
238 
            </div>
239 
 
240 
            <div class="modal-footer">
241 
                <button
242 
                        class="btn btn-light btn-sm"
243 
                        data-dismiss="modal"
244 
                >
245 
                    Close
246 
                </button>
247 
 
248 
                <button
249 
                        class="btn btn-danger btn-sm"
250 
                        id="confirmCancelTrial"
251 
                >
252 
                    Confirm Cancel
253 
                </button>
254 
            </div>
255 
 
256 
        </div>
257 
    </div>
258 
</div>
259