Refactoring data model

src/app/calendar/calendar.component.html

@@ -11,16 +11,16 @@
             <th>Sunday</th>
             <th>Total Milage</th>
         </tr>
-        @for (week of examplePlan.workouts; track $index) {
+        @for (planWeek of examplePlan.planDetials; track $index) {
         <tr>
             <td>
-                <div>Week {{$index + 1}}</div>
+                <div>Week {{planWeek.week}}</div>
             </td>
-            @for (day of week; track $index) {
+            @for (workout of planWeek.workouts; track $index) {
             <td class="hoverOverWorkout">
-                <div>{{day.type}}</div>
-                <div>{{day.totalDistance == 0 ? '' : day.totalDistance + ' miles'}}</div>
-                <div>{{day.description}}</div>
+                <div>{{workout.type}}</div>
+                <div>{{workout.totalDistance == 0 ? '' : workout.totalDistance + ' miles'}}</div>
+                <div>{{workout.description}}</div>
             </td>
             }
             <td>43</td>