Subversion Repositories SmartDukaan

Rev

Rev 31730 | Rev 33413 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
27863 tejbeer 1
<link href="https://cdn.datatables.net/fixedcolumns/3.3.0/css/fixedColumns.bootstrap.css" rel="stylesheet"/>
27851 tejbeer 2
 
27763 tejbeer 3
<section class="wrapper">
27775 tejbeer 4
    <div class="row">
5
        <div class="col-lg-12">
27780 tejbeer 6
            <h3 class="page-header"><i class="icon_document_alt"></i>PARTNER ONBOARDING</h3>
27775 tejbeer 7
            <ol class="breadcrumb">
8
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
27780 tejbeer 9
                <li><i class="icon_document_alt"></i>Partner Onboarding</li>
27775 tejbeer 10
            </ol>
11
        </div>
12
    </div>
13
    <div class="col-lg-6">
32348 jai.hind 14
        <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"
15
                style="font-size:12px;">New
27775 tejbeer 16
        </button>
17
        <div id="myModal" class="modal fade" role="dialog">
32348 jai.hind 18
            <div class="modal-dialog modal-lg">
27775 tejbeer 19
                <!-- Modal content-->
20
                <div class="modal-content">
21
                    <div class="modal-header">
22
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
32348 jai.hind 23
                        <h4 class="modal-title">NEW ONBOARDING</h4>
27775 tejbeer 24
                    </div>
32348 jai.hind 25
                    <div class="modal-body"    style="height: 400px; style="width: 1050px;">
27775 tejbeer 26
                        <form>
31371 tejbeer 27
 
28
                        <div class="form-row">
29
                                <div class="form-group col-md-6">
30
                                    <label for="leadId">Lead Id </label>
31
                                    <input type="text" class="form-control leadIdOnboarding" id="leadId"
32
                                           placeholder="Lead Id">
33
                                </div>
34
 
35
                            </div>
27775 tejbeer 36
                            <div class="form-row">
37
                                <div class="form-group col-md-6">
27780 tejbeer 38
                                    <label for="outLetName1">OutLet Name</label>
39
                                    <input type="text" class="form-control" id="outLetName1"
40
                                           placeholder="OutLet Name">
27775 tejbeer 41
                                </div>
42
                                <div class="form-group col-md-6">
43
                                    <label for="number1">Mobile Number</label>
44
                                    <input type="number" class="form-control" id="number1" placeholder="Mobile Number">
45
                                </div>
27780 tejbeer 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>
27775 tejbeer 50
                            </div>
32348 jai.hind 51
                            <div>
52
					<div class="form-group col-md-3 ">
28862 manish 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>
32348 jai.hind 61
 
62
                             <div class="text-end" "form-group col-md-2" style="padding:22px;">
27775 tejbeer 63
                            <button type="button" class="btn btn-primary" id="newmodal" data-dismiss="modal"
64
                                    data-backdrop='static' data-keyboard='false'>submit
65
                            </button>
27780 tejbeer 66
                            </div>
27775 tejbeer 67
                        </form>
68
                    </div>
69
                    <div class="modal-footer">
70
                        <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
71
                    </div>
72
                </div>
73
            </div>
74
        </div>
75
    </div>
76
    <div class="col-lg-12">
77
        <table class="table table-border table-condensed table-bordered" id="example" style="width:100%">
27763 tejbeer 78
 
27848 tejbeer 79
            <thead class="row htable" style="background:#F5F5F5;">
27775 tejbeer 80
 
81
            <tr style="color:black;">
82
                <th>Id</th>
27834 tejbeer 83
                 <th>Outlet Name(SM)</th>
27782 tejbeer 84
                <th>Created On</th>
27780 tejbeer 85
                <th>Acquired Date()</th>
27775 tejbeer 86
                <th>Outlet Name(SM)</th>
28599 amit.gupta 87
                <th>Phone Number(SM)</th>
31730 tejbeer 88
                <th>Counter Potential</th>
28879 manish 89
                <th>RBM Name(SM)</th>     
27775 tejbeer 90
                <th>City (SM)</th>
91
                <th>State Head(SM)</th>
92
                <th>BDM (SM)</th>
93
                <th>Agreed Brand fees(SM)</th>
27780 tejbeer 94
                <th>Received Brand fees(SM)</th>
27884 tejbeer 95
                 <th>Final Brand fees(SM)</th>
27775 tejbeer 96
                <th>Agreed Wallet(SM)</th>
28908 tejbeer 97
                <th>Adv Stock Date(SM)</th>
30286 tejbeer 98
                <th>KYC (legal)</th>
27780 tejbeer 99
                <th>Aadhaar(legal)</th>
100
                <th>pan(legal)</th>
101
                <th>GST(legal)</th>
102
                <th>Cancel cheque(legal)</th>
103
                <th>Rent agreement/Owner ship proof(legal)</th>
104
                <th>LOI(legal)</th>
31431 amit.gupta 105
                <th>Doc Compl</th>
27780 tejbeer 106
                <th>Code(legal)</th>
27775 tejbeer 107
                <th>Recee Planed(Kamini)</th>
108
                <th>Recee Actual(Kamini)</th>
109
                <th>Designing Planed(Kamini)</th>
110
                <th>Designing Actual(Kamini)</th>
111
                <th>Stock payment(kamini)</th>
27780 tejbeer 112
                <th>Expected Date(kamini)</th>
113
                <th>Pay Date(Kamini)</th>
28847 manish 114
                <th>Inaugration(SM)</th>
31431 amit.gupta 115
                <th>Billing Status(Kamini)</th>
28901 manish 116
                <th>Verification</th>
27775 tejbeer 117
                <th>Submit</th>
27780 tejbeer 118
                <th>OutLet Open</th>
27799 tejbeer 119
                <th>OutLet Reject</th>
31431 amit.gupta 120
                <th>OutLet Hold</th>
121
                <th>Notice Issue</th>
122
                <th>Resend Veri</th>
123
            </tr>
27775 tejbeer 124
            </thead>
125
            <tbody>
126
                #foreach($pob in $partnerOnBoardingPanel )
28901 manish 127
                #if($pob.getHoldTimestamp())
128
                <tr  class="hold-onboarding">
129
                   #parse("partner-onboarding-row-index.vm")
130
 
131
                </tr>
132
                #else
28049 amit.gupta 133
                <tr>
27844 tejbeer 134
                   #parse("partner-onboarding-row-index.vm")
27775 tejbeer 135
 
136
                </tr>
137
                #end
28901 manish 138
                #end
27775 tejbeer 139
 
140
            </tbody>
141
 
142
        </table>
143
    </div>
27763 tejbeer 144
</section>
145
 
146
 
147
<script type="text/javascript">
148
 
27775 tejbeer 149
    $(document).ready(function () {
27828 tejbeer 150
 
28862 manish 151
 
27828 tejbeer 152
 
153
      var dtable = $('#example').DataTable({
154
             "scrollX": true,
27863 tejbeer 155
            "scrollY": "518px",
27884 tejbeer 156
            scrollCollapse: true,
27828 tejbeer 157
              "fixedHeader": true,
29017 manish 158
             "order": [[ 0, "desc" ]],
27830 tejbeer 159
             fixedColumns:   {
27834 tejbeer 160
            leftColumns: 2
27830 tejbeer 161
        },
27828 tejbeer 162
 
163
 
27821 tejbeer 164
 
27816 tejbeer 165
                   "columnDefs": [
27837 tejbeer 166
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
27817 tejbeer 167
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
168
 
27884 tejbeer 169
                   { "targets": 3, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
28933 manish 170
                   { "targets": 4, "orderDataType": "dom-text", "type": "string" },
171
                  { "targets": 5, "orderDataType": "dom-text-numeric", "type":"number"},
172
                   { "targets": 6, "orderDataType": "dom-text", "type": "string" },
173
 
27816 tejbeer 174
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
28933 manish 175
 
28081 tejbeer 176
                  { "targets": 8, "orderDataType": "dom-text", "type": "string" },
28933 manish 177
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },
178
                   { "targets": 10, "orderDataType": "dom-text-numeric", "type":"number"},
179
 
180
                   { "targets": 11, "orderDataType": "dom-text-numeric", "type":"number"},
181
                   { "targets": 12, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
182
 
183
                    { "targets": 13, "orderDataType": "dom-text-numeric", "type":"number"},
184
                   { "targets": 14, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
29139 manish 185
 
28933 manish 186
                   { "targets": 22, "orderDataType": "dom-text", "type": "string" },
29139 manish 187
                   { "targets": 23, "orderDataType": "dom-text", "type": "string" },
28933 manish 188
 
27884 tejbeer 189
                  { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
29139 manish 190
                  { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
28933 manish 191
 
29139 manish 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" }, 
27884 tejbeer 197
 
28933 manish 198
                 { "targets": 30, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
29139 manish 199
                 { "targets": 31, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
200
                { "targets": 33, "orderDataType": "dom-text", "type": "string" }
201
 
28933 manish 202
 
27844 tejbeer 203
                        ],
204
 
27809 tejbeer 205
                });
28862 manish 206
 
207
 
208
                 $('#authUserOnboarding').multiselect({
209
        		includeSelectAllOption: true,
210
        		multiple:true,
211
        		maxHeight: 200,
212
        		buttonWidth: '180px',
213
        		numberDisplayed: 1,
214
	        	nonSelectedText: 'AuthUsers',
215
	        	nSelectedText: ' - AuthUser Selected',
216
	        	allSelectedText: 'All AuthUser Selected',
217
	        	enableFiltering: true,
218
	        	enableCaseInsensitiveFiltering : true
219
 
220
      });
27828 tejbeer 221
 
27775 tejbeer 222
    });
28862 manish 223
 
224
 
225
 
226
 
227
 
27820 tejbeer 228
</script>
27851 tejbeer 229
 
230
 
27820 tejbeer 231
<style>
28901 manish 232
.hold-onboarding td{
233
 
234
background-color: crimson !important;
235
 
236
}
237
 
238
 
31359 tejbeer 239
 
27820 tejbeer 240
</style>