ClipperCard source

gistfile1.txt

<div class="whiteGreyCardBox cardData">
							<div class="cardInfo">
								<div class="infoDiv">
									<div class="fieldName">Type:</div>
									<div class="fieldData">ADULT</div>
								</div>

								<div class="infoDiv">
									<div class="fieldName">Status:</div>
									<div class="fieldData">Active</div>
								</div>

								<div class="spacer"></div>
								<div class="infoDiv">
									<div class="fieldHeader">
										<strong>Products on Card:</strong>
									</div>
								</div>
									<div class="infoDiv">
										<div class="fieldName">BART HVD 60/64:</div>
										<div class="fieldData" style="width: auto;">$20.00</div>
									</div>
									<!-- Start remove tag to comment -->
									<!--  &lt;ui:remove&gt;  -->
									<div class="infoDiv">
										<div class="fieldName">
										</div>
										<div class="fieldData" style="width: auto;"></div>
										<!-- 	
										Removed Actions on Parking
										
										 -->

									</div>
									<!--  &lt;/ui:remove&gt;  -->
									<!-- end remove tag -->

									<div class="spacer"></div>
									<div class="infoDiv">
										<div class="fieldName">Caltrain Adult Zone 4-2 Monthly Pass:</div>
										<div class="fieldData" style="width: auto;">Valid till Oct-31-2017</div>
									</div>
									<!-- Start remove tag to comment -->
									<!--  &lt;ui:remove&gt;  -->
									<div class="infoDiv">
										<div class="fieldName">
										</div>
										<div class="fieldData" style="width: auto;"></div>
										<!-- 	
										Removed Actions on Parking
										
										 -->

									</div>
									<!--  &lt;/ui:remove&gt;  -->
									<!-- end remove tag -->

									<div class="spacer"></div>
									<div class="infoDiv">
										<div class="fieldName">Cash value:</div>
										<div class="fieldData" style="width: auto;">$20.80</div><span style="float:right; font-size:.7em;">
											<span id="d12064213050000000000000072" class="disableAutoloadSpan linkSpan">Disable Autoload</span><a id="mainForm:j_idt94:0:j_idt105:2:disableAutoloadThree" href="#" style="display:none" onclick="mojarra.jsfcljs(document.getElementById('mainForm'),{'mainForm:j_idt94:0:j_idt105:2:disableAutoloadThree':'mainForm:j_idt94:0:j_idt105:2:disableAutoloadThree'},'');return false">Disable Autoload</a></span>
									</div>
									<!-- Start remove tag to comment -->
									<!--  &lt;ui:remove&gt;  -->
									<div class="infoDiv">
										<div class="fieldName"><span style="float:left;">
											(Autoload amount : $ 20.00)								
											</span>
										</div>
										<div class="fieldData" style="width: auto;"></div><span style="float:right; font-size:.7em;">
											<span id="dCash12064213050000000000000072" class="changeAutoloadCashAmt linkSpan">Change
												Autoload Amount</span><a id="mainForm:j_idt94:0:j_idt105:2:chnageAutoloadThree" href="#" style="display:none" onclick="mojarra.jsfcljs(document.getElementById('mainForm'),{'mainForm:j_idt94:0:j_idt105:2:chnageAutoloadThree':'mainForm:j_idt94:0:j_idt105:2:chnageAutoloadThree'},'');return false">Change Autoload Amount</a></span>
										<!-- 	
										Removed Actions on Parking
										
										 -->

									</div>
									<!--  &lt;/ui:remove&gt;  -->
									<!-- end remove tag -->

									<div class="spacer"></div>


								<div class="infoDiv">
									<div class="fieldHeader" style="float: left;">
										<strong>Products Ready for Pick Up:</strong>
									</div>
									<div style="float: left;" class="helpToggle helpToggleInactive" onclick="showHelp('helpContainerProducts', this);"></div>

								</div><input id="mainForm:j_idt94:0:manage" type="submit" name="mainForm:j_idt94:0:manage" value="Add Value" style="margin-right:2%" class="button120 bottom-right" />
								<div class="spacer10"></div>
								<div class="infoDiv">
									<div class="fieldName">View Recent Activity:</div>
									<div class="fieldData field90"><a id="mainForm:j_idt94:0:seeHistoryThirty" href="#" onclick="jsf.util.chain(this,event,'return seeHistory();','mojarra.jsfcljs(document.getElementById(\'mainForm\'),{\'mainForm:j_idt94:0:seeHistoryThirty\':\'mainForm:j_idt94:0:seeHistoryThirty\'},\'_blank\')');return false">Last 30 Days</a>
									</div>
									<div class="fieldData field90"><a id="mainForm:j_idt94:0:seeHistorySixty" href="#" onclick="jsf.util.chain(this,event,'return seeHistory();','mojarra.jsfcljs(document.getElementById(\'mainForm\'),{\'mainForm:j_idt94:0:seeHistorySixty\':\'mainForm:j_idt94:0:seeHistorySixty\'},\'_blank\')');return false">Last 60 Days</a>
									</div>
								</div>

							</div>
						</div>
						<div class="spacer"></div>



					<div class="spacer"></div>
				</div>