Subversion Repositories SmartDukaan

Rev

Rev 31730 | Rev 33845 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<link href="https://cdn.datatables.net/fixedcolumns/3.3.0/css/fixedColumns.bootstrap.css" rel="stylesheet"/>

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>PARTNER ONBOARDING</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="icon_document_alt"></i>Partner Onboarding</li>
            </ol>
        </div>
    </div>
    <div class="col-lg-6">
        <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"
                style="font-size:12px;">New
        </button>
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">NEW ONBOARDING</h4>
                    </div>
                    <div class="modal-body"    style="height: 400px; style="width: 1050px;">
                        <form>
                        
                        <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label for="leadId">Lead Id </label>
                                    <input type="text" class="form-control leadIdOnboarding" id="leadId"
                                           placeholder="Lead Id">
                                </div>
                                
                            </div>
                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label for="outLetName1">OutLet Name</label>
                                    <input type="text" class="form-control" id="outLetName1"
                                           placeholder="OutLet Name">
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="number1">Mobile Number</label>
                                    <input type="number" class="form-control" id="number1" placeholder="Mobile Number">
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="acquireddate1">Acquired Date</label>
                                    <input type="date" class="form-control" id="acquireddate1" placeholder="Acquired Date">
                                </div>
                            </div>
                            <div>
                                        <div class="form-group col-md-3 ">
                                                <select class="form-control input-sm" id = "authUserOnboarding" name="authUser" placeholder="AuthUser">
                                                <option value="" disabled selected>AuthUser</option>
                                                 #foreach($authUser in $authUsers)
                                        <option value="$authUser.getId()">$authUser.getName()</option>
                                        #end
                                </select>
                                </div>
                          </div>

                             <div class="text-end" "form-group col-md-2" style="padding:22px;">
                            <button type="button" class="btn btn-primary" id="newmodal" data-dismiss="modal"
                                    data-backdrop='static' data-keyboard='false'>submit
                            </button>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <table class="table table-border table-condensed table-bordered" id="example" style="width:100%">

            <thead class="row htable" style="background:#F5F5F5;">

            <tr style="color:black;">
                <th>Id</th>
                 <th>Outlet Name(SM)</th>
                <th>Created On</th>
                <th>Acquired Date()</th>
                <th>Outlet Name(SM)</th>
                <th>Phone Number(SM)</th>
                <th>Counter Potential</th>
                <th>RBM Name(SM)</th>     
                <th>City (SM)</th>
                <th>State Head(SM)</th>
                <th>BDM (SM)</th>
                <th>Agreed Brand fees(SM)</th>
                <th>Received Brand fees(SM)</th>
                 <th>Final Brand fees(SM)</th>
                <th>Agreed Wallet(SM)</th>
                <th>Adv Stock Date(SM)</th>
                <th>KYC (legal)</th>
                <th>Aadhaar(legal)</th>
                <th>pan(legal)</th>
                <th>GST(legal)</th>
                <th>Cancel cheque(legal)</th>
                <th>Rent agreement/Owner ship proof(legal)</th>
                <th>LOI(legal)</th>
                <th>Doc Compl</th>
                <th>Code(legal)</th>
                <th>Recee Planed(Kamini)</th>
                <th>Recee Actual(Kamini)</th>
                <th>Designing Planed(Kamini)</th>
                <th>Designing Actual(Kamini)</th>
                <th>Stock payment(kamini)</th>
                <th>Expected Date(kamini)</th>
                <th>Pay Date(Kamini)</th>
                <th>Inaugration(SM)</th>
                <th>Billing Status(Kamini)</th>
                <th>Verification</th>
                <th>Submit</th>
                <th>OutLet Open</th>
                <th>OutLet Reject</th>
                <th>OutLet Hold</th>
                <th>Notice Issue</th>
                <th>Resend Veri</th>
            </tr>
            </thead>
            <tbody>
                #foreach($pob in $partnerOnBoardingPanel )
                #if($pob.getHoldTimestamp())
                <tr  class="hold-onboarding">
                   #parse("partner-onboarding-row-index.vm")

                </tr>
                #else
                <tr>
                   #parse("partner-onboarding-row-index.vm")

                </tr>
                #end
                #end

            </tbody>

        </table>
    </div>
</section>


<script type="text/javascript">

    $(document).ready(function () {
    
       
                
      var dtable = $('#example').DataTable({
             "scrollX": true,
            "scrollY": "518px",
            scrollCollapse: true,
              "fixedHeader": true,
             "order": [[ 0, "desc" ]],
             fixedColumns:   {
            leftColumns: 2
        },
              
            
                     
                   "columnDefs": [
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
                  
                   { "targets": 3, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                   { "targets": 4, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 5, "orderDataType": "dom-text-numeric", "type":"number"},
                   { "targets": 6, "orderDataType": "dom-text", "type": "string" },
                  
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
                  
                  { "targets": 8, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },
                   { "targets": 10, "orderDataType": "dom-text-numeric", "type":"number"},
                  
                   { "targets": 11, "orderDataType": "dom-text-numeric", "type":"number"},
                   { "targets": 12, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                   
                    { "targets": 13, "orderDataType": "dom-text-numeric", "type":"number"},
                   { "targets": 14, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                  
                   { "targets": 22, "orderDataType": "dom-text", "type": "string" },
                   { "targets": 23, "orderDataType": "dom-text", "type": "string" },
                   
                  { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                  { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                 
                  { "targets": 26, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                   { "targets":27, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                  
                  { "targets": 28, "orderDataType": "dom-text-numeric", "type":"number"},
                { "targets": 29, "orderDataType": "date-dd-mmm-yyyy", "type": "string" }, 
                
                 { "targets": 30, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                 { "targets": 31, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                { "targets": 33, "orderDataType": "dom-text", "type": "string" }
                
                                
                        ],
                        
                });
                
                
                 $('#authUserOnboarding').multiselect({
                        includeSelectAllOption: true,
                        multiple:true,
                        maxHeight: 200,
                        buttonWidth: '180px',
                        numberDisplayed: 1,
                        nonSelectedText: 'AuthUsers',
                        nSelectedText: ' - AuthUser Selected',
                        allSelectedText: 'All AuthUser Selected',
                        enableFiltering: true,
                        enableCaseInsensitiveFiltering : true
      
      });
        
    });
    
    
    
    
    
</script>


<style>
.hold-onboarding td{

background-color: crimson !important;

}



</style>