Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
27851 tejbeer 1 
 
27763 tejbeer 2 
<section class="wrapper">
27775 tejbeer 3 
    <div class="row">
4 
        <div class="col-lg-12">
27780 tejbeer 5 
            <h3 class="page-header"><i class="icon_document_alt"></i>PARTNER ONBOARDING</h3>
27775 tejbeer 6 
            <ol class="breadcrumb">
7 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
27780 tejbeer 8 
                <li><i class="icon_document_alt"></i>Partner Onboarding</li>
27775 tejbeer 9 
            </ol>
10 
        </div>
11 
    </div>
12 
    <div class="col-lg-6">
13 
        <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal"
14 
                style="font-size:12px; background:#696969;">New
15 
        </button>
16 
        <div id="myModal" class="modal fade" role="dialog">
17 
            <div class="modal-dialog">
18 
                <!-- Modal content-->
19 
                <div class="modal-content">
20 
                    <div class="modal-header">
21 
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
22 
                        <h4 class="modal-title">Modal Header</h4>
23 
                    </div>
27780 tejbeer 24 
                    <div class="modal-body"    style="height: 170px;">
27775 tejbeer 25 
                        <form>
26 
                            <div class="form-row">
27 
                                <div class="form-group col-md-6">
27780 tejbeer 28 
                                    <label for="outLetName1">OutLet Name</label>
29 
                                    <input type="text" class="form-control" id="outLetName1"
30 
                                           placeholder="OutLet Name">
27775 tejbeer 31 
                                </div>
32 
                                <div class="form-group col-md-6">
33 
                                    <label for="number1">Mobile Number</label>
34 
                                    <input type="number" class="form-control" id="number1" placeholder="Mobile Number">
35 
                                </div>
27780 tejbeer 36 
                                <div class="form-group col-md-6">
37 
                                    <label for="acquireddate1">Acquired Date</label>
38 
                                    <input type="date" class="form-control" id="acquireddate1" placeholder="Acquired Date">
39 
                                </div>
27775 tejbeer 40 
                            </div>
27780 tejbeer 41 
                             <div class="form-group col-md-2" style="padding:22px;">
27775 tejbeer 42 
                            <button type="button" class="btn btn-primary" id="newmodal" data-dismiss="modal"
43 
                                    data-backdrop='static' data-keyboard='false'>submit
44 
                            </button>
27780 tejbeer 45 
                            </div>
27775 tejbeer 46 
                        </form>
47 
                    </div>
48 
                    <div class="modal-footer">
49 
                        <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
50 
                    </div>
51 
                </div>
52 
            </div>
53 
        </div>
54 
    </div>
55 
    <div class="col-lg-12">
56 
        <table class="table table-border table-condensed table-bordered" id="example" style="width:100%">
27763 tejbeer 57 
 
27848 tejbeer 58 
            <thead class="row htable" style="background:#F5F5F5;">
27775 tejbeer 59 
 
60 
            <tr style="color:black;">
61 
                <th>Id</th>
27834 tejbeer 62 
                 <th>Outlet Name(SM)</th>
27782 tejbeer 63 
                <th>Created On</th>
27780 tejbeer 64 
                <th>Acquired Date()</th>
27775 tejbeer 65 
                <th>Outlet Name(SM)</th>
27834 tejbeer 66 
               <th>Phone Number(SM)</th>
27775 tejbeer 67 
                <th>City (SM)</th>
68 
                <th>State Head(SM)</th>
69 
                <th>BDM (SM)</th>
70 
                <th>Agreed Brand fees(SM)</th>
27780 tejbeer 71 
                <th>Received Brand fees(SM)</th>
27775 tejbeer 72 
                <th>Agreed Wallet(SM)</th>
73 
                <th>Investment Date(SM)</th>
74 
                <th>KYC (SM)</th>
27780 tejbeer 75 
                <th>Aadhaar(legal)</th>
76 
                <th>pan(legal)</th>
77 
                <th>GST(legal)</th>
78 
                <th>Cancel cheque(legal)</th>
79 
                <th>Rent agreement/Owner ship proof(legal)</th>
80 
                <th>LOI(legal)</th>
81 
                <th>Code(legal)</th>
27775 tejbeer 82 
                <th>Recee Planed(Kamini)</th>
83 
                <th>Recee Actual(Kamini)</th>
84 
                <th>Designing Planed(Kamini)</th>
85 
                <th>Designing Actual(Kamini)</th>
86 
                <th>Stock payment(kamini)</th>
27780 tejbeer 87 
                <th>Expected Date(kamini)</th>
88 
                <th>Pay Date(Kamini)</th>
27775 tejbeer 89 
                <th>Billing Status(Niranjan)</th>
90 
                <th>Submit</th>
27780 tejbeer 91 
                <th>OutLet Open</th>
27799 tejbeer 92 
                <th>OutLet Reject</th>
27775 tejbeer 93 
            </tr>
94 
            </thead>
95 
            <tbody>
96 
                #foreach($pob in $partnerOnBoardingPanel )
97 
                <tr id="trow2">
27844 tejbeer 98 
                   #parse("partner-onboarding-row-index.vm")
27775 tejbeer 99 
 
100 
                </tr>
101 
                #end
102 
 
103 
            </tbody>
104 
 
105 
        </table>
106 
    </div>
27763 tejbeer 107 
</section>
108 
 
109 
 
110 
<script type="text/javascript">
111 
 
112 
 
27775 tejbeer 113 
    $(document).ready(function () {
27828 tejbeer 114 
 
115 
 
116 
 
117 
      var dtable = $('#example').DataTable({
118 
             "scrollX": true,
27856 tejbeer 119 
            "scrollY": "400px",
27828 tejbeer 120 
              "orderCellsTop": true,
121 
              "fixedHeader": true,
27837 tejbeer 122 
 
27830 tejbeer 123 
             fixedColumns:   {
27834 tejbeer 124 
            leftColumns: 2
27830 tejbeer 125 
        },
27828 tejbeer 126 
 
127 
 
27821 tejbeer 128 
 
27816 tejbeer 129 
                   "columnDefs": [
27837 tejbeer 130 
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
27817 tejbeer 131 
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
132 
 
27816 tejbeer 133 
                   { "targets": 3, "orderDataType": "dom-text", "type": "string" },
134 
                   { "targets": 4, "orderDataType": "dom-text", "type": "string" },
135 
                  { "targets": 5, "orderDataType": "dom-text", "type": "string" },
136 
                  { "targets": 6, "orderDataType": "dom-text", "type": "string" },
137 
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
138 
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },
139 
                  { "targets": 10, "orderDataType": "dom-text", "type": "string" },
140 
                  { "targets": 12, "orderDataType": "dom-text", "type": "string" },
27817 tejbeer 141 
                  { "targets": 13, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
27816 tejbeer 142 
                  { "targets": 21, "orderDataType": "dom-text", "type": "string" },
27817 tejbeer 143 
                 { "targets": 22, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
144 
                  { "targets": 23, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
145 
                 { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
146 
                { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
147 
                { "targets": 26, "orderDataType": "dom-text", "type": "string" },
148 
                  { "targets": 27, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
149 
                { "targets": 28, "orderDataType": "date-dd-mmm-yyyy", "type": "string" }
27844 tejbeer 150 
 
151 
 
152 
                        ],
153 
 
154 
 
155 
 
27837 tejbeer 156 
 
157 
 
27820 tejbeer 158 
 
159 
 
27809 tejbeer 160 
                });
27828 tejbeer 161 
 
27809 tejbeer 162 
 
27828 tejbeer 163 
 
27816 tejbeer 164 
$.fn.dataTable.ext.order['dom-text'] = function  ( settings, col )
165 
      {
166 
    return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
167 
        return $('input', td).val();
168 
    } );
169 
  }
27799 tejbeer 170 
 
27816 tejbeer 171 
/* Create an array with the values of all the input boxes in a column, parsed as numbers */
172 
$.fn.dataTable.ext.order['dom-text-numeric'] = function  ( settings, col )
173 
{
174 
    return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
175 
    return $('input', td).val() * 1;
176 
    } );
177 
}
27844 tejbeer 178 
 
27763 tejbeer 179 
 
180 
 
181 
 
27775 tejbeer 182 
    });
27820 tejbeer 183 
</script>
27851 tejbeer 184 
<link href="https://cdn.datatables.net/fixedcolumns/3.3.0/css/fixedColumns.bootstrap.css" rel="stylesheet"/>
185 
 
186 
 
27820 tejbeer 187 
<style>
27851 tejbeer 188 
th, td { white-space: nowrap; }
27820 tejbeer 189 
</style>