Subversion Repositories SmartDukaan

Rev

Rev 28022 | Rev 28049 | 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
 
28023 amit.gupta 114
 
115
$.fn.dataTable.ext.order['dom-text'] = function  ( settings, col )
116
      {
117
    return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
118
        return $('input', td).val();
119
    } );
120
  }
27763 tejbeer 121
 
28023 amit.gupta 122
/* Create an array with the values of all the input boxes in a column, parsed as numbers */
123
$.fn.dataTable.ext.order['dom-text-numeric'] = function  ( settings, col )
124
{
125
    return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
126
    return $('input', td).val() * 1;
127
    } );
128
}  
129
 
130
 
27775 tejbeer 131
    $(document).ready(function () {
27828 tejbeer 132
 
133
 
134
 
135
      var dtable = $('#example').DataTable({
136
             "scrollX": true,
27863 tejbeer 137
            "scrollY": "518px",
27884 tejbeer 138
            scrollCollapse: true,
27828 tejbeer 139
              "fixedHeader": true,
27837 tejbeer 140
 
27830 tejbeer 141
             fixedColumns:   {
27834 tejbeer 142
            leftColumns: 2
27830 tejbeer 143
        },
27828 tejbeer 144
 
145
 
27821 tejbeer 146
 
27816 tejbeer 147
                   "columnDefs": [
27837 tejbeer 148
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
27817 tejbeer 149
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
150
 
27884 tejbeer 151
                   { "targets": 3, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
152
                   { "targets": 4, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
27816 tejbeer 153
                  { "targets": 5, "orderDataType": "dom-text", "type": "string" },
154
                  { "targets": 6, "orderDataType": "dom-text", "type": "string" },
155
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
27884 tejbeer 156
                   { "targets": 8, "orderDataType": "dom-text", "type": "string" },
27816 tejbeer 157
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },  
28022 amit.gupta 158
                  { "targets": 10, "orderDataType": "dom-text-numeric"},
27884 tejbeer 159
                  { "targets": 11, "orderDataType": "dom-text", "type": "string" },
160
                  { "targets": 12, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
161
                  { "targets": 13, "orderDataType": "dom-text", "type": "string" },
162
                  { "targets": 14, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
163
                    { "targets": 16, "orderDataType": "dom-text", "type": "string" },
164
                  { "targets": 17, "orderDataType": "dom-text", "type": "string" },
165
                  { "targets": 18, "orderDataType": "dom-text", "type": "string" },
166
                  { "targets": 19, "orderDataType": "dom-text", "type": "string" },
167
                  { "targets": 20, "orderDataType": "dom-text", "type": "string" },
27816 tejbeer 168
                  { "targets": 21, "orderDataType": "dom-text", "type": "string" },
27884 tejbeer 169
                  { "targets": 22, "orderDataType": "dom-text", "type": "string" },
170
                 { "targets": 23, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
171
                  { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
172
                 { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
173
                { "targets": 26, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
174
                { "targets": 27, "orderDataType": "dom-text", "type": "string" },
175
                  { "targets": 28, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
176
                { "targets": 29, "orderDataType": "dom-text", "type": "string" }
177
 
27844 tejbeer 178
                        ],
179
 
27809 tejbeer 180
                });
27828 tejbeer 181
 
27775 tejbeer 182
    });
27820 tejbeer 183
</script>
27851 tejbeer 184
 
185
 
27820 tejbeer 186
<style>
187
</style>