Subversion Repositories SmartDukaan

Rev

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