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;

	}

	.btn:hover{

  		color: grey;

  		text-decoration: none;

	}

	.btn-primary:hover{

  		color: grey;

  		text-decoration: none;

	}

	.vendor-details{

		cursor:pointer;

	}

</style>

<section class="wrapper">  

	<div class="row">

		<div class="col-lg-12">

			<h3 class="page-header"><i class="icon_document_alt"></i>PUNCH IN/OUT</h3>

			<ol class="breadcrumb">

				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">#springMessage("punchinout.home")</a></li>

				<li><i class="icon_document_alt"></i>#springMessage("punchinout.punchedout")</li>

			</ol>

		</div>

	</div>

	<div class="col-lg-6"> 

	<div id="create-punch-in-out-container">

    	<div class="row">

			<div class="col-lg-2">

				#if(!$punchInOut)

	              	<button class="btn btn-primary" id="" onclick="createPunchInOut('IN')" type="button">#springMessage("punchinout.punchin")</button>

	            #else

	            	#if(!$punchInOut.getPunchOutTimestamp())

	            		<button class="btn btn-primary" id="" onclick="createPunchInOut('OUT')" type="button">#springMessage("punchinout.punchedout")</button>

	            	#end

	            #end

			</div>

       	</div>

   	</div>

  	<div id="punch-in-outs-table">

		<div class="row">

	    	<div class="col-lg-12">

	    		<table class="table table-striped table-advance table-hover">

	    			<tbody>

	    				<tr>

	    					<th>#springMessage("punchinout.createdate")</th>

	    					<th>#springMessage("punchinout.punchedin")</th>

	    					<th>#springMessage("punchinout.punchedout")</th>

	    				</tr>

	    				#if(!$punchInOuts.isEmpty())

			    			#foreach( $punchInOut in $punchInOuts )

			    				<tr>

			    					<td>$punchInOut.getFormattedCreateDate()</td>

			    					#if($punchInOut.getPunchInTimestamp())

			    						<td>$punchInOut.getFormattedPunchInTimestamp()</td>

			    					#else

			    						<td></td>

			    					#end

			    					#if($punchInOut.getPunchOutTimestamp())

				    					<td>$punchInOut.getFormattedPunchOutTimestamp()</td>

				    				#else

				    					<td></td>

				    				#end

			    				</tr>

			    			#end

		    			#else

		    				<tr>

		    					<td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>

		    				</tr>

		    			#end

	    			</tbody>

	    		</table>

	    	</div>

	    </div>

    </div>

    #if(!$punchInOuts.isEmpty())

    	<div class="row" id="punch-in-outs-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-4" 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

    </div>

     <div class="col-lg-6">

   <h4 class="modelHeaderCustom" style="font-size:22px;">#springMessage("punchinout.promoterattendance")</h4>

		 <div id="promoter-punchin-out-table">

		<div class="row">

	    	<div class="col-lg-12">

	    		<table class="table table-striped table-advance table-hover">

	    			<tbody>

	    				<tr>

	    					<th>#springMessage("punchinout.name")</th>

	    					<th>#springMessage("punchinout.brandname")</th>

	    					<th>#springMessage("punchinout.intime")</th>

	    					<th>#springMessage("punchinout.outtime")</th>

	    				</tr>

	    				#if(!$userIdAndBrandPromoterMap.isEmpty())

			    			#foreach( $promoterId in $promoterIdAndPromoterMap.keySet())

			    				<tr>

			    				    <td>$promoterIdAndPromoterMap.get($promoterId).getName()</td>

			    					<td>$promoterIdAndPromoterMap.get($promoterId).getBrand()</td>

			    					#if($listPromoterAttendance.get($promoterId).getInTimestamp())

			    					<td>$listPromoterAttendance.get($promoterId).getInTimestamp().format($dateTimeFormatter)</td>

			    					#if($listPromoterAttendance.get($promoterId).getOutTimestamp())

			    					<td>$listPromoterAttendance.get($promoterId).getOutTimestamp().format($dateTimeFormatter)</td>

			    					#else

			    					<td><button class="btn btn-primary" id="" onclick="createPunchInOutForPromoter('OUT',$promoterId)"   type="button">Punch OUT</button></td>

			    					#end

									#else

									<td> <button class="btn btn-primary" id="" onclick="createPunchInOutForPromoter('IN',$promoterId)"  type="button">Punch IN</button></td>

									<td><button class="btn btn-primary" id="" onclick="createPunchInOutForPromoter('OUT',$promoterId)"   type="button" disabled>Punch OUT</button></td>

									#end

			    				</tr>	

			    	   #end

		    			#else

		    				<tr>

		    					<td colspan="12" style="text-align:center;">#springMessage("punchinout.nomatchingdatafoundforcriteria")</td>

		    				</tr>

		    			#end

	    			</tbody>

	    		</table>

	    	</div>

	    </div>

    </div>

    </div>

</section>