[jboss-cvs] jboss-seam/examples/seampay/view ...

Wed Dec 6 19:24:19 EST 2006

  User: nrichards
  Date: 06/12/06 19:24:19

  Modified:    examples/seampay/view   search.xhtml
  Added:       examples/seampay/view   date.css
  Log:
  use s:selectDate
  
  Revision  Changes    Path
  1.7       +6 -1      jboss-seam/examples/seampay/view/search.xhtml
  
  (In the diff below, changes in quantity of whitespace are not shown.)
  
  Index: search.xhtml
  ===================================================================
  RCS file: /cvsroot/jboss/jboss-seam/examples/seampay/view/search.xhtml,v
  retrieving revision 1.6
  retrieving revision 1.7
  diff -u -b -r1.6 -r1.7
  --- search.xhtml	14 Nov 2006 05:03:02 -0000	1.6
  +++ search.xhtml	7 Dec 2006 00:24:19 -0000	1.7
  @@ -9,6 +9,7 @@
       <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>
         
  @@ -114,9 +115,13 @@
                           <tr>
                               <td>Date:</td>
                               <td><h:inputText id="paymentDate" value="#{newPayment.paymentDate}" required="true"> 
  -                                <f:convertDateTime type="date" dateStyle="short"/>
  +                                    <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>
  
  
  
  1.1      date: 2006/12/07 00:24:19;  author: nrichards;  state: Exp;jboss-seam/examples/seampay/view/date.css
  
  Index: date.css
  ===================================================================
  /* Date Picker 
  ----------------------------------------------- */
  
  /* the div that holds the date picker calendar */
  .dpDiv {
  }
  
  
  /* the table (within the div) that holds the date picker calendar */
  .dpTable {
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: center;
      color: #505050;
      background: #fff url(../img/input.bg.gif) 0 0 repeat-x;
      background-color: #FFFFFF;
      border: 1px solid #AAAAAA;
      margin-top: 5px;
  }
  
  
  /* a table row that holds date numbers (either blank or 1-31) */
  .dpTR {
  }
  
  
  /* the top table row that holds the month, year, and forward/backward buttons */
  .dpTitleTR {
  }
  
  
  /* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
  .dpDayTR {
  }
  
  
  /* the bottom table row, that has the "This Month" and "Close" buttons */
  .dpTodayButtonTR {
  }
  
  
  /* a table cell that holds a date number (either blank or 1-31) */
  .dpTD {
      border: 1px solid #ece9d8;
  }
  
  
  /* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
  .dpDayHighlightTD {
      background-color: #CCCCCC;
      border: 1px solid #AAAAAA;
  }
  
  
  /* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
  .dpTDHover {
      background-color: #CCCCCC;
      border: 1px solid #AAAAAA;
      cursor: pointer;
      color: red;
  }
  
  
  /* the table cell that holds the name of the month and the year */
  .dpTitleTD {
  }
  
  
  /* a table cell that holds one of the forward/backward buttons */
  .dpButtonTD {
  }
  
  
  /* the table cell that holds the "This Month" or "Close" button at the bottom */
  .dpTodayButtonTD {
  }
  
  
  /* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
  .dpDayTD {
      background-color: #CCCCCC;
      border: 1px solid #AAAAAA;
      color: white;
  }
  
  
  /* additional style information for the text that indicates the month and year */
  .dpTitleText {
      font-size: 12px;
      color: gray;
      font-weight: bold;
  }
  
  
  /* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
  .dpDayHighlight {
      font-weight: bold;
  }
  
  
  /* the forward/backward buttons at the top */
  .dpButton {
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: gray;
      background: #FFFFFF;
      font-weight: bold;
      padding: 0px;
      border: 1px solid #AAAAAA;
  }
  
  
  /* the "This Month" and "Close" buttons at the bottom */
  .dpTodayButton {
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: gray;
      background: #FFFFFF;
      font-weight: bold;
      border: 1px solid #AAAAAA;
      display:none;
  }