Subversion Repositories SmartDukaan

Rev

Rev 27864 | Rev 28022 | 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>
27780 tejbeer 42 
                             <div class="form-group col-md-2" style="padding:22px;">
27775 tejbeer 43 
                            <button type="button" class="btn btn-primary" id="newmodal" data-dismiss="modal"
44 
                                    data-backdrop='static' data-keyboard='false'>submit
45 
                            </button>
27780 tejbeer 46 
                            </div>
27775 tejbeer 47 
                        </form>
48 
                    </div>
49 
                    <div class="modal-footer">
50 
                        <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
51 
                    </div>
52 
                </div>
53 
            </div>
54 
        </div>
55 
    </div>
56 
    <div class="col-lg-12">
57 
        <table class="table table-border table-condensed table-bordered" id="example" style="width:100%">
27763 tejbeer 58 
 
27848 tejbeer 59 
            <thead class="row htable" style="background:#F5F5F5;">
27775 tejbeer 60 
 
61 
            <tr style="color:black;">
62 
                <th>Id</th>
27834 tejbeer 63 
                 <th>Outlet Name(SM)</th>
27782 tejbeer 64 
                <th>Created On</th>
27780 tejbeer 65 
                <th>Acquired Date()</th>
27775 tejbeer 66 
                <th>Outlet Name(SM)</th>
27834 tejbeer 67 
               <th>Phone Number(SM)</th>
27775 tejbeer 68 
                <th>City (SM)</th>
69 
                <th>State Head(SM)</th>
70 
                <th>BDM (SM)</th>
71 
                <th>Agreed Brand fees(SM)</th>
27780 tejbeer 72 
                <th>Received Brand fees(SM)</th>
27884 tejbeer 73 
                 <th>Final Brand fees(SM)</th>
27775 tejbeer 74 
                <th>Agreed Wallet(SM)</th>
75 
                <th>Investment Date(SM)</th>
76 
                <th>KYC (SM)</th>
27780 tejbeer 77 
                <th>Aadhaar(legal)</th>
78 
                <th>pan(legal)</th>
79 
                <th>GST(legal)</th>
80 
                <th>Cancel cheque(legal)</th>
81 
                <th>Rent agreement/Owner ship proof(legal)</th>
82 
                <th>LOI(legal)</th>
83 
                <th>Code(legal)</th>
27775 tejbeer 84 
                <th>Recee Planed(Kamini)</th>
85 
                <th>Recee Actual(Kamini)</th>
86 
                <th>Designing Planed(Kamini)</th>
87 
                <th>Designing Actual(Kamini)</th>
88 
                <th>Stock payment(kamini)</th>
27780 tejbeer 89 
                <th>Expected Date(kamini)</th>
90 
                <th>Pay Date(Kamini)</th>
27775 tejbeer 91 
                <th>Billing Status(Niranjan)</th>
92 
                <th>Submit</th>
27780 tejbeer 93 
                <th>OutLet Open</th>
27799 tejbeer 94 
                <th>OutLet Reject</th>
27775 tejbeer 95 
            </tr>
96 
            </thead>
97 
            <tbody>
98 
                #foreach($pob in $partnerOnBoardingPanel )
99 
                <tr id="trow2">
27844 tejbeer 100 
                   #parse("partner-onboarding-row-index.vm")
27775 tejbeer 101 
 
102 
                </tr>
103 
                #end
104 
 
105 
            </tbody>
106 
 
107 
        </table>
108 
    </div>
27763 tejbeer 109 
</section>
110 
 
111 
 
112 
<script type="text/javascript">
113 
 
114 
 
27775 tejbeer 115 
    $(document).ready(function () {
27828 tejbeer 116 
 
117 
 
118 
 
119 
      var dtable = $('#example').DataTable({
120 
             "scrollX": true,
27863 tejbeer 121 
            "scrollY": "518px",
27884 tejbeer 122 
            scrollCollapse: true,
27828 tejbeer 123 
              "fixedHeader": true,
27837 tejbeer 124 
 
27830 tejbeer 125 
             fixedColumns:   {
27834 tejbeer 126 
            leftColumns: 2
27830 tejbeer 127 
        },
27828 tejbeer 128 
 
129 
 
27821 tejbeer 130 
 
27816 tejbeer 131 
                   "columnDefs": [
27837 tejbeer 132 
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
27817 tejbeer 133 
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
134 
 
27884 tejbeer 135 
                   { "targets": 3, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
136 
                   { "targets": 4, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
27816 tejbeer 137 
                  { "targets": 5, "orderDataType": "dom-text", "type": "string" },
138 
                  { "targets": 6, "orderDataType": "dom-text", "type": "string" },
139 
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
27884 tejbeer 140 
                   { "targets": 8, "orderDataType": "dom-text", "type": "string" },
27816 tejbeer 141 
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },
142 
                  { "targets": 10, "orderDataType": "dom-text", "type": "string" },
27884 tejbeer 143 
                  { "targets": 11, "orderDataType": "dom-text", "type": "string" },
144 
                  { "targets": 12, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
145 
                  { "targets": 13, "orderDataType": "dom-text", "type": "string" },
146 
                  { "targets": 14, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
147 
                    { "targets": 16, "orderDataType": "dom-text", "type": "string" },
148 
                  { "targets": 17, "orderDataType": "dom-text", "type": "string" },
149 
                  { "targets": 18, "orderDataType": "dom-text", "type": "string" },
150 
                  { "targets": 19, "orderDataType": "dom-text", "type": "string" },
151 
                  { "targets": 20, "orderDataType": "dom-text", "type": "string" },
27816 tejbeer 152 
                  { "targets": 21, "orderDataType": "dom-text", "type": "string" },
27884 tejbeer 153 
                  { "targets": 22, "orderDataType": "dom-text", "type": "string" },
154 
                 { "targets": 23, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
155 
                  { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
156 
                 { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
157 
                { "targets": 26, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
158 
                { "targets": 27, "orderDataType": "dom-text", "type": "string" },
159 
                  { "targets": 28, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
160 
                { "targets": 29, "orderDataType": "dom-text", "type": "string" }
161 
 
27844 tejbeer 162 
                        ],
163 
 
164 
 
165 
 
27837 tejbeer 166 
 
167 
 
27820 tejbeer 168 
 
169 
 
27809 tejbeer 170 
                });
27828 tejbeer 171 
 
27809 tejbeer 172 
 
27828 tejbeer 173 
 
27816 tejbeer 174 
$.fn.dataTable.ext.order['dom-text'] = function  ( settings, col )
175 
      {
176 
    return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
177 
        return $('input', td).val();
178 
    } );
179 
  }
27799 tejbeer 180 
 
27816 tejbeer 181 
/* Create an array with the values of all the input boxes in a column, parsed as numbers */
182 
$.fn.dataTable.ext.order['dom-text-numeric'] = function  ( settings, col )
183 
{
184 
    return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
185 
    return $('input', td).val() * 1;
186 
    } );
187 
}
27844 tejbeer 188 
 
27763 tejbeer 189 
 
190 
 
191 
 
27775 tejbeer 192 
    });
27820 tejbeer 193 
</script>
27851 tejbeer 194 
 
195 
 
27820 tejbeer 196 
<style>
197 
</style>