Subversion Repositories SmartDukaan

<style>
        .table-striped > tbody > tr:nth-child(odd) > td{
                background: white;
                background-color: white;
        }
        .table-striped > tbody > tr:nth-child(even) > td{
                background: white;
                background-color:white;
        }
        .table-striped > tbody > tr:hover > td,
        .table-striped > tbody > tr:hover {
                background-color: #e98c8f;
                color:white;
        }
        .btn:hover{
                color: grey;
                text-decoration: none;
        }
        .btn-primary:hover{
                color: grey;
                text-decoration: none;
        }
        .sale-details{
                cursor:pointer;
        }
        
</style>

<script>

 $(".refferal-reject").click(function(){
        $("#add-rejection-reason").modal({backdrop: false});
        
    });

</script>


<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>Referral</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>Referral</li>                                                      
                        </ol>
                </div>
        </div>
        <input id="url" name="url" type="hidden" value="$url"/>
        <div id="refferal-table">
                <div class="row">
                <div class="col-lg-12">
                        <table class="table table-striped table-advance table-hover">
                                <tbody>
                                        <tr>
                                                <th>Referee Id</th>
                                                <th>Referee Name</th>
                                                <th>Referee Email</th>
                                                <th>Referee Mobile</th>
                                                <th>Referal Name</th>
                                                <th>Mobile</th>
                                                <th>city</th>
                                                <th>state</th>
                                                <th>Created On</th>
                                                <th>Updated On</th>
                                                <th>Approved Timestamp</th>
                                                <th colspan = 2>Status</th>
                                                
                                        </tr>
                                                #if(!$refferals.isEmpty())
                                                #foreach( $request in $refferals )
                                                        <tr class="refferal-table" data="$request.getId()">
                                                                <td>$request.getId()</td>
                                                                <td>$request.getRefereeName()</td>
                                                                <td>$request.getRefereeEmail()</td>
                                                                <td>$request.getRefereeMobile()</td>
                                                                <td>$request.getFirstName() $request.getLastName()</td>
                                                                <td>$request.getMobile()</td>
                                                                <td>$request.getCity()</td>
                                                                <td>$request.getState()</td>
                                                                <td>$request.getCreatedTimestamp().format($dateTimeFormatter)</td>
                                                                <td>$request.getUpdatedTimestamp().format($dateTimeFormatter)</td>
                                                                #if($request.getApprovedTimestamp())
                                                                <td>$request.getApprovedTimestamp().format($dateTimeFormatter)</td>
                                                                #else
                                                                <td> </td>
                                                                #end
                                                                #if($request.getStatus()=="pending")
                                        
                                                                <td><button class="btn btn-primary reffral-validate"  data-requestid="$request.getId()"  type="button" >Validate</button>
                                                                     </td>
                                                                
                                                                     <td><button class="btn btn-primary refferal-reject-modal" data-requestid="$request.getId()" data-toggle="modal" data-target="#add-rejection-reason" type="button" >Reject</button>
                                                                     </td>
                                                                     #elseif($request.getStatus()=="validate")
                                                                        <td><button class="btn btn-primary reffral-approve"  data-requestid="$request.getId()"  type="button" >Approve</button>
                                                                     </td>
                                                                
                                                                     <td><button class="btn btn-primary refferal-reject-modal" data-requestid="$request.getId()" data-toggle="modal" data-target="#add-rejection-reason" type="button" >Reject</button>
                                                                     </td>
                                                                     #else
                                                                     <td>$request.getStatus()</td>
                                                                     #end
                                                        </tr>   
                                   #end
                                        #else
                                                <tr>
                                                        <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
                                                </tr>
                                        #end
                                </tbody>
                        </table>
                </div>
            </div>
    </div>
    
        #if(!$refferals.isEmpty())
        <div class="row" id="refferal-paginated">
                <div class="col-lg-9">
                        <p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
                </div>
                <div class="col-lg-3" style="text-align:right;">
                                <div class="btn-group" style="width:40%">
                                        <button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
                                </div>
                                <div class="btn-group" style="width:40%">
                                        #if($end >= $size)
                                                <button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
                                        #else
                                                <button class="btn btn-primary next" style="width:100%">Next</button>
                                        #end
                                </div>
                </div>
            </div>
    #end
        </section>
        
        <div id="refferal-container" style="background:white;background-color:white;">
</div>


 <div id="add-rejection-reason" class="modal" 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">Add Reason</h4>
              </div>
           <div class="modal-body">
            <div class = "row">
       <div class="col-lg-12">
          <div>
          
            <textarea class='form-control' rows='1' id='rejectionReason'></textarea>
                        
          </div>
          
          </div>
          </div>
   
      </div>
      
     
       <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default request-cancel">Cancel</button>
                        <button type="button"   class="btn btn-default refferal-reject">Submit</button>
                   
           </div>
    </div>
   </div>
 </div>