Changeset 1155

Timestamp:

2009-03-20 15:42:41 (4 years ago)

Author:

fries

Message:

layout timepagina aangepast, 2 images added

Location:

tupper/trunk/tupper-site/src/main/kauri

Files:

• pages/time..xml (modified) (1 diff)
• static/css/time.css (modified) (3 diffs)
• static/img/copy.png (added)
• static/img/delete.png (added)

tupper/trunk/tupper-site/src/main/kauri/pages/time..xml

@@ -57 +57 @@
       <table>
         <thead>
-          <td>Customer</td><td>Project</td><td>Taak</td><td>Mo</td><td>Tu</td><td>We</td><td>Th</td><td>Fr</td><td>Sa</td><td>Su</td><td>Comment</td><td colspan="2"></td>
+          <td colspan="2">Customer</td><td>Project</td><td>Taak</td><td>Mo</td><td>Tu</td><td>We</td><td>Th</td><td>Fr</td><td>Sa</td><td>Su</td><td colspan="3">Comment</td>
         </thead>
         <t:forEach var="preformance" in="${preformances}">
           <tr>
+            <td class="arrow"><a href="#">&gt;&gt;</a></td>
             <td>${preformance.customer}</td>
             <td>${preformance.project}</td>
-            <td><a href="#">${preformance.task}</a></td>
+            <td>${preformance.task}</td>
             <t:forEach var="day_time" in="${preformance.time}">
-              <td>${day_time}</td>
+              <td class="table_input_time" ><input type="text" value="${day_time}"/></td>
             </t:forEach>
-            <td>${preformance.comment}</td>
-            <td>copy</td>
-            <td>delete</td>
+            <td class="table_input_comment"><input type="text" value="${preformance.comment}"/></td>
+            <td class="action"><img src="${publicUri('service:/main/static/img/copy.png')}"/></td>
+            <td class="action"><img src="${publicUri('service:/main/static/img/delete.png')}"/></td>
           </tr>
         </t:forEach>

tupper/trunk/tupper-site/src/main/kauri/static/css/time.css

@@ +1 @@
+#row1{
+    height: 300px;
+    }
 thead{
     color: #1c94c4;
@@ -5 +8 @@
 
 #weeks{
-    margin:20px;
-    width: 400px;
+    float: left;
+    margin: 20px;
+    width: 300px;
     }
     
@@ -14 +18 @@
     border-style: solid;
     border-color: #cccccc;
+    padding: 2px;
+    height: 25px;
     }
 #details_week{
-    margin:20px;
-    width: 800px;
+    float: left;
+    margin: 20px;
+    width: 898px;
     }   
+
+#details_week table td{
+    text-align: center;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #cccccc;
+    padding: 2px;
+    margin:0px;
+    }
+.action{
+    width: 10px;
+    }
+
+.table_input_time{
+    width: 40px;
+    }
+
+.table_input_time input{
+    width: 20px;
+    text-align:center;
+    padding=0px;
+    }
+    
+.table_input_comment{
+    width: 250px;
+    }
+.table_input_comment input{
+    width: 240px;
+    padding:0px;
+    }
+
+.arrow{
+    width: 10px;
+    }
 
 /*pure makup -- will later be javascript*/