Date range selection on session view

rowers/templates/plannedsessions.html

@@ -6,17 +6,40 @@
 {% block content %}
 <div class="grid_12 alpha">
   {% include "planningbuttons.html" %}
-
 </div>
-<div id="left" class="grid_6 alpha">
-<p>Placeholder text</p>
+<div class="grid_6 alpha">
+  <h1>Plan for {{ rower.user.first_name }} {{ rower.user.last_name }}</h1>
 </div>
-<div id="right" class="grid_6 omega">
-  <h1>Plan</h1>
+<div id="timeperiod" class="grid_2 dropdown">
+  <button class="grid_2 alpha button gray small dropbtn">Time Period</button>
+  <div class="dropdown-content">
+    <a class="button gray small alpha"
+       href="/rowers/sessions/today/rower/{{ rower.id }}">
+      Today
+    </a>
+    <a class="button gray small alpha"
+       href="/rowers/sessions/thisweek/rower/{{ rower.id }}">
+      This Week
+    </a>
+    <a class="button gray small alpha"
+       href="/rowers/sessions/thismonth/rower/{{ rower.id }}">
+      This Month
+    </a>
+    <a class="button gray small alpha"
+       href="/rowers/sessions/lastweek/rower/{{ rower.id }}">
+      Last Week
+    </a>
+    <a class="button gray small alpha"
+       href="/rowers/sessions/lastmonth/rower/{{ rower.id }}">
+      Last Month
+    </a>
+  </div>
+</div>
+<div class="grid_12 alpha">
   <p>
     Click on session name to view
   </p>
-  <table class="listtable shortpadded">
+  <table width="80%" class="listtable shortpadded">
     <thead>
       <tr>
         <th>After</th>
@@ -24,6 +47,9 @@
         <th>Name</th>
         <th>Value</th>
         <th>&nbsp;</th>
+        <th>Type</th>
+        <th>Done</th>
+        <th>
       </tr>
     </thead>
     <tbody>
@@ -42,6 +68,7 @@
         </td>
         <td> {{ ps.sessionvalue }} </td>
         <td> {{ ps.sessionunit }} </td>
+        <td> {{ ps.sessiontype }} </td>
       </tr>
       {% endfor %}
     </tbody>