Subversion Repositories SmartDukaan

Rev

Rev 33927 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 33927 Rev 35971
Line 8... Line 8...
8 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
 8 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
9 
                <li><i class="icon_document_alt"></i>Partner Onboarding</li>
 9 
                <li><i class="icon_document_alt"></i>Partner Onboarding</li>
10 
            </ol>
 10 
            </ol>
11 
        </div>
 11 
        </div>
12 
    </div>
 12 
    </div>
- 
 
 13 
 
- 
 
 14 
    ## Filter, Search and New Button (Top)
- 
 
 15 
    <div class="col-lg-12" style="margin-bottom: 15px;">
- 
 
 16 
        <div class="row">
- 
 
 17 
            <div class="col-lg-3">
- 
 
 18 
                <label style="margin-right: 10px;"><strong>Filter:</strong></label>
- 
 
 19 
                <select id="holdFilterSelect" class="form-control" style="width: 150px; display: inline-block;">
- 
 
 20 
                    <option value="pending" #if($holdFilter == "pending") selected #end>Pending</option>
- 
 
 21 
                    <option value="hold" #if($holdFilter == "hold") selected #end>On Hold</option>
- 
 
 22 
                    <option value="all" #if($holdFilter == "all") selected #end>All</option>
- 
 
 23 
                </select>
- 
 
 24 
            </div>
13 
    <div class="col-lg-6">
 25 
            <div class="col-lg-6">
- 
 
 26 
                <label style="margin-right: 10px;"><strong>Search:</strong></label>
- 
 
 27 
                <input type="text" id="onboardingSearch" class="form-control"
- 
 
 28 
                       style="width: 250px; display: inline-block;"
- 
 
 29 
                       placeholder="Outlet, Phone, Code, City..." value="$!search">
- 
 
 30 
                <button type="button" class="btn btn-primary" id="searchBtn" style="margin-left: 5px;">
- 
 
 31 
                    <i class="fa fa-search"></i> Search
- 
 
 32 
                </button>
- 
 
 33 
                #if($search && $search != "")
- 
 
 34 
                    <button type="button" class="btn btn-default" id="clearSearchBtn" style="margin-left: 5px;">
- 
 
 35 
                        Clear
- 
 
 36 
                    </button>
- 
 
 37 
                #end
- 
 
 38 
            </div>
- 
 
 39 
            <div class="col-lg-3 text-right">
14 
        <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"
 40 
                <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"
15 
                style="font-size:12px;">New
 41 
                        style="font-size:12px;">New
- 
 
 42 
                </button>
- 
 
 43 
            </div>
16 
        </button>
 44 
        </div>
- 
 
 45 
    </div>
- 
 
 46 
 
- 
 
 47 
    ## New Onboarding Modal (must be outside hidden div for Bootstrap to work)
17 
        <div id="myModal" class="modal fade" role="dialog">
 48 
    <div id="myModal" class="modal fade" role="dialog">
18 
            <div class="modal-dialog modal-lg">
 49 
        <div class="modal-dialog modal-lg">
19 
                <!-- Modal content-->
 50 
            <!-- Modal content-->
20 
                <div class="modal-content">
 51 
            <div class="modal-content">
21 
                    <div class="modal-header">
 52 
                <div class="modal-header">
22 
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
 53 
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
23 
                        <h4 class="modal-title">NEW ONBOARDING</h4>
 54 
                    <h4 class="modal-title">NEW ONBOARDING</h4>
24 
                    </div>
 55 
                </div>
25 
                    <div class="modal-body" style="height: 400px; width: 1050px;">
 56 
                <div class="modal-body" style="height: 400px; width: 1050px;">
26 
                        <form>
 57 
                    <form>
- 
 
 58 
 
- 
 
 59 
                        <div class="form-row">
- 
 
 60 
                            <div class="form-group col-md-6">
- 
 
 61 
                                <label for="leadId">Lead Id </label>
- 
 
 62 
                                <input type="text" class="form-control leadIdOnboarding" id="leadId"
- 
 
 63 
                                       placeholder="Lead Id">
- 
 
 64 
                            </div>
- 
 
 65 
 
27
66 
                        </div>
28 
                        <div class="form-row">
 67 
                        <div class="form-row">
29 
                                <div class="form-group col-md-6">
 68 
                            <div class="form-group col-md-6">
30 
                                    <label for="leadId">Lead Id </label>
 69 
                                <label for="outLetName1">OutLet Name</label>
31 
                                    <input type="text" class="form-control leadIdOnboarding" id="leadId"
 70 
                                <input type="text" class="form-control" id="outLetName1"
32 
                                           placeholder="Lead Id">
 71 
                                       placeholder="OutLet Name">
33 
                                </div>
 72 
                            </div>
- 
 
 73 
                            <div class="form-group col-md-6">
- 
 
 74 
                                <label for="number1">Mobile Number</label>
- 
 
 75 
                                <input type="number" class="form-control" id="number1" placeholder="Mobile Number">
34
76 
                            </div>
- 
 
 77 
                            <div class="form-group col-md-6">
- 
 
 78 
                                <label for="acquireddate1">Acquired Date</label>
- 
 
 79 
                                <input type="date" class="form-control" id="acquireddate1" placeholder="Acquired Date">
35 
                            </div>
 80 
                            </div>
36 
                            <div class="form-row">
 81 
                        </div>
37 
                                <div class="form-group col-md-6">
 82 
                        <div>
38 
                                    <label for="outLetName1">OutLet Name</label>
 83 
                            <div class="form-group col-md-3 ">
39 
                                    <input type="text" class="form-control" id="outLetName1"
 84 
                                <select class="form-control input-sm" id="authUserOnboarding" name="authUser"
40 
                                           placeholder="OutLet Name">
 85 
                                        placeholder="AuthUser">
41 
                                </div>
 - 
 
42 
                                <div class="form-group col-md-6">
 86 
                                    <option value="" disabled selected>AuthUser</option>
43 
                                    <label for="number1">Mobile Number</label>
 87 
                                    #foreach($authUser in $authUsers)
44 
                                    <input type="number" class="form-control" id="number1" placeholder="Mobile Number">
 88 
                                        <option value="$authUser.getId()">$authUser.getName()</option>
45 
                                </div>
 89 
                                    #end
46 
                                <div class="form-group col-md-6">
 - 
 
47 
                                    <label for="acquireddate1">Acquired Date</label>
 - 
 
48 
                                    <input type="date" class="form-control" id="acquireddate1" placeholder="Acquired Date">
 - 
 
49 
                                </div>
 90 
                                </select>
50 
                            </div>
 91 
                            </div>
51 
                            <div>
 92 
                        </div>
52 
					<div class="form-group col-md-3 ">
 - 
 
53 
						<select class="form-control input-sm" id = "authUserOnboarding" name="authUser" placeholder="AuthUser">
 - 
 
54 
						<option value="" disabled selected>AuthUser</option>
 - 
 
55 
						 #foreach($authUser in $authUsers)
 - 
 
56 
		             		<option value="$authUser.getId()">$authUser.getName()</option>
 - 
 
57 
		             		#end
 - 
 
58 
		             	</select>
 - 
 
59 
		             	</div>
 - 
 
60 
		          </div>
 - 
 
61 
 
 93 
 
62 
                            <div class="text-end form-group col-md-2" style="padding:22px;">
 94 
                        <div class="text-end form-group col-md-2" style="padding:22px;">
63 
                            <button type="button" class="btn btn-primary" id="newmodal" data-dismiss="modal"
 95 
                            <button type="button" class="btn btn-primary" id="newmodal" data-dismiss="modal"
64 
                                    data-backdrop='static' data-keyboard='false'>submit
 96 
                                    data-backdrop='static' data-keyboard='false'>submit
65 
                            </button>
 97 
                            </button>
66 
                            </div>
 98 
                        </div>
67 
                        </form>
 99 
                    </form>
68 
                    </div>
 100 
                </div>
69 
                    <div class="modal-footer">
 101 
                <div class="modal-footer">
70 
                        <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
 102 
                    <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
71 
                    </div>
 - 
 
72 
                </div>
 103 
                </div>
73 
            </div>
 104 
            </div>
74 
        </div>
 105 
        </div>
75 
    </div>
 106 
    </div>
76 
    <div class="col-lg-12">
 107 
    <div class="col-lg-12">
Line 78... Line 109...
78 
 
 109 
 
79 
            <thead class="row htable" style="background:#F5F5F5;">
 110 
            <thead class="row htable" style="background:#F5F5F5;">
80 
 
 111 
 
81 
            <tr style="color:black;">
 112 
            <tr style="color:black;">
82 
                <th>Id</th>
 113 
                <th>Id</th>
83 
                 <th>Outlet Name(SM)</th>
 114 
                <th>Outlet Name(SM)</th>
84 
                <th>Created On</th>
 115 
                <th>Created On</th>
85 
                <th>Acquired Date()</th>
 116 
                <th>Acquired Date()</th>
86 
                <th>Outlet Name(SM)</th>
 117 
                <th class="hidden-col">Outlet Name(SM)</th>
87 
                <th>Phone Number(SM)</th>
 118 
                <th>Phone Number(SM)</th>
88 
                <th>Counter Potential</th>
 119 
                <th>Counter Potential</th>
89 
                <th>RBM Name(SM)</th>
120 
                <th>RBM Name(SM)</th>
90 
                <th>City (SM)</th>
 121 
                <th>City (SM)</th>
91 
                <th>State Head(SM)</th>
 122 
                <th>State Head(SM)</th>
92 
                <th>BDM (SM)</th>
 123 
                <th>BDM (SM)</th>
93 
                <th>Agreed Brand fees(SM)</th>
 124 
                <th>Agreed Brand fees(SM)</th>
94 
                <th>Received Brand fees(SM)</th>
 125 
                <th>Received Brand fees(SM)</th>
95 
                 <th>Final Brand fees(SM)</th>
 126 
                <th>Final Brand fees(SM)</th>
96 
                <th>Agreed Wallet(SM)</th>
 127 
                <th>Agreed Wallet(SM)</th>
97 
                <th>Adv Stock Date(SM)</th>
 128 
                <th class="hidden-col">Adv Stock Date(SM)</th>
98 
                <th>KYC (legal)</th>
 129 
                <th class="hidden-col">KYC (legal)</th>
99 
                <th>Aadhaar Front(legal)</th>
 130 
                <th>Aadhaar Front(legal)</th>
100 
                <th>Aadhaar Back(legal)</th>
 131 
                <th>Aadhaar Back(legal)</th>
101 
                <th>pan(legal)</th>
 132 
                <th>pan(legal)</th>
102 
                <th>GST(legal)</th>
 133 
                <th>GST(legal)</th>
103 
                <th>Cancel cheque(legal)</th>
 134 
                <th>Cancel cheque(legal)</th>
104 
                <th>Rent agreement/Owner ship proof(legal)</th>
 135 
                <th>Rent agreement/Owner ship proof(legal)</th>
105 
                <th>LOI(legal)</th>
 136 
                <th>LOI(legal)</th>
106 
                <th>Doc Compl</th>
 137 
                <th>Doc Compl</th>
107 
                <th>Code(legal)</th>
 138 
                <th>Code(legal)</th>
108 
                <th>Recee Planed(Kamini)</th>
 139 
                <th class="hidden-col">Recee Planed(Kamini)</th>
109 
                <th>Recee Actual(Kamini)</th>
 140 
                <th class="hidden-col">Recee Actual(Kamini)</th>
110 
                <th>Designing Planed(Kamini)</th>
 141 
                <th class="hidden-col">Designing Planed(Kamini)</th>
111 
                <th>Designing Actual(Kamini)</th>
 142 
                <th>Designing Actual(Kamini)</th>
112 
                <th>Stock payment(kamini)</th>
 143 
                <th>Stock payment(kamini)</th>
113 
                <th>Expected Date(kamini)</th>
 144 
                <th class="hidden-col">Expected Date(kamini)</th>
114 
                <th>Pay Date(Kamini)</th>
 145 
                <th>Pay Date(Kamini)</th>
115 
                <th>Inaugration(SW)</th>
 146 
                <th>Inaugration(SW)</th>
116 
                <th>Billing Status(Kamini)</th>
 147 
                <th>Billing Status(Kamini)</th>
117 
                <th>Verification</th>
 148 
                <th>Verification</th>
118 
                <th>Submit</th>
 149 
                <th>Submit</th>
Line 140... Line 171...
140 
 
 171 
 
141 
            </tbody>
 172 
            </tbody>
142 
 
 173 
 
143 
        </table>
 174 
        </table>
144 
    </div>
 175 
    </div>
- 
 
 176 
 
- 
 
 177 
    ## Pagination Controls (Bottom)
- 
 
 178 
    <div class="col-lg-12" style="margin-top: 15px;">
- 
 
 179 
        <div class="row">
- 
 
 180 
            <div class="col-lg-12 text-center">
- 
 
 181 
                #if($totalRecords > 0)
- 
 
 182 
                    <span class="pagination-info">Showing $startRecord - $endRecord of $totalRecords</span>
- 
 
 183 
                    <ul class="pagination pagination-sm" style="margin: 0 15px; display: inline-flex;">
- 
 
 184 
                        #if($currentPage > 0)
- 
 
 185 
                            <li><a href="javascript:void(0)" class="onboarding-page-link" data-page="0">First</a></li>
- 
 
 186 
                            <li><a href="javascript:void(0)" class="onboarding-page-link" data-page="$prevPage">Prev</a>
- 
 
 187 
                            </li>
- 
 
 188 
                        #else
- 
 
 189 
                            <li class="disabled"><span>First</span></li>
- 
 
 190 
                            <li class="disabled"><span>Prev</span></li>
- 
 
 191 
                        #end
- 
 
 192 
 
- 
 
 193 
                        <li class="active"><span>Page $currentPageDisplay of $totalPages</span></li>
- 
 
 194 
 
- 
 
 195 
                        #if($currentPage < $lastPage)
- 
 
 196 
                            <li><a href="javascript:void(0)" class="onboarding-page-link" data-page="$nextPage">Next</a>
- 
 
 197 
                            </li>
- 
 
 198 
                            <li><a href="javascript:void(0)" class="onboarding-page-link" data-page="$lastPage">Last</a>
- 
 
 199 
                            </li>
- 
 
 200 
                        #else
- 
 
 201 
                            <li class="disabled"><span>Next</span></li>
- 
 
 202 
                            <li class="disabled"><span>Last</span></li>
- 
 
 203 
                        #end
- 
 
 204 
                    </ul>
- 
 
 205 
                    <select class="form-control onboarding-page-size" style="width: 120px; display: inline-block;">
- 
 
 206 
                        <option value="10" #if($pageSize==10)selected#end>10 per page</option>
- 
 
 207 
                        <option value="25" #if($pageSize==25)selected#end>25 per page</option>
- 
 
 208 
                        <option value="50" #if($pageSize==50)selected#end>50 per page</option>
- 
 
 209 
                        <option value="100" #if($pageSize==100)selected#end>100 per page</option>
- 
 
 210 
                    </select>
- 
 
 211 
                #end
- 
 
 212 
            </div>
- 
 
 213 
        </div>
- 
 
 214 
    </div>
145 
</section>
 215 
</section>
146 
 
 216 
 
147 
 
 217 
 
148 
<script type="text/javascript">
 218 
<script type="text/javascript">
149 
 
 219 
 
150 
    $(document).ready(function () {
 220 
    $(document).ready(function () {
- 
 
 221 
 
- 
 
 222 
        // Hold filter change handler - reload via AJAX
- 
 
 223 
        $('#holdFilterSelect').on('change', function () {
- 
 
 224 
            refreshOnboardingList(0);
151
225 
        });
- 
 
 226 
 
- 
 
 227 
        // Search button click handler
- 
 
 228 
        $('#searchBtn').on('click', function () {
- 
 
 229 
            refreshOnboardingList(0);
- 
 
 230 
        });
- 
 
 231 
 
- 
 
 232 
        // Search on Enter key
- 
 
 233 
        $('#onboardingSearch').on('keypress', function (e) {
- 
 
 234 
            if (e.which === 13) {
- 
 
 235 
                refreshOnboardingList(0);
- 
 
 236 
            }
- 
 
 237 
        });
- 
 
 238 
 
- 
 
 239 
        // Clear search button
- 
 
 240 
        $('#clearSearchBtn').on('click', function () {
- 
 
 241 
            $('#onboardingSearch').val('');
- 
 
 242 
            refreshOnboardingList(0);
- 
 
 243 
        });
- 
 
 244 
 
- 
 
 245 
        // Pagination link click handler
- 
 
 246 
        $(document).on('click', '.onboarding-page-link', function (e) {
- 
 
 247 
            e.preventDefault();
- 
 
 248 
            refreshOnboardingList($(this).data('page'));
- 
 
 249 
        });
- 
 
 250 
 
- 
 
 251 
        // Page size change handler
- 
 
 252 
        $(document).on('change', '.onboarding-page-size', function () {
- 
 
 253 
            refreshOnboardingList(0);  // Reset to first page on size change
- 
 
 254 
        });
- 
 
 255 
 
- 
 
 256 
        // Destroy existing DataTable if it exists (prevents reinitialization error on AJAX reload)
- 
 
 257 
        if ($.fn.DataTable.isDataTable('#example')) {
- 
 
 258 
            $('#example').DataTable().destroy();
152
259 
        }
153
260 
 
154 
      var dtable = $('#example').DataTable({
 261 
      var dtable = $('#example').DataTable({
155 
             "scrollX": true,
 262 
             "scrollX": true,
156 
            "scrollY": "518px",
 263 
            "scrollY": "518px",
157 
            scrollCollapse: true,
 264 
            scrollCollapse: true,
158 
              "fixedHeader": true,
 265 
          "fixedHeader": true,
159 
             "order": [[ 0, "desc" ]],
 266 
          "order": [[0, "desc"]],
- 
 
 267 
          "paging": false,  // Disable client-side pagination (server-side)
- 
 
 268 
          "info": false,    // Hide DataTables info (we show our own)
160 
             fixedColumns:   {
 269 
          fixedColumns: {
161 
            leftColumns: 2
 270 
              leftColumns: 2
162 
        },
 271 
          },
163 
 
 - 
 
164 
 
 272 
 
165 
          "columnDefs": [
 273 
          "columnDefs": [
166 
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
 274 
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
167 
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
 275 
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
168 
 
 - 
 
169 
                   { "targets": 3, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 276 
                   { "targets": 3, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
170 
                   { "targets": 4, "orderDataType": "dom-text", "type": "string" },
 - 
 
171 
                  { "targets": 5, "orderDataType": "dom-text-numeric", "type":"number"},
 277 
              {"targets": 5, "orderDataType": "dom-text-numeric", "type": "number"},
172 
                   { "targets": 6, "orderDataType": "dom-text", "type": "string" },
 278 
                   { "targets": 6, "orderDataType": "dom-text", "type": "string" },
173 
 
 - 
 
174 
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
 279 
              {"targets": 7, "orderDataType": "dom-text", "type": "string"},
175 
 
 - 
 
176 
              { "targets": 8, "orderDataType": "dom-text", "type": "string" },
 280 
              {"targets": 8, "orderDataType": "dom-text", "type": "string"},
177 
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },
 281 
              {"targets": 9, "orderDataType": "dom-text", "type": "string"},
178 
                   { "targets": 10, "orderDataType": "dom-text-numeric", "type":"number"},
 282 
                   { "targets": 10, "orderDataType": "dom-text-numeric", "type":"number"},
179 
 
 - 
 
180 
              { "targets": 11, "orderDataType": "dom-text-numeric", "type":"number"},
 283 
              {"targets": 11, "orderDataType": "dom-text-numeric", "type": "number"},
181 
                   { "targets": 12, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 284 
                   { "targets": 12, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
182 
 
 - 
 
183 
              { "targets": 13, "orderDataType": "dom-text-numeric", "type":"number"},
 285 
              {"targets": 13, "orderDataType": "dom-text-numeric", "type": "number"},
184 
                   { "targets": 14, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 286 
                   { "targets": 14, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
185 
 
 - 
 
186 
              { "targets": 22, "orderDataType": "dom-text", "type": "string" },
 287 
              {"targets": 22, "orderDataType": "dom-text", "type": "string"},
187 
                   { "targets": 23, "orderDataType": "dom-text", "type": "string" },
 288 
                   { "targets": 23, "orderDataType": "dom-text", "type": "string" },
188 
 
 - 
 
189 
              { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 - 
 
190 
                  { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 - 
 
191 
 
 - 
 
192 
              { "targets": 26, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 - 
 
193 
                   { "targets":27, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 - 
 
194 
 
 - 
 
195 
              { "targets": 28, "orderDataType": "dom-text-numeric", "type":"number"},
 - 
 
196 
              {"targets": 29, "orderDataType": "date-dd-mmm-yyyy", "type": "string"},
 289 
              {"targets": 29, "orderDataType": "date-dd-mmm-yyyy", "type": "string"},
197 
 
 - 
 
198 
                 { "targets": 30, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 290 
              {"targets": 30, "orderDataType": "date-dd-mmm-yyyy", "type": "string"},
199 
                 { "targets": 31, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
 291 
              {"targets": 33, "orderDataType": "dom-text", "type": "string"},
- 
 
 292 
              ## Column hiding is done via CSS class="hidden-col" on <th>/<td> elements.
- 
 
 293 
              ## Do NOT use DataTables visible:false — it removes TDs from DOM,
- 
 
 294 
              ## which breaks td:eq(N) selectors in panel-listing.js double-click and submit handlers.
200 
                { "targets": 33, "orderDataType": "dom-text", "type": "string" }
 295 
              {"targets": [4, 15, 16, 26, 27, 28, 31], "className": "hidden-col"}
201 
 
 - 
 
202 
 
 - 
 
203 
          ],
 296 
          ],
204 
 
 297 
 
205 
      });
 298 
      });
206
- 
 
207
- 
 
- 
 
 299 
 
208 
                 $('#authUserOnboarding').multiselect({
 300 
        $('#authUserOnboarding').multiselect({
209 
        		includeSelectAllOption: true,
 301 
            includeSelectAllOption: true,
210 
        		multiple:true,
 302 
            multiple: true,
211 
        		maxHeight: 200,
 303 
            maxHeight: 200,
212 
        		buttonWidth: '180px',
 304 
            buttonWidth: '180px',
213 
        		numberDisplayed: 1,
 305 
            numberDisplayed: 1,
214 
	        	nonSelectedText: 'AuthUsers',
 306 
            nonSelectedText: 'AuthUsers',
215 
	        	nSelectedText: ' - AuthUser Selected',
 307 
            nSelectedText: ' - AuthUser Selected',
216 
	        	allSelectedText: 'All AuthUser Selected',
 308 
            allSelectedText: 'All AuthUser Selected',
217 
	        	enableFiltering: true,
 309 
            enableFiltering: true,
218 
	        	enableCaseInsensitiveFiltering : true
 310 
            enableCaseInsensitiveFiltering: true
219
- 
 
220 
      });
 311 
        });
221
312 
 
222 
    });
 313 
    });
- 
 
 314 
 
- 
 
 315 
    // Function to refresh onboarding list via AJAX
- 
 
 316 
    function refreshOnboardingList(page) {
- 
 
 317 
        var holdFilter = $('#holdFilterSelect').val() || 'pending';
- 
 
 318 
        var pageSize = $('.onboarding-page-size').val() || '25';
- 
 
 319 
        var search = $('#onboardingSearch').val() || '';
- 
 
 320 
 
- 
 
 321 
        var url = context + '/partnerOnBoardingPanel?holdFilter=' + encodeURIComponent(holdFilter)
- 
 
 322 
                + '&page=' + (page || 0)
- 
 
 323 
                + '&pageSize=' + pageSize
- 
 
 324 
                + '&search=' + encodeURIComponent(search);
- 
 
 325 
 
- 
 
 326 
        $.ajax({
- 
 
 327 
            url: url,
- 
 
 328 
            type: 'GET',
- 
 
 329 
            success: function (response) {
- 
 
 330 
                $('#main-content').html(response);
- 
 
 331 
            }
- 
 
 332 
        });
- 
 
 333 
    }
223
334
224
335
225
336
226
337
227
338
228 
</script>
 339 
</script>
229 
 
 340 
 
230 
 
 341 
 
231 
<style>
 342 
<style>
232 
.hold-onboarding td{
 343 
    .hold-onboarding td {
- 
 
 344 
        background-color: crimson !important;
- 
 
 345 
    }
233 
 
 346 
 
- 
 
 347 
    /* Hide columns */
- 
 
 348 
    .hidden-col {
234 
background-color: crimson !important;
 349 
        display: none !important;
- 
 
 350 
    }
235 
 
 351 
 
- 
 
 352 
    td.hidden-col {
- 
 
 353 
        display: none !important;
236 
}
 354 
}
237 
 
 355 
 
- 
 
 356 
    /* Pagination styling */
- 
 
 357 
    .pagination-info {
- 
 
 358 
        margin-right: 15px;
- 
 
 359 
        font-weight: bold;
- 
 
 360 
    }
238 
 
 361 
 
- 
 
 362 
    .pagination {
- 
 
 363 
        margin: 0;
- 
 
 364 
    }
- 
 
 365 
 
- 
 
 366 
    .pagination li {
- 
 
 367 
        display: inline-block;
- 
 
 368 
        margin: 0 2px;
- 
 
 369 
    }
- 
 
 370 
 
- 
 
 371 
    .pagination li a, .pagination li span {
- 
 
 372 
        padding: 5px 10px;
- 
 
 373 
        border: 1px solid #ddd;
- 
 
 374 
        text-decoration: none;
- 
 
 375 
        color: #333;
- 
 
 376 
    }
- 
 
 377 
 
- 
 
 378 
    .pagination li.active span {
- 
 
 379 
        background-color: #337ab7;
- 
 
 380 
        color: white;
- 
 
 381 
        border-color: #337ab7;
- 
 
 382 
    }
239 
 
 383 
 
- 
 
 384 
    .pagination li.disabled span {
- 
 
 385 
        color: #999;
- 
 
 386 
        cursor: not-allowed;
- 
 
 387 
    }
240 
</style>
 388 
</style>