Subversion Repositories SmartDukaan

Rev

Rev 35489 | Go to most recent revision | 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>
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>
35340 aman 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>
35340 aman 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>
132
 
133
                            <td class="text-center">
35360 aman 134
                                <button class="btn btn-success  approve-trial mb-5"
135
                                        data-id="$trialForm.getId()"
136
                                >
137
                                    <i class="fa fa-check-circle"></i> Mark Approved
35340 aman 138
                                </button>
35360 aman 139
                                <button class="btn btn-success openUserBrandPotential mb-5"
140
                                        data-id="$trialForm.getId()">
141
                                    <i class="fa fa-eye"></i> Show Potential
142
                                </button>
143
                                <button class="btn btn-success converted mb-5">
35489 aman 144
                                    <i class="fa fa-times-circle"></i> Upgrade OK
35360 aman 145
                                </button>
146
                                <button class="btn btn-danger  mk_cancel mk_trial_cancel">
35340 aman 147
                                    <i class="fa fa-times-circle"></i> Cancel Trial
148
                                </button>
149
                            </td>
150
 
151
                        </tr>
152
                        #end
153
                    #else
154
                    <tr>
155
                        <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
156
                    </tr>
157
                    #end
158
                </tbody>
159
            </table>
160
        </div>
161
    </div>
162
 
163
 
164
    <div id="fetchLeadActivityData" class="modal" role="dialog">
165
        <div class="modal-dialog">
166
            <div class="modal-content"></div>
167
        </div>
168
    </div>
169
</section>
170
 
35360 aman 171
<div class="modal fade" id="brandPotentialModal" tabindex="-1" role="dialog">
172
    <div class="modal-dialog modal-lg" role="document">
173
        <div class="modal-content">
35340 aman 174
 
35360 aman 175
            <div class="modal-header bg-dark text-white">
176
                <h5 class="modal-title">Brand Potential Details</h5>
177
                <button type="button" class="close text-white" data-dismiss="modal">
178
                    <span>&times;</span>
179
                </button>
180
            </div>
35340 aman 181
 
35360 aman 182
            <div class="modal-body">
35340 aman 183
 
35360 aman 184
                <table class="table table-bordered align-middle">
185
                    <thead class="table-light">
186
                    <tr>
187
                        <th>Trial ID</th>
188
                        <th>Brand</th>
189
                        <th>Potential</th>
190
                        <th>Created At</th>
191
                    </tr>
192
                    </thead>
35340 aman 193
 
35360 aman 194
                    <tbody id="brandPotentialRows"></tbody>
195
                </table>
35340 aman 196
 
35360 aman 197
            </div>
35340 aman 198
 
35360 aman 199
        </div>
200
    </div>
201
</div>
202
 
35499 aman 203
<div class="modal fade" id="cancelTrialModal" tabindex="-1" role="dialog">
204
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
205
        <div class="modal-content">
206
 
207
            <div class="modal-header">
208
                <h5 class="modal-title text-danger">Cancel Trial</h5>
209
                <button type="button" class="close" data-dismiss="modal">
210
                    <span>&times;</span>
211
                </button>
212
            </div>
213
 
214
            <div class="modal-body">
215
                <input type="hidden" id="cancelTrialFormId"/>
216
 
217
                <div class="form-group mb-0">
218
                    <label>
219
                        Remark <span class="text-danger">*</span>
220
                    </label>
221
                    <textarea
222
                            id="cancelTrialRemark"
223
                            class="form-control"
224
                            rows="3"
225
                            placeholder="Enter reason"
226
                    ></textarea>
227
                </div>
228
            </div>
229
 
230
            <div class="modal-footer">
231
                <button
232
                        class="btn btn-light btn-sm"
233
                        data-dismiss="modal"
234
                >
235
                    Close
236
                </button>
237
 
238
                <button
239
                        class="btn btn-danger btn-sm"
240
                        id="confirmCancelTrial"
241
                >
242
                    Confirm Cancel
243
                </button>
244
            </div>
245
 
246
        </div>
247
    </div>
248
</div>
249