calendar results from the CPAN

Finance-PaycheckRecords

























	















			

	
	<HTML>
		<HEAD>
			<TITLE>Printer-Friendly Paystub</TITLE>
			<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
			<META HTTP-EQUIV="Expires" CONTENT="-1">
			<META HTTP-EQUIV="Cache-Control" VALUE="no-cache, no-store, must-revalidate">
			<META HTTP-EQUIV="Cache-Control" VALUE="post-check=0, pre-check=0">
		
			







			<link rel="stylesheet" href="/style/container.css" type="text/css">
			<link rel="stylesheet" href="/style/calendar.css" type="text/css"> 
			<link rel="stylesheet" href="/style/button.css" type="text/css">

			<link rel="stylesheet" href="/style/qbosso.css" type="text/css" />

		


            


<script type="text/javascript"  language="JavaScript" src="/util/input_validators.js"></script>

<script type="text/javascript"  language="JavaScript" src="/util/checkDate.js"></script>

			<script language="JavaScript" src="/util/pcr_apphelper.js"></script>
			<script language="JavaScript" src="/util/calendar.js"></script>
			<script language="JavaScript" src="/util/numbers.js"></script>
		</HEAD>

		<BODY>
	

	
	<table width="100%" >
	<td class="mainBody" valign="top" width="100%">

	
	<table>
		<tr><td>
			













<style>
	TABLE.paycheck {
		margin : 3px;
		border: 1px solid #8080a0;
		background-color : white;
	}
	
	TABLE.checkPart {
		margin : 0px;
		border: medium double #DDEAE2;
		background-color : #f8fffc;
	}
	
	TABLE.detailsPart {
		border-collapse: collapse;
		margin : 0px;
		border: 1px solid #a0a0a0;
		background-color : white;
	}
	
	TABLE.detailsWages {
		border-collapse: collapse;
		margin : 0px;
		margin-bottom : 3px;
		border: 1px solid #a0a0a0;
		background-color : white;
	}
	
	TH.detailsPart {
		align: left;
		font-size: 8pt;
		font-weight: normal;
		background-color: #e0e0e0;

example/Paycheck-2015-10-23.html view on Meta::CPAN



		</td>
	</tr>
</table>





<!--[if IE]>
<script type="text/javascript" language="JavaScript" src='/util/excanvas.js'></script>
<![endif]-->
<script type="text/javascript" language="JavaScript" src='/util/tooltip.js'></script>
<script language="JavaScript">
$(function() {
	if(document.getElementById("lockNetPay").value == "true") {
		displayNetPayLock();
	} else if(document.getElementById("lockNetPay").value == "false"){
		displayNetPayUnlock();
	}
});

function displayNetPayLock() {
	// define the net pay tool tip
	$("#netPayTotal").bt({
		contentSelector: '$("div#netPayLockInfoBubble")'
		,trigger: 'hover'
		,positions: 'left'
		,centerPointX: .05
		,spikeGirth: 25
		,spikeLength: 25
		,strokeStyle: "rgba(128, 160, 202, 0.75)"
		,strokeWidth: 2
		,fill: "rgba(128, 160, 202, 0.75)"
		,padding: '8px'
	})

	// display the lock icon
	$('#netPayLockedIcon').show();

	// highlight net pay
	$('#netPayTotal').addClass('editCheckFieldHighlight');

	// highlight payroll correction row and help text/link, but only if the payroll correction is not null or 0.00
	if(document.getElementById("payrollCorrectionAmount") != null) {
		var origBal = document.getElementById("originalCorrectionBalance").value;
		var correctionAmt = document.getElementById("payrollCorrectionAmount").innerHTML.trim().replace(/&nbsp;/g,'');
		var amt = parseFloat(origBal) - parseFloat(correctionAmt);
		if(amt != 0) {
			$('.payrollCorrectionRow').addClass('editCheckFieldHighlight');
			$('.payrollCorrectionTop').addClass('editCheckFieldHighlight').show();
			$('.payrollCorrectionAdvice').addClass('editCheckFieldHighlight').show();
		}
	}
	
	// disable editing of the check date
	// (assumption is that if net pay is locked, the check has been deposited and check date should not change)
	if(!$('#payDate').is(':hidden')) {
		$('#payDate').hide();
		$('#payDate_calendar').hide();
		$('#payDate').before($('#payDate').val());
	}
}

function displayNetPayUnlock() {
	// define the net pay tool tip
	$("#netPayTotal").bt({
		contentSelector: '$("div#netPayUnLockInfoBubble")'
		,trigger: 'hover'
		,positions: 'left'
		,centerPointX: .05
		,spikeGirth: 25
		,spikeLength: 25
		,strokeStyle: "rgba(128, 160, 202, 0.75)"
		,strokeWidth: 2
		,fill: "rgba(128, 160, 202, 0.75)"
		,padding: '8px'
	})

	// display the unlock icon
	$('#netPayUnLockedIcon').show();

	// highlight net pay
	$('#netPayTotal').addClass('editCheckFieldHighlight');
}
</script>

<style>

	#netPayTotal {
		height: 25px;
	}

	#netPayTotal.editCheckFieldHighlight {
		padding: 5px;
		border: 1px solid #96afcf;
		background-color: #eaeff5;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}


	.payrollCorrectionRow.editCheckFieldHighlight td {
		background-color: #fff7c6;
	}

	.payrollCorrectionTop.editCheckFieldHighlight td {
		padding: 0;
	}

	.payrollCorrectionTop.editCheckFieldHighlight td div {
		background-color: #fff7c6;
		border-top: 1px solid #ede3ac;
		padding-top: 5px;
	}


	.payrollCorrectionAdvice.editCheckFieldHighlight td {
		font-size: .75em;

( run in 2.319 seconds using v1.01-cache-2.11-cpan-5837b0d9d2c )