[jboss-cvs] jboss-seam/examples/quartz/view ...
Michael Yuan
michael.yuan at jboss.com
Mon Jun 4 18:46:26 EDT 2007
User: myuan
Date: 07/06/04 18:46:26
Added: examples/quartz/view date.css index.html screen.css
search.xhtml
Log:
Add initial support for quartz
Revision Changes Path
1.1 date: 2007/06/04 22:46:26; author: myuan; state: Exp;jboss-seam/examples/quartz/view/date.css
Index: date.css
===================================================================
div.seam-date
{
margin-top: 5px;
border: 1px solid #AAAAAA;
background-color: #FFFFFF;
color: #505050;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
}
table.seam-date td {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: 11px;
}
.seam-date-monthNames
{
width: 70px;
border: 1px solid #dddddd;
border-right: 3px solid #444444;
border-bottom: 3px solid #444444;
background-color: #ffffff;
font-size: 12px;
cursor: pointer;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.seam-date-monthNameLink, a.seam-date-monthNameLink:visited
{
text-align: center;
display: block;
color: #555555;
}
a.seam-date-monthNameLink:hover
{
background-color: #CCCCCC;
color: red;
}
.seam-date-years
{
height: 10em;
overflow: auto;
width: 60px;
border: 1px solid #dddddd;
border-right: 3px solid #444444;
border-bottom: 3px solid #444444;
background-color: #ffffff;
font-size: 12px;
cursor: pointer;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.seam-date-yearLink, a.seam-date-yearLink:visited
{
text-align: center;
display: block;
color: #555555;
}
a.seam-date-yearLink:hover
{
background-color: #CCCCCC;
color: red;
}
tr.seam-date-header
{
padding: 2px 0px 2px 0px;
}
td.seam-date-header
{
padding: 0px 8px 0px 8px;
text-align: center;
color: gray;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
td.seam-date-header-prevMonth
{
background-image: url("./img/cal-prev.png");
background-repeat: no-repeat;
background-position: center;
padding: 0px 2px 0px 2px;
width: 17px;
height: 16px;
margin-left: 2px;
}
td.seam-date-header-nextMonth
{
background-image: url("./img/cal-next.png");
background-repeat: no-repeat;
background-position: center;
padding: 0px 2px 0px 2px;
width: 17px;
height: 16px;
margin-right: 2px;
}
tr.seam-date-headerDays
{
color: white;
font-weight: normal;
}
tr.seam-date-headerDays > td
{
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
text-align: center;
width: 26px;
}
tr.seam-date-footer
{
background-color: white;
color: #505050;
font-weight: bold;
}
tr.seam-date-footer > td
{
text-align: center;
}
td.seam-date-inMonth
{
background-color: white;
color: black;
font-weight: normal;
cursor: pointer;
border: 1px solid #ece9d8;
}
td.seam-date-outMonth
{
background-color: white;
color: #999999;
font-weight: normal;
cursor: pointer;
border: 1px solid #ece9d8;
}
td.seam-date-selected
{
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: black;
font-weight: normal;
}
td.seam-date-dayOff-inMonth
{
background-color: #efefef;
color: black;
font-weight: normal;
cursor: pointer;
border: 1px solid #ece9d8;
}
td.seam-date-dayOff-outMonth
{
background-color: #efefef;
color: #999999;
font-weight: normal;
cursor: pointer;
border: 1px solid #ece9d8;
}
td.seam-date-hover
{
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
cursor: pointer;
color: red;
}
1.1 date: 2007/06/04 22:46:26; author: myuan; state: Exp;jboss-seam/examples/quartz/view/index.html
Index: index.html
===================================================================
<html>
<head>
<meta http-equiv="Refresh" content="0; URL=search.seam">
</head>
</html>
1.1 date: 2007/06/04 22:46:26; author: myuan; state: Exp;jboss-seam/examples/quartz/view/screen.css
Index: screen.css
===================================================================
a:active, a:link, a:visited {
color: #0D5798;
}
a:hover {
color: #8CAFCD;
}
.menuButtons {
background-color: #FF6600; /*#8CAFCD*/
padding-top: 10px;
padding-bottom: 10px;
}
.menuButtons a {
font-weight: bold;
text-decoration: none;
padding-left: 25px;
padding-right: 25px;
}
.menuButtons a:active, .menuButtons a:link, .menuButtons a:visited {
font-family: Arial,sans-serif;
background-color: #FF6600; /*#8CAFCD*/
color: white;
border-right: 1px solid white;
}
.menuButtons a:hover {
font-family: Arial,sans-serif;
background-color: white;
color: #FF6600; /*#8CAFCD*/
}
.actionButtons {
width: 100%;
text-align: center;
padding-top: 10px;
}
.tableControl {
width: 100%;
text-align: right;
padding-top: 15px;
}
.actionButtons a, .tableControl a {
font-family: Arial,sans-serif;
font-weight: bold;
color: #578BB8;
border: 1px solid #578BB8;
text-decoration: none;
padding: 5px;
margin: 5px;
}
.actionButtons a:hover, .tableControl a:hover {
color: white;
background-color: #578BB8;
margin: 5px;
}
h1 {
font-family: Arial,sans-serif;
color: #578BB8;
font-size: 1.6em;
margin-top: 0;
}
body {
margin: 0px;
font-family: Arial,sans-serif;
color: #616161;
}
.body {
padding: 30px;
}
table.results {
width: 100%;
}
table.results th {
background-color: #578BB8;
color: white;
font-family: Arial,sans-serif;
padding: 5px;
}
table.results td {
background-color: #F0F0F0;
text-align: center;
}
.narrow {
width: 20%;
}
.wide {
width: 80%;
}
.first td {
background-color: #F0F0F0;
}
.second td {
background-color: white;
}
.dialog
{
padding: 15px;
background-color: #F0F0F0;
margin: 10px;
}
.dialog table
{
width: auto;
}
.message {
border: 1px solid #FFCC00;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
background-color: #F0F0F0;
}
.prop {
padding: 5px;
}
.prop .name {
font-weight: bold;
text-align: left;
width: 115px;
}
.prop .value {
text-align: left;
}
.prop .errors {
color: red;
text-align: left;
}
.value input {
width:190px;
}
.errors input {
border: 1px solid red;
}
1.1 date: 2007/06/04 22:46:26; author: myuan; state: Exp;jboss-seam/examples/quartz/view/search.xhtml
Index: search.xhtml
===================================================================
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:s="http://jboss.com/products/seam/taglib"
template="template.xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Seam Pay</title>
<link href="screen.css" rel="stylesheet" type="text/css" />
<link href="date.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="menuButtons">
<s:link view="/search.xhtml" value="Show Accounts"/>
</div>
<div class="body">
<h1>Account</h1>
<h:messages styleClass="message"/>
<!-- search results -->
<table class="results">
<tr>
<th>Id</th>
<th>Account Number</th>
<th>Balance</th>
</tr>
<ui:repeat value="#{accounts.resultList}" var="account">
<tr>
<td>
<s:link view="/search.xhtml" value="#{account.id}">
<f:param name="accountId" value="#{account.id}"/>
</s:link>
</td>
<td>#{account.accountNumber}</td>
<td>
<h:outputText value="#{account.balance}">
<f:convertNumber type="currency" currencySymbol="$"/>
</h:outputText>
</td>
</tr>
</ui:repeat>
</table>
<h:outputText value="No accounts found" rendered="#{empty accounts.resultList}" class="message"/>
<f:subview rendered="#{accountHome.idDefined}">
<h2>Payments from Account #{accountHome.instance.accountNumber}</h2>
<table class="results">
<tr>
<th>Status</th>
<th>Payee</th>
<th>Payment Amount</th>
<th>Created Date</th>
<th>Scheduled Date</th>
<th>Frequency</th>
<th>Last Paid On</th>
</tr>
<ui:repeat value="#{accountHome.instance.payments}" var="payment">
<tr>
<td>
<s:button action="#{paymentHome.cancel}" value="Cancel" rendered="#{payment.active}">
<f:param name="paymentId" value="#{payment.id}"/>
</s:button>
<h:outputText value="not active" rendered="#{!payment.active}" />
</td>
<td>#{payment.payee}</td>
<td>
<h:outputText value="#{payment.amount}">
<f:convertNumber type="currency" currencySymbol="$"/>
</h:outputText>
</td>
<td>
<h:outputText value="#{payment.createdDate}">
<f:convertDateTime type="date" dateStyle="medium" />
</h:outputText>
</td>
<td>
<h:outputText value="#{payment.paymentDate}">
<f:convertDateTime type="date" dateStyle="medium" />
</h:outputText>
</td>
<td>#{payment.paymentFrequency}</td>
<td>
<h:outputText value="#{payment.lastPaid}">
<f:convertDateTime type="date" dateStyle="medium" />
</h:outputText>
</td>
</tr>
</ui:repeat>
</table>
<h2>Make a payment from account #{accountHome.instance.accountNumber}:</h2>
<h:form>
<s:validateAll>
<table>
<tr>
<td>To:</td>
<td>
<h:inputText id="payee" value="#{newPayment.payee}" required="true"/>
</td>
</tr>
<tr>
<td>Amount:</td>
<td><h:inputText id="amount" value="#{newPayment.amount}" required="true">
<ui:remove>
<f:convertNumber type="currency" currencySymbol="$"/>
</ui:remove>
</h:inputText></td>
</tr>
<tr>
<td>Date:</td>
<td><h:inputText id="paymentDate" value="#{newPayment.paymentDate}" required="true">
<s:convertDateTime pattern="MM/dd/yyyy"/>
</h:inputText>
<s:selectDate for="paymentDate">
<h:graphicImage url="img/dtpick.gif" />
</s:selectDate>
<h:message for="paymentDate" />
</td>
</tr>
<tr>
<td>Frequency:</td>
<td>
<h:selectOneRadio id="radioList"
layout="lineDirection"
value="#{newPayment.paymentFrequency}">
<s:convertEnum />
<s:enumItem enumValue="ONCE" label="Only Once" />
<s:enumItem enumValue="EVERY_MINUTE" label="Every Minute (testing)" />
<s:enumItem enumValue="HOURLY" label="Every Hour (testing)" />
<s:enumItem enumValue="DAILY" label="Every Day" />
<s:enumItem enumValue="WEEKLY" label="Every Week" />
<ui:remove>
<f:selectItems value="#{newPayment.frequencies}" />
</ui:remove>
</h:selectOneRadio>
</td>
</tr>
</table>
</s:validateAll>
<h:commandButton value="Schedule"
action="#{paymentHome.saveAndSchedule}" />
</h:form>
</f:subview>
</div>
</body>
</html>
More information about the jboss-cvs-commits
mailing list