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">

											<img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontp()"

												 width="100">

										</a>

								    	<a href="#" class="lightbox" id="front-id">

											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontp()')"></span>

										</a>

			    				    </td>

			    					<td>  			

							            <a href="#front-market-id">

											<img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontWithMarket()"

												 width="100">

										</a>

								    	<a href="#" class="lightbox" id="front-market-id">

											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontWithMarket()')"></span>

										</a>

			    				    </td>

			    					<td>  

			    					      <a href="#lont-shot-id">

											  <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLongShot()"

												   width="100">

										</a>

								    	<a href="#" class="lightbox" id="long-shot-id">

											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLongShot()')"></span>

										</a>

			    				    </td>

			    					<td> 

			    					    <a href="#left-wall-id">

											<img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLeftWall()"

												 width="100">

										</a>

								    	<a href="#" class="lightbox" id="left-wall-id">

											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLeftWall()')"></span>

										</a>

									</td>

			    					<td>  

			    					      <a href="#internal-right-id">

											  <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalRightWall()"

												   width="100">

										</a>

								    	<a href="#" class="lightbox" id="internal-right-id">

											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalRightWall()')"></span>

										</a>

			    				  </td>

									<th>  $leadDetailBrandValue.get($leadDetailsModel.getId())</th>

									<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>