Subversion Repositories SmartDukaan

Rev

Rev 24159 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
23835 ashik.ali 1
<style>
2
	.table-striped > tbody > tr:nth-child(odd) > td{
3
  		background: white;
4
  		background-color: white;
5
	}
6
	.table-striped > tbody > tr:nth-child(even) > td{
7
  		background: white;
8
  		background-color:white;
9
	}
10
	.table-striped > tbody > tr:hover > td,
11
	.table-striped > tbody > tr:hover {
12
		background-color: #e98c8f;
13
	  	color:white;
14
	}
15
	.btn:hover{
16
  		color: grey;
17
  		text-decoration: none;
18
	}
19
	.btn-primary:hover{
20
  		color: grey;
21
  		text-decoration: none;
22
	}
23
	.vendor-details{
24
		cursor:pointer;
25
	}
26
</style>
27
 
28
<section class="wrapper">            
29
	<div class="row">
30
		<div class="col-lg-12">
31
			<h3 class="page-header"><i class="icon_document_alt"></i>PUNCH IN/OUT</h3>
32
			<ol class="breadcrumb">
33
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
34
				<li><i class="icon_document_alt"></i>PUNCH IN/OUT</li>
35
			</ol>
36
		</div>
37
	</div>
38
 
39
	<div id="create-punch-in-out-container">
40
    	<div class="row">
41
			<div class="col-lg-2">
42
				#if(!$punchInOut)
43
	              	<button class="btn btn-primary" id="" onclick="createPunchInOut('IN')" type="button">Punch IN</button>
44
	            #else
45
	            	#if(!$punchInOut.getPunchOutTimestamp())
46
	            		<button class="btn btn-primary" id="" onclick="createPunchInOut('OUT')" type="button">Punch OUT</button>
47
	            	#end
48
	            #end
49
			</div>
50
 
51
       	</div>
52
   	</div>
53
 
54
  	<div id="punch-in-outs-table">
55
		<div class="row">
56
	    	<div class="col-lg-12">
57
	    		<table class="table table-striped table-advance table-hover">
58
	    			<tbody>
59
	    				<tr>
60
	    					<th>Create Date</th>
61
	    					<th>Punched In</th>
62
	    					<th>Punched Out</th>
63
	    				</tr>
64
	    				#if(!$punchInOuts.isEmpty())
65
			    			#foreach( $punchInOut in $punchInOuts )
66
			    				<tr>
67
			    					<td>$punchInOut.getFormattedCreateDate()</td>
68
			    					#if($punchInOut.getPunchInTimestamp())
69
			    						<td>$punchInOut.getFormattedPunchInTimestamp()</td>
70
			    					#else
71
			    						<td></td>
72
			    					#end
73
			    					#if($punchInOut.getPunchOutTimestamp())
74
				    					<td>$punchInOut.getFormattedPunchOutTimestamp()</td>
75
				    				#else
76
				    					<td></td>
77
				    				#end
78
			    				</tr>
79
			    			#end
80
		    			#else
81
		    				<tr>
82
		    					<td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
83
		    				</tr>
84
		    			#end
85
	    			</tbody>
86
	    		</table>
87
	    	</div>
88
	    </div>
89
    </div>
90
    #if(!$punchInOuts.isEmpty())
91
    	<div class="row" id="punch-in-outs-paginated">
92
    		<div class="col-lg-9">
93
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
94
    		</div>
95
    		<div class="col-lg-3" style="text-align:right;">
96
				<div class="btn-group" style="width:40%">
97
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
98
				</div>
99
				<div class="btn-group" style="width:40%">
100
					#if($end >= $size)
101
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
102
					#else
103
						<button class="btn btn-primary next" style="width:100%">Next</button>
104
					#end
105
				</div>
106
	    	</div>
107
	    </div>
108
    #end
109
</section>