restructured components so that there are more components in the pages

2026-03-26 07:38:33 -06:00 · 2024-01-11 17:28:14 -07:00
parent 4fb5d9a25d
commit 5666d3dc85
22 changed files with 110 additions and 85 deletions
--- a/Management.Web/Pages/Course/CourseSettings.razor
+++ b/Management.Web/Pages/Course/CourseSettings.razor
@@ -0,0 +1,166 @@
+@using Management.Web.Shared.Components
+@inject CanvasService canvas
+@inject CoursePlanner planner
+
+@code
+{
+  private Modal modal { get; set; } = default!;
+  protected override void OnInitialized()
+  {
+    planner.StateHasChanged += reload;
+  }
+  private void reload()
+  {
+    this.InvokeAsync(this.StateHasChanged);
+  }
+  public void Dispose()
+  {
+    planner.StateHasChanged -= reload;
+  }
+  private IEnumerable<EnrollmentTermModel>? terms { get; set; } = null;
+  private ulong? _selectedTermId {get; set;}
+  private ulong? selectedTermId { 
+    get => _selectedTermId; 
+    set
+    {
+      _selectedTermId = value;
+      if(selectedTerm != null && planner.LocalCourse != null)
+      {
+        planner.LocalCourse = planner.LocalCourse with 
+        {
+          Settings = planner.LocalCourse.Settings with 
+          {
+            StartDate=selectedTerm.StartAt ?? new DateTime(),
+            EndDate=selectedTerm.EndAt ?? new DateTime(),
+          }
+        };
+      }
+    } 
+  }
+  private EnrollmentTermModel? selectedTerm
+  {
+    get => terms?.FirstOrDefault(t => t.Id == selectedTermId);
+  }
+  private bool loading = false;
+  protected override async Task OnAfterRenderAsync(bool firstRender)
+  {
+    if (firstRender)
+    {
+      if(planner.LocalCourse != null && planner.LocalCourse.Settings.CanvasId != null)
+      {
+        loading = true;
+        ulong id = planner.LocalCourse?.Settings.CanvasId ?? throw new Exception("wtf how did i get here");
+        var canvasCourse = await canvas.GetCourse(id);
+        terms = await canvas.GetCurrentTermsFor(canvasCourse.StartAt);
+        loading = false;
+      }
+    }
+  }
+
+}
+
+<button 
+  class="btn btn-outline-secondary" 
+  @onclick="@(() => modal.Show())"
+>
+  Edit Course Settings
+</button>
+
+<Modal @ref="modal">
+  <Title>
+    <h1>Course Settings</h1>
+  </Title>
+  <Body>
+    
+    <h5 class="text-center">Select Days Of Week</h5>
+    <div class="row m-3">
+    @foreach (DayOfWeek day in (DayOfWeek[])Enum.GetValues(typeof(DayOfWeek)))
+      {
+        <div class="col">
+          <button
+            class="@(
+              planner.LocalCourse?.Settings.DaysOfWeek.Contains(day) ?? false
+                ? "btn btn-secondary" 
+                : "btn btn-outline-secondary"
+            )" 
+            @onclick="() => 
+            {
+              if(planner.LocalCourse?.Settings.DaysOfWeek.Contains(day) ?? false)
+              {
+                planner.LocalCourse = planner.LocalCourse with 
+                {
+                  Settings = planner.LocalCourse.Settings with 
+                  {
+                    DaysOfWeek = planner.LocalCourse.Settings.DaysOfWeek.Where((d) => d != day)
+                  }
+                };
+              }
+              else
+              {
+                if (planner.LocalCourse != null)
+                {
+                  planner.LocalCourse = planner.LocalCourse with 
+                  {
+                    Settings = planner.LocalCourse.Settings with 
+                    {
+                      DaysOfWeek = planner.LocalCourse.Settings.DaysOfWeek.Append(day)
+                    }
+                  };
+                }
+              }
+            }" 
+          >
+            @day
+          </button>
+        </div>
+      }
+    </div>
+
+    @if(loading)
+    {
+      <Spinner />
+    }
+
+    @if (terms != null)
+    {
+      <div class="row justify-content-center">
+        <div class="col-auto">
+          <form @onsubmit:preventDefault="true">
+            <label for="termselect">Select Term for Start and End Date:</label>
+            <select id="termselect" class="form-select" @bind="selectedTermId">
+              @foreach (var term in terms)
+              {
+                <option value="@term.Id">@term.Name</option>
+              }
+            </select>
+          </form>
+        </div>
+      </div>
+    }
+
+      
+    @if(planner.LocalCourse != null)
+    {
+      <div class="row justify-content-center m-3 text-center">
+        <div class="col-auto">
+          <div>Default Assignment Due Time</div>
+          <TimePicker Time="planner.LocalCourse.Settings.DefaultDueTime" UpdateTime="@((newTime) => 
+              planner.LocalCourse = 
+                planner.LocalCourse with 
+                { Settings = planner.LocalCourse.Settings with { DefaultDueTime=newTime } }
+            )"
+          />
+        </div>
+      </div>
+    }
+    <AssignmentGroups />
+  </Body>
+  <Footer>
+    <button 
+      class="btn btn-outline-secondary" 
+      @onclick="@(() => modal.Hide())"
+    >
+      Done Editing Course Settings
+    </button>
+  </Footer>
+</Modal>