Subversion Repositories SmartDukaan

Rev

Rev 31359 | Rev 31371 | 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>
27 
                            <div class="form-row">
28 
                                <div class="form-group col-md-6">
27780 tejbeer 29 
                                    <label for="outLetName1">OutLet Name</label>
30 
                                    <input type="text" class="form-control" id="outLetName1"
31 
                                           placeholder="OutLet Name">
27775 tejbeer 32 
                                </div>
33 
                                <div class="form-group col-md-6">
34 
                                    <label for="number1">Mobile Number</label>
35 
                                    <input type="number" class="form-control" id="number1" placeholder="Mobile Number">
36 
                                </div>
27780 tejbeer 37 
                                <div class="form-group col-md-6">
38 
                                    <label for="acquireddate1">Acquired Date</label>
39 
                                    <input type="date" class="form-control" id="acquireddate1" placeholder="Acquired Date">
40 
                                </div>
27775 tejbeer 41 
                            </div>
28862 manish 42 
                            <div class = "row">
43 
					<div class="col-lg-2 form-group">
44 
						<select class="form-control input-sm" id = "authUserOnboarding" name="authUser" placeholder="AuthUser">
45 
						<option value="" disabled selected>AuthUser</option>
46 
						 #foreach($authUser in $authUsers)
47 
		             		<option value="$authUser.getId()">$authUser.getName()</option>
48 
		             		#end
49 
		             	</select>
50 
		             	</div>
51 
		          </div>
27780 tejbeer 52 
                             <div class="form-group col-md-2" style="padding:22px;">
27775 tejbeer 53 
                            <button type="button" class="btn btn-primary" id="newmodal" data-dismiss="modal"
54 
                                    data-backdrop='static' data-keyboard='false'>submit
55 
                            </button>
27780 tejbeer 56 
                            </div>
27775 tejbeer 57 
                        </form>
58 
                    </div>
59 
                    <div class="modal-footer">
60 
                        <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
61 
                    </div>
62 
                </div>
63 
            </div>
64 
        </div>
65 
    </div>
28862 manish 66 
 
67 
 
68 
 
27775 tejbeer 69 
    <div class="col-lg-12">
70 
        <table class="table table-border table-condensed table-bordered" id="example" style="width:100%">
27763 tejbeer 71 
 
27848 tejbeer 72 
            <thead class="row htable" style="background:#F5F5F5;">
27775 tejbeer 73 
 
74 
            <tr style="color:black;">
75 
                <th>Id</th>
27834 tejbeer 76 
                 <th>Outlet Name(SM)</th>
27782 tejbeer 77 
                <th>Created On</th>
27780 tejbeer 78 
                <th>Acquired Date()</th>
27775 tejbeer 79 
                <th>Outlet Name(SM)</th>
28599 amit.gupta 80 
                <th>Phone Number(SM)</th>
28879 manish 81 
                <th>RBM Name(SM)</th>
27775 tejbeer 82 
                <th>City (SM)</th>
83 
                <th>State Head(SM)</th>
84 
                <th>BDM (SM)</th>
85 
                <th>Agreed Brand fees(SM)</th>
27780 tejbeer 86 
                <th>Received Brand fees(SM)</th>
27884 tejbeer 87 
                 <th>Final Brand fees(SM)</th>
27775 tejbeer 88 
                <th>Agreed Wallet(SM)</th>
28908 tejbeer 89 
                <th>Adv Stock Date(SM)</th>
30286 tejbeer 90 
                <th>KYC (legal)</th>
27780 tejbeer 91 
                <th>Aadhaar(legal)</th>
92 
                <th>pan(legal)</th>
93 
                <th>GST(legal)</th>
94 
                <th>Cancel cheque(legal)</th>
95 
                <th>Rent agreement/Owner ship proof(legal)</th>
96 
                <th>LOI(legal)</th>
28977 manish 97 
                <th>Doc Compl</th>
27780 tejbeer 98 
                <th>Code(legal)</th>
27775 tejbeer 99 
                <th>Recee Planed(Kamini)</th>
100 
                <th>Recee Actual(Kamini)</th>
101 
                <th>Designing Planed(Kamini)</th>
102 
                <th>Designing Actual(Kamini)</th>
103 
                <th>Stock payment(kamini)</th>
27780 tejbeer 104 
                <th>Expected Date(kamini)</th>
105 
                <th>Pay Date(Kamini)</th>
28847 manish 106 
                <th>Inaugration(SM)</th>
27775 tejbeer 107 
                <th>Billing Status(Niranjan)</th>
28901 manish 108 
                <th>Verification</th>
27775 tejbeer 109 
                <th>Submit</th>
27780 tejbeer 110 
                <th>OutLet Open</th>
27799 tejbeer 111 
                <th>OutLet Reject</th>
30286 tejbeer 112 
	             <th>OutLet Hold</th>
113 
	             <th>Notice Issue</th>
114 
	             <th>Resend Veri</th>
115 
	        </tr>
27775 tejbeer 116 
            </thead>
117 
            <tbody>
118 
                #foreach($pob in $partnerOnBoardingPanel )
28901 manish 119 
                #if($pob.getHoldTimestamp())
120 
                <tr  class="hold-onboarding">
121 
                   #parse("partner-onboarding-row-index.vm")
122 
 
123 
                </tr>
124 
                #else
28049 amit.gupta 125 
                <tr>
27844 tejbeer 126 
                   #parse("partner-onboarding-row-index.vm")
27775 tejbeer 127 
 
128 
                </tr>
129 
                #end
28901 manish 130 
                #end
27775 tejbeer 131 
 
132 
            </tbody>
133 
 
134 
        </table>
135 
    </div>
27763 tejbeer 136 
</section>
137 
 
138 
 
139 
<script type="text/javascript">
140 
 
27775 tejbeer 141 
    $(document).ready(function () {
27828 tejbeer 142 
 
28862 manish 143 
 
27828 tejbeer 144 
 
145 
      var dtable = $('#example').DataTable({
146 
             "scrollX": true,
27863 tejbeer 147 
            "scrollY": "518px",
27884 tejbeer 148 
            scrollCollapse: true,
27828 tejbeer 149 
              "fixedHeader": true,
29017 manish 150 
             "order": [[ 0, "desc" ]],
27830 tejbeer 151 
             fixedColumns:   {
27834 tejbeer 152 
            leftColumns: 2
27830 tejbeer 153 
        },
27828 tejbeer 154 
 
155 
 
27821 tejbeer 156 
 
27816 tejbeer 157 
                   "columnDefs": [
27837 tejbeer 158 
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
27817 tejbeer 159 
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
160 
 
27884 tejbeer 161 
                   { "targets": 3, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
28933 manish 162 
                   { "targets": 4, "orderDataType": "dom-text", "type": "string" },
163 
                  { "targets": 5, "orderDataType": "dom-text-numeric", "type":"number"},
164 
                   { "targets": 6, "orderDataType": "dom-text", "type": "string" },
165 
 
27816 tejbeer 166 
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
28933 manish 167 
 
28081 tejbeer 168 
                  { "targets": 8, "orderDataType": "dom-text", "type": "string" },
28933 manish 169 
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },
170 
                   { "targets": 10, "orderDataType": "dom-text-numeric", "type":"number"},
171 
 
172 
                   { "targets": 11, "orderDataType": "dom-text-numeric", "type":"number"},
173 
                   { "targets": 12, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
174 
 
175 
                    { "targets": 13, "orderDataType": "dom-text-numeric", "type":"number"},
176 
                   { "targets": 14, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
29139 manish 177 
 
28933 manish 178 
                   { "targets": 22, "orderDataType": "dom-text", "type": "string" },
29139 manish 179 
                   { "targets": 23, "orderDataType": "dom-text", "type": "string" },
28933 manish 180 
 
27884 tejbeer 181 
                  { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
29139 manish 182 
                  { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
28933 manish 183 
 
29139 manish 184 
                  { "targets": 26, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
185 
                   { "targets":27, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
186 
 
187 
                  { "targets": 28, "orderDataType": "dom-text-numeric", "type":"number"},
188 
                { "targets": 29, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
27884 tejbeer 189 
 
28933 manish 190 
                 { "targets": 30, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
29139 manish 191 
                 { "targets": 31, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
192 
                { "targets": 33, "orderDataType": "dom-text", "type": "string" }
193 
 
28933 manish 194 
 
27844 tejbeer 195 
                        ],
196 
 
27809 tejbeer 197 
                });
28862 manish 198 
 
199 
 
200 
                 $('#authUserOnboarding').multiselect({
201 
        		includeSelectAllOption: true,
202 
        		multiple:true,
203 
        		maxHeight: 200,
204 
        		buttonWidth: '180px',
205 
        		numberDisplayed: 1,
206 
	        	nonSelectedText: 'AuthUsers',
207 
	        	nSelectedText: ' - AuthUser Selected',
208 
	        	allSelectedText: 'All AuthUser Selected',
209 
	        	enableFiltering: true,
210 
	        	enableCaseInsensitiveFiltering : true
211 
 
212 
      });
27828 tejbeer 213 
 
27775 tejbeer 214 
    });
28862 manish 215 
 
216 
 
217 
 
218 
 
219 
 
27820 tejbeer 220 
</script>
27851 tejbeer 221 
 
222 
 
27820 tejbeer 223 
<style>
28901 manish 224 
.hold-onboarding td{
225 
 
226 
background-color: crimson !important;
227 
 
228 
}
229 
 
230 
 
31363 tejbeer 231 
img:target {
232 
  border: 5px solid red;
233 
}
31359 tejbeer 234 
 
31363 tejbeer 235 
.lightbox {
236 
  /* Default to hidden */
237 
  display: none;
238 
 
239 
  /* Overlay entire screen */
240 
  position: fixed;
241 
  z-index: 999;
242 
  top: 0;
243 
  left: 0;
244 
  right: 0;
245 
  bottom: 0;
246 
 
247 
  /* A bit of padding around image */
248 
  padding: 1em;
249 
 
250 
  /* Translucent background */
251 
  background: rgba(0, 0, 0, 0.8);
252 
}
253 
 
254 
/* Unhide the lightbox when it's the target */
255 
.lightbox:target {
256 
  display: block;
257 
}
258 
 
259 
.lightbox span {
260 
  /* Full width and height */
261 
  display: block;
262 
  width: 100%;
263 
  height: 100%;
264 
 
265 
  /* Size and position background image */
266 
  background-position: center;
267 
  background-repeat: no-repeat;
268 
  background-size: contain;
269 
}
31359 tejbeer 270 
 
271 
 
27820 tejbeer 272 
</style>