jquery-ui/tests/visual/datepicker/viewport.html

278 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Mon 26JanTest application details - by chrisv from #3863 (Viewport test)</title>
<link href="css/styling.css" rel="stylesheet" type="text/css">
<style type="text/css">
label {
float: left;
min-width: 12em;
}
tr.rule-above td {
border-top: solid 1px #CCCCCC;
margin-top: 1em;
}
</style>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.4.2.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.datepicker.js"></script>
<style type="text/css">
label.error {
color: #ff4c00;
font-style: italic;
}
input.error {
border: 1px dotted red;
}
</style>
<style type="text/css">
.ui-datepicker {
font-size: 80%;
}
</style>
<script type="text/javascript"> /* configure date picker */
$(function() {
$(".datepicker").datepicker({
dateFormat: 'd M yy',
firstDay: 1,
changeMonth: false, changeYear: false,
showOtherMonths: true,
mandatory: true
});
});
</script>
</head>
<body>
<div id="container">
<div id="center" class="column">
<h2>Mon 26JanTest</h2>
<h3>Application progress</h3>
<form name="frm" id="frm" method="post" action="">
<table>
<tr>
<td><label for="Firstname">First name:</label></td>
<td><input name="Firstname" id="Firstname" size="12" value="Mon"></td>
</tr>
<tr>
<td><label for="Lastname">Last name:</label></td>
<td><input name="Lastname" id="Lastname" size="12" value="26JanTest"></td>
</tr>
<tr>
<td><label for="Email">Email:</label></td>
<td><input name="Email" id="Email" size="18" value="x@y.com"></td>
</tr>
<tr>
<td><label for="RegionalMentorID">Responsible RM:</label></td>
<td><select name="RegionalMentorID" id="RegionalMentorID">
<option value=""></option>
</select>
</td>
</tr>
<tr>
<td><label for="Status">Status:</label></td>
<td><select name="Status" id="Status">
<option selected value="Active">Active</option>
<option value="Dropped out">Dropped out</option>
<option value="Completed">Completed</option>
</select>
</td>
</tr>
<tr class="rule-above">
<td>Applicn recd</td>
<td><input type="text" name="ApplicationReceivedOn" id="ApplicationReceivedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date"></td>
</tr>
<tr class="rule-above">
<td>Stage 1 mtg</td>
<td><input type="text" name="Stage1MtgOnD" id="Stage1MtgOnD" value="27 Jan 2009" class="datepicker" size="12" title="Enter date">
<input type="text" name="Stage1MtgOnT" id="Stage1MtgOnT" value="11:00" size="4" title="Enter time">
@
<input name="Stage1MtgAt" id="Stage1MtgAt" value="someplace">
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>Confirmed on</label>
<input type="text" name="Stage1MtgConfirmedOn" id="Stage1MtgConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>Attended</label>
<input type="radio" name="Stage1MtgAttended" id="Stage1MtgAttendedY" value="Y">
Yes
<input type="radio" name="Stage1MtgAttended" id="Stage1MtgAttendedY" checked value="N">
No </td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>Hard-copy given</label>
<input name="Stage1HardCopyGiven" type="radio" value="Y">
Yes
<input name="Stage1HardCopyGiven" type="radio" checked value="N">
No </td>
</tr>
<tr>
<td>&nbsp;</td>
<td><br>
<label>Handover on</label>
<input type="text" name="Stage1HandoverOn" id="Stage1HandoverOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
</td>
</tr>
<tr class="rule-above">
<td>Stage 2 mtg</td>
<td><input type="text" name="Stage2MtgOnD" id="Stage2MtgOnD" value="28 Jan 2009" class="datepicker" size="12" title="Enter date">
<input type="text" name="Stage2MtgOnT" id="Stage2MtgOnT" value="11:00" size="4" title="Enter time">
@
<input name="Stage2MtgAt" id="Stage2MtgAt" value="someplace">
<br>
<label>Confirmed on</label>
<input type="text" name="Stage2MtgConfirmedOn" id="Stage2MtgConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
<br>
<label>Contacts:</label>
<i></i> <br>
<label>Postcode areas:</label>
<i></i> <br>
<label>Document explanations given</label>
<input name="Stage2DocExplanGiven" type="radio" value="Y">
Yes
<input name="Stage2DocExplanGiven" type="radio" checked value="N">
No <br>
<label>Franchisee contacts given</label>
<input name="Stage2ContactFranchiseesGiven" type="radio" value="Y">
Yes
<input name="Stage2ContactFranchiseesGiven" type="radio" checked value="N">
No <br>
<label>Finance options given</label>
<input name="Stage2FinanceOptionsGiven" type="radio" value="Y">
Yes
<input name="Stage2FinanceOptionsGiven" type="radio" checked value="N">
No <br>
<label>Financials given</label>
<input name="Stage2FinancialsGiven" type="radio" value="Y">
Yes
<input name="Stage2FinancialsGiven" type="radio" checked value="N">
No <br>
<label>Business plan given</label>
<input name="Stage2BusinessPlanGiven" type="radio" value="Y">
Yes
<input name="Stage2BusinessPlanGiven" type="radio" checked value="N">
No <br>
<label>Agreement given</label>
<input name="Stage2AgreementGiven" type="radio" value="Y">
Yes
<input name="Stage2AgreementGiven" type="radio" checked value="N">
No <br>
<label>Disclosure letter given</label>
<input name="Stage2DisclosureLetterGiven" type="radio" value="Y">
Yes
<input name="Stage2DisclosureLetterGiven" type="radio" checked value="N">
No <br>
<label>Medical letter given</label>
<input name="Stage2MedicalLetterGiven" type="radio" value="Y">
Yes
<input name="Stage2MedicalLetterGiven" type="radio" checked value="N">
No <br>
<label>Attended</label>
<input name="Stage2MtgAttended" type="radio" value="Y">
Yes
<input name="Stage2MtgAttended" type="radio" checked value="N">
No </td>
</tr>
<tr class="rule-above">
<td>Site visit</td>
<td><input type="text" name="SiteVisitOnD" id="SiteVisitOnD" value="29 Jan 2009" class="datepicker" size="12" title="Enter date">
<input type="text" name="SiteVisitOnT" id="SiteVisitOnT" value="13:00" size="4" title="Enter time">
@
<input name="SiteVisitAt" id="SiteVisitAt" value="somewhere else">
<br>
<label>Site visit contact</label>
<br>
<label>Confirmed on</label>
<input type="text" name="SiteVisitConfirmedOn" id="SiteVisitConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
<br>
<label>Attended</label>
<input name="SiteVisitAttended" type="radio" value="Y">
Yes
<input name="SiteVisitAttended" type="radio" checked value="N">
No </td>
</tr>
<tr class="rule-above">
<td>Director interview</td>
<td><input type="text" name="DirectorInterviewOnD" id="DirectorInterviewOnD" value="30 Jan 2009" class="datepicker" size="12" title="Enter date">
<input type="text" name="DirectorInterviewOnT" id="DirectorInterviewOnT" value="13:00" size="4" title="Enter time">
@
<input name="DirectorInterviewAt" id="DirectorInterviewAt" value="boss pad">
<br>
<label>Confirmed on</label>
<input type="text" name="DirectorInterviewConfirmedOn" id="DirectorInterviewConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
<br>
<label>Attended</label>
<input name="DirectorInterviewAttended" type="radio" value="Y">
Yes
<input name="DirectorInterviewAttended" type="radio" checked value="N">
No <br>
<label>Financials Recd</label>
<input name="DirectorFinancialsRecd" type="radio" value="Y">
Yes
<input name="DirectorFinancialsRecd" type="radio" checked value="N">
No <br>
<label>Business plan Recd</label>
<input name="DirectorBusinessPlanRecd" type="radio" value="Y">
Yes
<input name="DirectorBusinessPlanRecd" type="radio" checked value="N">
No <br>
<label>Agreement Recd</label>
<input name="DirectorAgreementRecd" type="radio" value="Y">
Yes
<input name="DirectorAgreementRecd" type="radio" checked value="N">
No <br>
<label>Disclosure letter Recd</label>
<input name="DirectorDisclosureLetterRecd" type="radio" value="Y">
Yes
<input name="DirectorDisclosureLetterRecd" type="radio" checked value="N">
No <br>
<label>Medical letter Recd</label>
<input name="DirectorMedicalLetterRecd" type="radio" value="Y">
Yes
<input name="DirectorMedicalLetterRecd" type="radio" checked value="N">
No <br>
<label>Accept/decline sent on</label>
<input type="text" name="AcceptDeclineLetterSentOn" id="AcceptDeclineLetterSentOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
</td>
</tr>
</table>
</form>
</div>
</div>
<!-- 11ms -->
</body>
</html>