Subversion Repositories SmartDukaan

<script type="text/javascript">

        $(document).ready(function() {

                var dtable = $('#lead-detail-table').DataTable({

                        "bPaginate" : true,
                        "bLengthChange" : true,
                        "bFilter" : true,
                        "bInfo" : false,
                        "bAutoWidth" : false,
                        "scrollX": true,

                }

                );
        });
</script>

<style>


img:target {
  border: 5px solid red;
}

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}


</style>
<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>Lead Detail</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>LEAD DETAIL</li>   
                                </ol>
                </div>
        </div>
        
        
                <div class="row">
                <div class="col-lg-12">
                 <table class="table table-border table-condensed table-bordered" id="lead-detail-table">
                 <thead>
                                        <tr>
                                                <th>Outlet Name</th>
                                                <th>Mobile</th>
                                                <th>Counter size</th>
                                                <th>Source</th>
                                                <th>Front</th>
                                                <th>Front With Market</th>
                                                <th>Internal Long shot</th>
                                                <th>Internal Left Wall </th>
                                                <th>Internal Right Wall</th>
                                                <th> Brand </th>
                                                
                                                <th>Created By</th>
                                                <th>Assign To</th>
                                                <th>Status</th>
                                                <th>Schedule Timestamp</th>
                                             <th>Comment</th>
                                        
                                                <th>History</th>
                                        </tr>
                                </thead>
                                
                                       <tbody>
                                                #if(!$leadDetails.isEmpty())

                                                                #foreach( $leadDetailsModel in $leadDetails )
                                                                <tr class="lead-detail-edit" data="$leadDetailsModel.getId()">
                                                                        <td>$leadDetailsModel.getOutletName()</td>
                                                                        <td>$leadMap.get($leadDetailsModel.getLeadId()).getLeadMobile()</td>

                                                                        <td>$leadDetailsModel.getCounterSize()</td>
                                                                        #if($leadMap.get($leadDetailsModel.getLeadId()).getSource())
                                                                                <td>$leadMap.get($leadDetailsModel.getLeadId()).getSource()</td>
                                                                #else 
                                                                <td></td>
                                                                
                                                                #end
                                                                <td> 
                                                                
                                                                    <a href="#front-id$leadDetailsModel.getId()">
                                                                                        <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontp()"
                                                                                                 width="100">
                                                                                </a>
                                                                                
                                                                        <a href="#" class="lightbox" id="front-id$leadDetailsModel.getId()">
                                                                                        <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontp()')"></span>
                                                                                </a>
                                                                 
                                                                 
                                                            </td>
                                                                <td>                    
                                                                    <a href="#front-market-id$leadDetailsModel.getId()">
                                                                                        <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontWithMarket()"
                                                                                                 width="100">
                                                                                </a>
                                                                                
                                                                        <a href="#" class="lightbox" id="front-market-id$leadDetailsModel.getId()">
                                                                                        <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontWithMarket()')"></span>
                                                                                </a>
                                                            </td>
                                                                <td>  
                                                                      <a href="#lont-shot-id$leadDetailsModel.getId()">
                                                                                          <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLongShot()"
                                                                                                   width="100">
                                                                                </a>
                                                                                
                                                                        <a href="#" class="lightbox" id="lont-shot-id$leadDetailsModel.getId()">
                                                                                        <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLongShot()')"></span>
                                                                                </a>
                                                        
                                                            </td>
                                                                <td> 
                                                                    <a href="#left-wall-id$leadDetailsModel.getId()">
                                                                                        <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLeftWall()"
                                                                                                 width="100">
                                                                                </a>
                                                                                
                                                                        <a href="#" class="lightbox" id="left-wall-id$leadDetailsModel.getId()">
                                                                                        <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLeftWall()')"></span>
                                                                                </a>
                                                                        </td>
                                                                
                                                                <td>  
                                                                
                                                                      <a href="#internal-right-id$leadDetailsModel.getId()">
                                                                                          <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalRightWall()"
                                                                                                   width="100">
                                                                                </a>
                                                                                
                                                                        <a href="#" class="lightbox" id="internal-right-id$leadDetailsModel.getId()">
                                                                                        <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalRightWall()')"></span>
                                                                                </a>
                                                          </td>

                                                                        #if($leadDetailBrandValue.get($leadDetailsModel.getId()))
                                                                                <th>$leadDetailBrandValue.get($leadDetailsModel.getId())</th>
                                                                        #else
                                                                                <th>-</th>
                                                                        #end


                                                                        <td>$authIdAndAuthUserMap.get($leadDetailsModel.getCreatedBy()).getFullName()</td>

                                                                        <td>$authIdAndAuthUserMap.get($leadMap.get($leadDetailsModel.getLeadId()).getAssignTo()).getFullName() </td>
                                                                        <td
                                                                                $leadMap.get($leadDetailsModel.getLeadId()).getStatus()</td>
                                                                        <td>$leadActivityMap.get($leadDetailsModel.getLeadId()).get().getSchelduleTimestamp().format($dateTimeFormatter) </td>
                                                                        <td>$leadActivityMap.get($leadDetailsModel.getLeadId()).get().getRemark()</td>
                                                                <td><button class="btn btn-primary view"
                                                                                                data-requestid="$leadDetailsModel.getLeadId()" data-toggle="modal"
                                                                        data-target="#fetchLeadActivityData" type="button">View</button></td>
                                                
                                                        </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 id="fetchLeadActivityData" class="modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>
 </section>