adding example data for pfits 18/55 and hovering over cells. Next up is clicking to change color to green and right clicking to reset to white.

src/app/calendar/calendar.component.html

@@ -0,0 +1,30 @@
+<div class="container">
+    <table class="noselect">
+        <tr>
+            <th>Week</th>
+            <th>Monday</th>
+            <th>Tuesday</th>
+            <th>Wednesday</th>
+            <th>Thursday</th>
+            <th>Friday</th>
+            <th>Saturday</th>
+            <th>Sunday</th>
+            <th>Total Milage</th>
+        </tr>
+        @for (week of examplePlan.workouts; track $index) {
+        <tr>
+            <td>
+                <div>Week {{$index + 1}}</div>
+            </td>
+            @for (day of week; track $index) {
+            <td class="hoverOverWorkout">
+                <div>{{day.type}}</div>
+                <div>{{day.totalDistance == 0 ? '' : day.totalDistance + ' miles'}}</div>
+                <div>{{day.description}}</div>
+            </td>
+            }
+            <td>43</td>
+        </tr>
+        }
+    </table>
+</div>