| <html> |
| <head><link rel="stylesheet" href="css/timetracker.css"/></head> |
| <body jwcid="$content$"> |
| <span jwcid="@Border"> |
| |
| <p> |
| This is the Tapestry TimeTracker application. It is a demonstration of some of the new |
| core features available in tapestry, as well as how a sample application might be built |
| using them. |
| </p> |
| |
| <form jwcid="taskForm@Form" class="container" clientValidationEnabled="true" > |
| <h3><span jwcid="@Insert" value="message:new.task">Task Entry</span></h3> |
| <fieldset> |
| <table width="90%" class="form" cellpadding="2" cellspacing="0" > |
| <tr> |
| <td><label jwcid="@FieldLabel" field="component:projectChoose">Choose Project</label></td> |
| <td><label jwcid="@FieldLabel" field="component:descriptionField">Description</label></td> |
| <td><label>Duration</label></td> |
| <td> </td> |
| </tr> |
| <tr id="secondRow"> |
| <td><div class="field required"><select jwcid="projectChoose" /></div></td> |
| <td><div class="field required"><input jwcid="descriptionField" /></div></td> |
| <td><div jwcid="duration@Any">18 minutes</div></td> |
| <td> </td> |
| </tr> |
| |
| <tr> |
| <td><label jwcid="@FieldLabel" field="component:datePicker">Date Picker</label></td> |
| <td><label jwcid="@FieldLabel" field="component:startPicker">Start Picker</label></td> |
| <td><label jwcid="@FieldLabel" field="component:endPicker">End Picker</label></td> |
| <td> </td> |
| </tr> |
| |
| <tr> |
| <td><div class="field required"><input jwcid="datePicker" /></div></td> |
| <td> |
| <div class="field required"> |
| <input jwcid="startPicker" size="7" /> |
| </div> |
| </td> |
| <td> |
| <div class="field required"> |
| <input jwcid="endPicker" size="7" /> |
| </div> |
| </td> |
| <td> |
| <input jwcid="@Submit" value="message:button.add" class="submitButton" |
| action="listener:addTask" |
| async="true" updateComponents="taskForm" /> |
| </td> |
| </tr> |
| </table> |
| </fieldset> |
| </form> |
| |
| <a jwcid="@DirectLink" listener="listener:showDialog" updateComponents="testDialog">Show Dialog</a><br/> |
| |
| <div jwcid="testDialog@Dialog" hidden="ognl:dlHidden" class="dialog"> |
| <p style="display:block;background:#ffffff;width:20em;"> |
| This is content hidden in a Dialog. |
| |
| <a href="#" onClick="dojo.widget.byId('testDialog').hide();return false">Close</a> |
| </p> |
| |
| <div style="display:block;background:#ffffff;width:20em;"> |
| <a jwcid="@DirectLink" listener="listener:showSubProject" updateComponents="subArea" >Show sub project</a> |
| |
| <span jwcid="subArea@Any"> |
| <span jwcid="@If" condition="ognl:showSubProject" renderTag="false"> |
| <form jwcid="@Form"> |
| Another: <select jwcid="subProjectChoose@Autocompleter" model="ognl:projectModel" value="ognl:subProject" displayName="message:choose.project" /> |
| </form> |
| </span> |
| </span> |
| </div> |
| </div> |
| |
| <div jwcid="projectDescription@Any" > |
| <h2 jwcid="@If" condition="ognl:selectedProject" style="clear:left" > |
| <span jwcid="projName@InlineEditBox" minWidth="250" value="ognl:selectedProject.name" /> |
| </h2> |
| </div> |
| |
| </span> |
| </body> |
| </html> |