can select course from existing file

Management.Web/Pages/Calendar.razor

@@ -1,35 +0,0 @@
-@page "/calendar"
-@using CanvasModel.EnrollmentTerms
-@using Management.Web.Shared.Module
-@using Management.Web.Shared.Semester
-
-@inject CoursePlanner configurationManagement
-
-@code
-{
-  private SemesterPlanner? semester { get; set; }
-  protected override void OnParametersSet()
-  {
-    if (configurationManagement.SemesterCalendar != null)
-      semester = new SemesterPlanner(configurationManagement.SemesterCalendar);
-  }
-
-}
-<br>
-
-<div class="row">
-  <div class="col">
-    
-    @if (semester != null)
-    {
-      @foreach (var month in semester.Months)
-      {
-        <MonthDetail Month="month" Semester="semester" />
-        <hr />
-      }
-    }
-  </div>
-  <div class="col">
-    <Modules />
-  </div>
-</div>

Management.Web/Pages/Index.razor

@@ -12,9 +12,59 @@
 
 @code
 {
+  private bool showNewFile { get; set; } = false;
+  protected override void OnInitialized()
+  {
+    planner.StateHasChanged += () => this.InvokeAsync(this.StateHasChanged);
+  }
+
 }
 <PageTitle>Index</PageTitle>
 
-<CurrentFiles />
+@if(planner.LocalCourse == null)
+{
+  <CurrentFiles />
+  @if(!showNewFile)
+  {
+    <div class="text-center">
+      <button
+        @onclick="@(()=>showNewFile = true)"
+        class="btn btn-primary"
+      >
+        Create New File
+      </button>
+    </div>
+  }
 
-<InitializeYamlFromCanvas />
+  @if(showNewFile)
+  {
+    <div class="text-center">
+      <button
+        @onclick="@(()=>showNewFile = false)"
+        class="btn btn-primary"
+      >
+        Hide File Initialization
+      </button>
+    </div>
+
+    <div class="row justify-content-center">
+      <div class="col-auto border rounded bg-light p-3">
+        <InitializeYamlFromCanvas />
+      </div>
+    </div>
+  }
+}
+
+@if(planner.LocalCourse != null)
+{
+  
+    <div class="">
+      <button
+        @onclick="@(() => planner.LocalCourse = default)"
+        class="btn btn-primary"
+      >
+        Select New Course
+      </button>
+    </div>
+  <Calendar />
+}