Enhance layouts.

[plomtask] / templates / calendar.html

diff --git a/templates/calendar.html b/templates/calendar.html
index eae103d9929ccc061b6eff1d296ecf2767325e81..42c821ae7a31de4bce3161e945cb3ec0b7919609 100644 (file)
--- a/templates/calendar.html
+++ b/templates/calendar.html
@@ -1,24 +1,40 @@
-{% extends 'base.html' %}
+{% extends '_base.html' %}
+
+
 
 {% block css %}
 tr.week_row td {
-  height: 0.1em;
+  height: 0.3em;
   background-color: black;
   padding: 0;
   margin: 0;
+  border-top: 0.2em solid white;
 }
 tr.month_row td {
-  border: 0.1em solid black;
-  text-align: center;
+  border-top: 0.2em solid white;
+  color: white;
+  background-color: #555555;
+}
+table {
+  width: 100%;
+}
+tr.day_row td {
+  background-color: #cccccc;
+  border-top: 0.2em solid white;
 }
 td.day_name {
   padding-right: 0.5em;
 }
+td.today {
+  font-weight: bold;
+}
 {% endblock %}
 
 
 
 {% block content %}
+<h3>calendar</h3>
+
 <form action="calendar" method="GET">
 from <input name="start" value="{{start}}" />
 to <input name="end" value="{{end}}" />
@@ -29,21 +45,25 @@ to <input name="end" value="{{end}}" />
 
 {% if day.first_of_month %}
 <tr class="month_row">
-<td colspan=3>{{ day.month_name }}</td>
+<td colspan=2>{{ day.month_name }}</td>
 </tr>
 {% endif %}
 
 {% if day.weekday == "Monday" %}
 <tr class="week_row">
-<td colspan=3></td>
+<td colspan=2></td>
 </tr>
 {% endif %}
 
+<tr class="day_row">
+<td class="day_name {% if day.date == today %}today{% endif %}"><a href="day?date={{day.date}}">{{day.weekday|truncate(2,True,'',0)}} {% if day.date == today %} {% endif %}{{day.date}}</a> {{day.comment|e}}</td>
+</tr>
+
+{% for todo in day.calendarized_todos %}
 <tr>
-<td class="day_name">{{day.weekday|truncate(2,True,'',0)}}</td>
-<td><a href="day?date={{day.date}}">{{day.date}}</a></td>
-<td>{{day.comment|e}}</td>
+<td>[{% if todo.is_done %}X{% else %} {% endif %}] <a href="todo?id={{todo.id_}}">{{todo.title_then|e}}</a>{% if todo.comment %} · {{todo.comment|e}}{% endif %}</td>
 </tr>
+{% endfor %}
 
 {% endfor %}
 </table>