Update time-tracker graphics.

3 files changed, 108 insertions, 62 deletions

diff --git a/demos/time-tracker/protected/pages/TimeTracker/MainLayout.tpl b/demos/time-tracker/protected/pages/TimeTracker/MainLayout.tpl
index 915b2fb3..ad33217b 100644
--- a/demos/time-tracker/protected/pages/TimeTracker/MainLayout.tpl
+++ b/demos/time-tracker/protected/pages/TimeTracker/MainLayout.tpl
@@ -36,5 +36,10 @@
 

 </com:TForm>

 

+<div class="copyrights">

+Copyright &copy; 2005-2006 <a href="http://www.pradosoft.com">PradoSoft</a>.

+<span class="note"><a href="http://www.famfamfam.com/lab/icons/silk/">Silk icons</a> by Mark James.</span>

+</div>

+

 </body>

 </html>
\ No newline at end of file
diff --git a/demos/time-tracker/protected/pages/TimeTracker/ReportProject.page b/demos/time-tracker/protected/pages/TimeTracker/ReportProject.page
index 5f961da4..fcf6101b 100644
--- a/demos/time-tracker/protected/pages/TimeTracker/ReportProject.page
+++ b/demos/time-tracker/protected/pages/TimeTracker/ReportProject.page
@@ -7,8 +7,16 @@
 	<com:TView>

 		<com:TLabel ForControl="projectList" 

 			Text="Select a project. Use ctrl+click to select multiple projects at once: "/>

+		<span class="required">*</span><br />	

 		<com:TListBox ID="projectList" CssClass="projects" SelectionMode="Multiple" />

-		<com:TButton Text="Generate Report" OnClick="generateReport_Clicked"/>		

+		<com:TRequiredFieldValidator 

+			Style="display:block"

+			ControlToValidate="projectList"

+			ErrorMessage="Please select at least one project."

+			ControlCssClass="required-input" />

+		<div class="buttons">

+		<com:TButton Text="Generate Report" OnClick="generateReport_Clicked"/>

+		</div>		

 	</com:TView>

 	<com:TView>

 		<com:TRepeater ID="projects" onItemCreated="project_itemCreated" EnableViewState="false">

@@ -16,16 +24,16 @@
 		<!-- project -->

 			<table class="project">

 				<tr>

-					<th>Project Name</th>

-					<th>Est. Hours</th>

-					<th>Actual Hours</th>

-					<th>Est. Completion</th>

+					<th class="name">Project Name</th>

+					<th class="est-hour">Est. Hours</th>

+					<th class="hours">Actual Hours</th>

+					<th class="completion">Est. Completion</th>

 				</tr>

 				<tr>

-					<td><%# h($this->DataItem->ProjectName) %></td>

-					<td><%# h($this->DataItem->EstimateHours) %></td>

-					<td><%# h($this->DataItem->ActualHours) %></td>

-					<td>

+					<td class="name"><%# h($this->DataItem->ProjectName) %></td>

+					<td class="est-hour"><%# h($this->DataItem->EstimateHours) %></td>

+					<td class="hours"><%# h($this->DataItem->ActualHours) %></td>

+					<td class="completion">

 						<com:System.I18N.TDateFormat 

 							Pattern="dd/MM/yyyy"

 							Value=<%# $this->DataItem->EstimateCompletion %> />

@@ -34,24 +42,24 @@
 				

 			<com:TRepeater ID="category" onItemCreated="Page.category_itemCreated" EnableViewState="false">

 			<prop:HeaderTemplate>

-				<tr><td></td><td colspan="2">

+				<tr><td class="left-filler">&nbsp;</td><td colspan="2" class="sub-table">

 			</prop:HeaderTemplate>

 			<prop:FooterTemplate>

-				</tr></td><td></td>

+				</td><td class="right-filler">&nbsp;</td></tr>

 			</prop:FooterTemplate>

 			<prop:ItemTemplate>			

 

 			<!-- category -->

 				<table class="category">

 					<tr>

-					<th>Category</th>

-					<th>Est. Hours</th>

-					<th>Actual Hours</th>

+					<th class="category">Category</th>

+					<th class="est-hour">Est. Hours</th>

+					<th class="hours">Actual Hours</th>

 					</tr>

 					<tr>

-						<td><%# h($this->DataItem->CategoryName) %></td>

-						<td><%# h($this->DataItem->EstimateHours) %></td>

-						<td><%# h($this->DataItem->ActualHours) %></td>

+						<td class="category"><%# h($this->DataItem->CategoryName) %></td>

+						<td class="est-hour"><%# h($this->DataItem->EstimateHours) %></td>

+						<td class="hours"><%# h($this->DataItem->ActualHours) %></td>

 					</tr>

 					

 					

@@ -59,10 +67,10 @@
 					<prop:ItemTemplate>

 					<!-- member -->				

 						<tr>

-							<td colspan="2">

+							<td colspan="2" class="username">

 							<%# h($this->DataItem['username']) %>

 						</td>

-						<td>

+						<td class="hours">

 							<%# h($this->DataItem['hours']) %>

 						</td>

 						</tr>

diff --git a/demos/time-tracker/protected/pages/TimeTracker/ReportResource.page b/demos/time-tracker/protected/pages/TimeTracker/ReportResource.page
index e72fd0f2..b9404f4a 100644
--- a/demos/time-tracker/protected/pages/TimeTracker/ReportResource.page
+++ b/demos/time-tracker/protected/pages/TimeTracker/ReportResource.page
@@ -5,76 +5,109 @@
 	<legend>Resource Report</legend>

 	<com:TMultiView ID="views" ActiveViewIndex="0">

 	<com:TView>

+		<div class="step1">

 		<h2>STEP 1 - Select project(s)</h2>

 		<com:TLabel ForControl="projectList" 

 			Text="Select a project. Use ctrl+click to select multiple projects at once: "/>

+		<span class="required">*</span><br />

 		<com:TListBox ID="projectList" CssClass="projects" SelectionMode="Multiple" />

+		<com:TRequiredFieldValidator

+			ControlToValidate="projectList"

+			ErrorMessage="Please select at least one project."

+			ControlCssClass="required-input"

+			Display="None" />

+		</div>

+		<div class="step2">

 		<h2>STEP 2 - Select resource(s)</h2>

 		<com:TLabel ForControl="resourceList" 

 			Text="Select a resource. Use ctrl+click to select multiple resources at once: "/>

+		<span class="required">*</span><br />

 		<com:TListBox ID="resourceList" CssClass="resource" SelectionMode="Multiple" />

+		<com:TRequiredFieldValidator

+			ControlToValidate="resourceList"

+			ErrorMessage="Please select at least one member."

+			ControlCssClass="required-input"

+			Display="None" />

+		</div>

+		<div class="step1">

 		<h2>STEP 3 - Select a date range</h2>

 		<div class="date-from">

 		<com:TLabel ForControl="dateFrom" Text="Dates from:"/>

+		<span class="required">*</span><br />

 		<com:TDatePicker id="dateFrom" 

+			DateFormat="dd/MM/yyyy"

 			TimeStamp=<%= strtotime("-1 year") %>

 			InputMode="DropDownList" />

 		</div>

 		<div class="date-to">

-		<com:TLabel ForControl="dateTo" Text="to:"/>

-		<com:TDatePicker id="dateTo" InputMode="DropDownList"/>

+		<com:TLabel ForControl="dateTo" Text="Date to:"/>

+		<span class="required">*</span><br />

+		<com:TDatePicker id="dateTo" DateFormat="dd/MM/yyyy" InputMode="DropDownList"/>

+		<com:TCompareValidator

+			ControlToValidate="dateTo"

+			ControlToCompare="dateFrom"

+			DataType="Date"

+			Display="None"

+			ControlCssClass="required-input"

+			DateFormat="dd/MM/yyyy"

+			Operator="GreaterThanEqual"

+			ErrorMessage="The end date must be greater or equal to the start date." />

+		</div>

+		</div>

+		<div class="actions">&nbsp;

+		<div class="summary">

+		<com:TValidationSummary

+			AutoUpdate="false" />

 		</div>

 		<div class="buttons">

 			<com:TButton Text="Generate Report" Onclick="generateReport_Clicked"/>

 		</div>	

+		</div>

 	</com:TView>

 	

 	<com:TView>

-		 <h3>Beginning Date</h3>

-		 <h4><%= h($this->dateFrom->Date) %></h4> 	 

-		 <h3>Ending Date</h3>

-		 <h4><%= h($this->dateTo->Date) %></h4>

-		 

+		<div class="date-range">

+		 <h3 class="begin">Beginning Date:</h3>

+		 <h4 class="begin"><%= h($this->dateFrom->Date) %></h4> 	 

+		 <h3 class="end">Ending Date:</h3>

+		 <h4 class="end"><%= h($this->dateTo->Date) %></h4>

+		</div> 

 		 <com:TRepeater ID="resource_report" OnItemCreated="resource_report_itemCreated" EnableViewState="false">

 		 	<prop:ItemTemplate>

-		 	<table class="resource">

-		 		<tr>

-		 			<th>Consultant</th>

-		 			<th>Total Hours</th>

-		 		</tr>

-		 		<tr>

-		 			<td><%# h($this->DataItem->Username) %></td>

-		 			<td><%# h($this->DataItem->TotalHours) %></td>

-		 		</tr>

-		 	</table>

+		 	<div class="resource">

+		 	<strong class="name">Consultant:</strong> 

+		 	<span class="name"><%# h($this->DataItem->Username) %></span>

+		 	<strong class="hours">Total Hours:</strong>

+		 	<span class="hours"><%# h($this->DataItem->TotalHours) %></span>

 		 	

 		 	<com:TRepeater ID="time_entries">

-		 	<prop:HeaderTemplate>

-		 		<table>

-		 			<tr>

-		 				<th>Reported Date</th>

-		 				<th>Project Name</th>

-		 				<th>Category Name</th>

-		 				<th>Duration</th>

-		 				<th>Description</th>

-		 			</tr>

-		 	</prop:HeaderTemplate>

-		 	<prop:FooterTemplate>

-		 		</table>

-		 	</prop:FooterTemplate>

-		 	<prop:ItemTemplate>

-		 	<tr>

-		 		<td><com:System.I18N.TDateFormat 

-							Pattern="dd/MM/yyyy"

-							Value=<%# $this->DataItem->ReportDate %> />

-				</td>

-		 		<td><%# h($this->DataItem->ProjectName) %></td>

-		 		<td><%# h($this->DataItem->CategoryName) %></td>

-		 		<td><%# h($this->DataItem->Duration) %></td>

-		 		<td><%# h($this->DataItem->Description) %></td>

-		 	</tr>

-		 	</prop:ItemTemplate>

-		 	</com:TRepeater>

+			 	<prop:HeaderTemplate>

+			 		<table class="project">

+			 			<tr>

+			 				<th class="date">Reported Date</th>

+			 				<th class="project">Project Name</th>

+			 				<th class="category">Category Name</th>

+			 				<th class="hours">Duration</th>

+			 				<th class="description">Description</th>

+			 			</tr>

+			 	</prop:HeaderTemplate>

+			 	<prop:FooterTemplate>

+			 		</table>

+			 	</prop:FooterTemplate>

+			 	<prop:ItemTemplate>

+			 	<tr>

+			 		<td class="date"><com:System.I18N.TDateFormat 

+								Pattern="dd/MM/yyyy"

+								Value=<%# $this->DataItem->ReportDate %> />

+					</td>

+			 		<td class="project"><%# h($this->DataItem->ProjectName) %></td>

+			 		<td class="category"><%# h($this->DataItem->CategoryName) %></td>

+			 		<td class="hours"><%# h($this->DataItem->Duration) %></td>

+			 		<td class="description"><%# h($this->DataItem->Description) %></td>

+			 	</tr>

+			 	</prop:ItemTemplate>

+			 	</com:TRepeater>

+			</div> 

 		 	</prop:ItemTemplate>

 		 </com:TRepeater>