Subversion Repositories SmartDukaan

Rev

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

<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-info btn-lg" data-toggle="modal" data-target="#myModal"
                style="font-size:12px; background:#696969;">New
        </button>
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body"    style="height: 170px;">
                        <form>
                            <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 class="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">

            <tr style="color:black;">
                <th>Id</th>
                <th>Created On</th>
                <th>Acquired Date()</th>
                <th>Outlet Name(SM)</th>
                <th>Phone Number(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>Agreed Wallet(SM)</th>
                <th>Investment Date(SM)</th>
                <th>KYC (SM)</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>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>Billing Status(Niranjan)</th>
                <th>Submit</th>
                <th>OutLet Open</th>
                <th>OutLet Reject</th>
            </tr>
            </thead>
            <tbody>
                #foreach($pob in $partnerOnBoardingPanel )
                <tr id="trow2">
                    #if($pob.getId())
                        <td style="background:#87cefa;">$pob.getId()</td>
                    #else
                        <td>$pob.getId()</td>
                    #end
                   
                    #if($pob.getCreatedTimestamp())
                        <td style="background:lime;">$pob.getCreatedTimestamp().format($datehiphenFormatter)</td>
                        #else
                        <td style="background:pink;">
                        </td>
                     #end 
                    
                    
                    #if($pob.getAcquiredDate())
                        <td style="background:lime;"><input type="date" class="acquired" placeholder="Acquired Date(SM)" disabled
                                   name="acquireddate"
                                   value="$pob.getAcquiredDate().format($datehiphenFormatter)"></td>
                    #else
                        <td style="background:pink;"><input type="date" class="acquired" placeholder="Acquired Date(SM)" disabled
                                   name="acquireddate">
                        </td>
                    #end 
                    
                    #if($pob.getOutLetName() && $pob.getOutLetName() != "")
                        <td style="background:lime;"><input type="text" placeholder="OutLet Name" value="$pob.getOutLetName()" name="outlateName"
                                   disabled></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="OutLet Name" name="outlateName" disabled></td>
                    #end
                    #if($pob.getPhoneNumber() && $pob.getPhoneNumber() != 0)
                        <td style="background:lime;">
                        <input type="number" placeholder="9999999999" value="$pob.getPhoneNumber()"
                                   name="phonenumber1"
                                   disabled ></td>
                    #else
                        <td style="background:pink;"><input type="number" placeholder="9999999999" name="phonenumber1" disabled></td>
                    #end

                    #if($pob.getCity() && $pob.getCity() != "")
                        <td style="background:lime;"><input type="text" placeholder="City (SM)" disabled name="city1" value="$pob.getCity()"></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="City (SM)" disabled name="city1"></td>
                    #end
                    #if($pob.getStateHead() && $pob.getStateHead() != "")
                        <td style="background:lime;"><input type="text" placeholder="State Head(SM)" disabled name="shead1"
                                   value="$pob.getStateHead()"></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="State Head(SM)" disabled name="shead1"></td>
                    #end
                    #if($pob.getBDM() && $pob.getBDM() != "")
                        <td style="background:lime;"><input type="text" placeholder="BDM (SM)" disabled name="bdm1" value="$pob.getBDM()"></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="BDM (SM)" disabled name="bdm1"></td>
                    #end
                   
                    #if($pob.getAgreedBrandFees() != 0)
                        <td style="background:lime;"><input type="text" placeholder="Agreed Brand fees(SM)" disabled name="abrand1"
                                   value="$pob.getAgreedBrandFees()" ></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="Agreed Brand fees(SM)" disabled name="abrand1"></td>
                    #end
                    
                    #if($pob.getReceivedBrandFees()!= 0)

                        <td #if($pob.getReceivedBrandFees()< $pob.getAgreedBrandFees())style="background:red;" #else style="background:lime;" #end><input type="text" placeholder="Received Brand fees" disabled name="recbrand1"
                                   value="$pob.getReceivedBrandFees()"></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="Received Brand fees" disabled name="recbrand1"></td>
                    #end
                    
                  
                    #if($pob.getAgreedWallet()!= 0)
                        <td style="background:lime;"><input type="text" placeholder="Agreed Wallet(SM)" disabled name="awallet"
                                   value="$pob.getAgreedWallet()" ></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="Agreed Wallet(SM)" disabled name="awallet"></td>
                    #end

                    #if($pob.getInvestmentDate())

                        <td style="background:lime;"><input type="date" placeholder="Investment Date(SM)" disabled name="idate1" id="idate"
                                   value="$pob.getInvestmentDate().format($datehiphenFormatter)"
                                   ></td>
                    #else
                        <td style="background:pink;"><input type="date" placeholder="Investment Date(SM)" disabled name="idate1"></td>
                    #end
                    #if($pob.getKyc() && $pob.getKyc() != 0)
                        <td class="kyc docfile" style="background:lime;">
                            <input type="hidden" class="kychidden" value="$pob.getKyc()">
                            <input type="file" class="kyc" placeholder="KYC (SM)" disabled name="kyc1"
                                   value="$pob.getKyc()">
                            ##<button type="button" class="btn btn-primary download-kyc-file" data-docpid="$pob.getKyc()" data-id="$pob.getId()">Download Document</button>
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getKyc()">Download Doc</a>

                        </td>
                    #else
                        <td class="kyc docfile" style="background:pink;">
                            <input type="hidden">
                            <input type="file" id="kyc" placeholder="KYC (SM)" disabled name="kyc1">
                        </td>
                    #end

                    #if($pob.getAadharDoc()  && $pob.getAadharDoc() != 0)
                        <td class="aadhar docfile" style="background:lime;">
                            <input type="hidden" class="aadharhidden" value="$pob.getAadharDoc()">
                            <input type="file" class="aadhar" placeholder="aadhar" disabled name="aadhar1"
                                   value="$pob.getAadharDoc()">
                             <a href="${rc.contextPath}/download-attachment?documentId=$pob.getAadharDoc()">Download
                                Doc</a>

                        </td>
                    #else
                        <td class="aadhar docfile" style="background:pink;">
                            <input type="hidden">
                            <input type="file" class="aadhar" placeholder="aadhar" disabled name="aadhar1">
                        </td>
                    #end
                    #if($pob.getPanDoc() && $pob.getPanDoc() != 0)
                        <td class="pan docfile" style="background:lime;">
                            <input type="hidden" class="panhidden" value="$pob.getPanDoc()">
                            <input type="file" class="pandoc" placeholder="pan(SM)" disabled name="pan1"
                                   value="$pob.getPanDoc()">
                        ##<button type="button" class="btn btn-primary download-pan-file" data-docpid="$pob.getPanDoc()" data-id="$pob.getId()">Download Document</button>
                        <a href="${rc.contextPath}/download-attachment?documentId=$pob.getPanDoc()">Download Doc</a>

                        </td>
                    #else
                        <td class="pan docfile" style="background:pink;">
                            <input type="hidden">
                            <input type="file" class="pandoc" placeholder="pan(SM)" disabled name="pan1">
                        </td>
                    #end
                    #if($pob.getGstdoc()  && $pob.getGstdoc() != 0)
                        <td class="gst docfile" style="background:lime;">
                            <input type="hidden" class="gsthidden" value="$pob.getGstdoc()">
                            <input type="file" class="gstdoc" placeholder="GST(SM)" disabled name="gst1"
                                   value="$pob.getGstdoc()">
                            ##<button type="button" class="btn btn-primary download-gst-file" data-docpid="$pob.getGstdoc()" data-id="$pob.getId()">Download Document</button>
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getGstdoc()">Download Doc</a>

                        </td>
                    #else
                        <td class="gst docfile" style="background:pink;">
                            <input type="hidden">
                            <input type="file" class="gstdoc" placeholder="GST(SM)" disabled name="gst1">
                        </td>
                    #end
                    #if($pob.getCancelCheque() && $pob.getCancelCheque() != 0)

                        <td class="cancheque docfile" style="background:lime;">
                            <input type="hidden" class="canchequehidden" value="$pob.getCancelCheque()">
                           <input type="file" class="canchequedoc" placeholder="Cancel cheque(SM)" disabled name="cancheque1"
                            value="$pob.getCancelCheque()">
                            ##<button type="button" class="btn btn-primary download-cancheque-file" data-docpid="$pob.getCancelCheque()" data-id="$pob.getId()">Download Document</button>
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getCancelCheque()">Download
                                Doc</a>

                        </td>

                    #else
                        <td class="cancheque docfile" style="background:pink;">
                            <input type="hidden">
                            <input type="file" class="canchequedoc" placeholder="Cancel cheque(SM)" disabled
                                   name="cancheque1">
                        </td>
                    #end
                     #if($pob.getRentAgreement() && $pob.getRentAgreement() != 0)
                        <td class="rent docfile" style="background:lime;">
                            <input type="hidden" class="renthidden" value="$pob.getRentAgreement()">
                            <input type="file" class="rentdoc" placeholder="Rent agreement/Owner ship proof(SM)" disabled name="ragreement1"
                                   value="$pob.getRentAgreement()">
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getRentAgreement()">Download Doc</a>
                        </td>
                      #else
                       
                        <td class="rent docfile" style="background:pink;">
                        <input type="hidden">
                        <input type="file" placeholder="Rent agreement/Owner ship proof(SM)" disabled name="ragreement1">
                        </td>
                    #end
                    
                     #if($pob.getLOI() && $pob.getLOI() != 0)
                        <td class="loi docfile" style="background:lime;">
                            <input type="hidden" class="loihidden" value="$pob.getLOI()">
                            <input type="file" class="loidoc" placeholder="LOI(SM)" disabled  value="$pob.getLOI()">
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getLOI()">Download Doc</a>
                        </td>
                      #else
                      
                        <td class="loi docfile" style="background:pink;">
                         <input type="hidden">
                        <input type="file" placeholder="LOI(SM)" disabled name="loi1">
                        </td>
                    #end
                    
                   
                   
                    #if($pob.getCode() && $pob.getCode() != "")
                        <td style="background:lime;"><input type="text" placeholder="Code(SM)" disabled name="code1" value="$pob.getCode()"
                                   ></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="Code(SM)" disabled name="code1"></td>
                    #end
                    #if($pob.getReceePlaned())
                        <td style="background:lime;"><input type="date" id="rplaned" placeholder="Recee Planed(Kamini)" disabled name="rplaned1"
                                   value="$pob.getReceePlaned().format($datehiphenFormatter)" >
                        </td>
                    #else
                        <td style="background:pink;"><input type="date" id="rplaned" placeholder="Recee Planed(Kamini)" disabled name="rplaned1">
                        </td>
                    #end
                    #if($pob.getReceeActual())
                        <td style="background:lime;"><input type="date" id="ractual" placeholder="Recee Actual(Kamini)" disabled name="ractual1"
                                   value="$pob.getReceeActual().format($datehiphenFormatter)" >
                        </td>
                    #else
                        <td style="background:pink;"><input type="date" id="ractual" placeholder="Recee Actual(Kamini)" disabled name="ractual1">
                        </td>
                    #end

                    #if($pob.getDesigningPlaned())
                        <td style="background:lime;"><input type="date" id="dplaned" placeholder="Designing Planed(Kamini)" disabled
                                   name="dplaned1"
                                   value="$pob.getDesigningPlaned().format($datehiphenFormatter)"></td>
                    #else
                        <td style="background:pink;"><input type="date" id="dplaned" placeholder="Designing Planed(Kamini)" disabled
                                   name="dplaned1">
                        </td>
                    #end
                    #if($pob.getDesigningActual())
                        <td style="background:lime;"><input type="date" id="dactual" placeholder="Designing Actual(Kamini)" disabled
                                   name="dactual1"
                                   value="$pob.getDesigningActual().format($datehiphenFormatter)"></td>
                    #else
                        <td style="background:pink;"><input type="date" id="dactual" placeholder="Designing Actual(Kamini)" disabled
                                   name="dactual1">
                        </td>
                    #end
                    #if($pob.getStockPayment()!= 0)
                        <td style="background:lime;"><input type="text" placeholder="Stock payment(kamini)" disabled name="spayment1"
                                   value="$pob.getStockPayment()"></td>
                    #else
                        <td style="background:pink;"><input type="text" placeholder="Stock payment(kamini)" disabled name="spayment1""></td>
                    #end

                 
                    
                     #if($pob.getExpectedDate())
                        <td style="background:lime;"><input type="date" class="expdate" placeholder="Expected Date(Kamini)" disabled  value="$pob.getExpectedDate().format($datehiphenFormatter)" >
                        </td>
                    #else
                        <td style="background:pink;"><input type="date" class="expdate" placeholder="Expected Date(Kamini)" disabled>
                        </td>
                    #end

                    #if($pob.getPayDate())
                        <td style="background:lime;">
                          <input type="date" class="paydate" placeholder="pay Date(Kamini)" disabled  value="$pob.getPayDate().format($datehiphenFormatter)"  >
                        </td>
                    #else
                        <td style="background:pink;"><input type="date" class="paydate" placeholder="Pay Date(Kamini)" disabled >
                        </td>
                    #end

                                        <td #if($pob.getBillingStatus()==0) style="background-color:pink"#else style="background-color:lime" #end>
                                                <input type="checkbox" disabled #if($pob.getBillingStatus()>0) checked #end >
                        #if($pob.getBillingStatus()>0) 
                        <label> YES</label>
                        #else
                         <label>NO</label>
                        #end 
                    <td>
                        <button type="submit" form="form1" value="Submit" style="background:blue; color:black;"
                                class="submit1">
                            Submit
                        </button>
                    </td>

                    <td>
                        <button type="submit" form="form2" value="Submit1" data-id="$pob.getId()"
                                style="background:#eed202;"
                                class="delete">open
                        </button>
                    </td>
                    
                    <td>
                        <button type="submit" form="form2" value="SubmitReject" data-id="$pob.getId()"
                                style="background:#f18681;"
                                class="rejectpartneronboarding">reject
                        </button>
                    </td>

                </tr>
                #end

            </tbody>

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


<script type="text/javascript">


    $(document).ready(function () {
    
    
                
      var dtable = $('#example').DataTable({
             "scrollX": true,
              "orderCellsTop": true,
              "fixedHeader": true,
              fixedColumns:   true,
              
            
                     
                   "columnDefs": [
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
                  
                   { "targets": 3, "orderDataType": "dom-text", "type": "string" },
                   { "targets": 4, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 5, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 6, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },  
                  { "targets": 10, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 12, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 13, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                  { "targets": 21, "orderDataType": "dom-text", "type": "string" },
                 { "targets": 22, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                  { "targets": 23, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                 { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                { "targets": 26, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 27, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                { "targets": 28, "orderDataType": "date-dd-mmm-yyyy", "type": "string" }
                        ]
         
                        
                });
        

  
$.fn.dataTable.ext.order['dom-text'] = function  ( settings, col )
      {
    return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
        return $('input', td).val();
    } );
  }

/* Create an array with the values of all the input boxes in a column, parsed as numbers */
$.fn.dataTable.ext.order['dom-text-numeric'] = function  ( settings, col )
{
    return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
    return $('input', td).val() * 1;
    } );
}  
     function partnerOnBoardingListingJson() {
            var prebookingListingObject = {};
            prebookingListingObject['outletName'] = $('#outLetName1').val();
            prebookingListingObject['phoneNumber'] = $('#number1').val();
            acquireddate1 =$('#acquireddate1').val();
            if (acquireddate1 != "") {
                acquireddate1 = acquireddate1 + "T00:00:00";
            }
            
             prebookingListingObject['acquiredDate']=acquireddate1
            return JSON.stringify(prebookingListingObject);
        }


        function panelListing(domId) {
            doAjaxRequestHandler(context + "/partnerOnBoardingPanel", "GET",
                    function (response) {
                        $('#' + domId).html(response);
                    });
        }


    });
</script>
<style>

</style>