built ui for default due time

Management.Web/Pages/Index.razor

@@ -55,10 +55,8 @@ protected override void OnInitialized()
       </button>
     </div>
 
-    <div class="row justify-content-center">
-      <div class="col-auto border rounded bg-light p-3">
-        <InitializeYamlFromCanvas />
-      </div>
+    <div class="border rounded bg-dark-subtle p-3 my-3">
+      <InitializeYamlFromCanvas />
     </div>
   }
 }
@@ -75,3 +73,4 @@ protected override void OnInitialized()
   </div>
   <CourseDetails />
 }
+<br>

Management.Web/Program.cs

@@ -5,6 +5,7 @@ global using CanvasModel.EnrollmentTerms;
 global using CanvasModel.Courses;
 global using CanvasModel;
 global using LocalModels;
+global using Management.Web.Shared.Components;
 global using Management.Web.Shared.Course;
 
 using Microsoft.AspNetCore.Components;

Management.Web/Shared/Components/TimePicker.razor

@@ -0,0 +1,120 @@
+
+@code {
+  [Parameter]
+  [EditorRequired]
+  public SimpleTimeOnly Time { get; set; } = default!;
+
+  [Parameter]
+  [EditorRequired]
+  public Action<SimpleTimeOnly> UpdateTime { get; set; }= default!;
+
+  private string AmPm
+  {
+    get => Time.Hour < 12 ? "AM" : "PM";
+  }
+  private int AdjustedHour
+  {
+    get => convert24to12Hour(Time.Hour);
+  }
+  private int convert24to12Hour(int hour)
+  {
+    if (hour == 0)
+    {
+      // 12 AM
+      return 12;
+    }
+    else if (hour <= 12)
+    {
+      // AM hours
+      return hour;
+    }
+    else
+    {
+      // PM hours
+      return hour - 12;
+    }
+  }
+  private int convert12To24Hour(int hour, string? amPm)
+  {
+    if (amPm == null) return -1;
+    if (amPm.ToUpper() == "PM" && hour < 12)
+    {
+      return hour + 12;
+    }
+    else if (amPm.ToUpper() == "AM" && hour == 12)
+    {
+      return 0;
+    }
+    else
+    {
+      return hour;
+    }
+  }
+}
+<div>
+<select 
+  @onchange="async (e) => 
+    UpdateTime(
+      new SimpleTimeOnly
+      {
+        Hour=convert24to12Hour(Convert.ToInt32(e.Value)),
+        Minute=Time.Minute
+      }
+    )" 
+  class="form-control w-auto d-inline"
+>
+  @foreach (var hour in Enumerable.Range(1, 12))
+  {
+    <option 
+      value="@hour" 
+      selected="@(hour == Time.Hour)"
+    >
+      @hour.ToString("00")
+    </option>
+  }
+</select>
+<span class="pl-0">:</span>
+<select 
+  @onchange="async (e) => 
+    UpdateTime(
+      new SimpleTimeOnly
+      {
+        Hour=AdjustedHour,
+        Minute=Convert.ToInt32(e.Value)
+      }
+    )"
+  class="form-control w-auto d-inline"
+>
+  @foreach (var minute in new int[] {0, 15, 30, 45, 59})
+  {
+    <option 
+      value="@minute" 
+      selected="@(minute == Time.Minute)"
+    >
+      @(minute.ToString("00"))
+    </option>
+  }
+</select>
+
+<select 
+  @onchange="(e) => 
+    UpdateTime(
+      new SimpleTimeOnly
+      {
+        Hour=convert12To24Hour(Time.Hour, e.Value?.ToString()),
+        Minute=Time.Minute
+      }
+    )"
+  class="form-control w-auto d-inline"
+>
+  @foreach (var amPm in new string[] {"AM", "PM"})
+  {
+    <option 
+      value="@amPm" 
+      selected="@(amPm == AmPm)"
+    >
+      @amPm
+    </option>
+  }
+</select>
+</div>

Management.Web/Shared/Course/CourseDetails.razor

@@ -40,17 +40,20 @@ else
 
 
 <div class="row">
-  <div class="col">
+  <div class="col overflow-y-auto border rounded " style="max-height: 95vh;">
     @if (planner.LocalCourse != null)
     {
-      @foreach (var month in SemesterPlanner.GetMonthsBetweenDates(planner.LocalCourse.StartDate, planner.LocalCourse.EndDate))
-      {
-        <MonthDetail Month="month" />
-        <hr />
-      }
+      <div class="py-2">
+
+        @foreach (var month in SemesterPlanner.GetMonthsBetweenDates(planner.LocalCourse.StartDate, planner.LocalCourse.EndDate))
+        {
+          <MonthDetail Month="month" />
+          <hr />
+        }
+      </div>
     }
   </div>
-  <div class="col-4">
+  <div class="col-4  overflow-y-auto" style="max-height: 95vh;">
     <Modules />
   </div>
 </div>

Management.Web/Shared/Course/CourseSettings.razor

@@ -1,3 +1,4 @@
+@using Management.Web.Shared.Components
 @inject CanvasService canvas
 @inject CoursePlanner planner
 
@@ -85,11 +86,11 @@
 @if (terms != null)
 {
   <div class="row justify-content-center">
-  <div class="col-auto">
-    <form>
-      <lablel for="termselect">Select Term for Start and End Date:</lablel>
-      <select id="termselect" class="form-select" @bind="selectedTermId">
-        @foreach (var term in terms)
+    <div class="col-auto">
+      <form>
+        <lablel for="termselect">Select Term for Start and End Date:</lablel>
+        <select id="termselect" class="form-select" @bind="selectedTermId">
+          @foreach (var term in terms)
           {
             <option value="@term.Id">@term.Name</option>
           }
@@ -97,4 +98,24 @@
       </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.DefaultDueTime"
+        UpdateTime="@((newTime) => 
+          planner.LocalCourse = 
+            planner.LocalCourse with 
+            { DefaultDueTime=newTime }
+        )"
+      />
+    </div>
+  </div>
+}
+
+<br>

Management.Web/Shared/InitializeYamlFromCanvas.razor

@@ -20,10 +20,8 @@
     set 
     {
       _selectedTermId = value;
+      this.InvokeAsync(updateCourses);
       @* updateCourses(); *@
-      var task = Task.Run(async () => await updateCourses());
-      task.Wait();
-      StateHasChanged();
     } 
   }
   private EnrollmentTermModel? selectedTerm

Management.Web/Shared/Module/ModuleDetail.razor

@@ -45,8 +45,8 @@
   <div 
     id="@accordionId" 
     class="accordion-collapse collapse" 
-    data-bs-parent="#modulesAccordion"
   >
+    @* data-bs-parent="#modulesAccordion" include to limit expanded sections *@
     <div class="accordion-body pt-1">
 
       <div class="row m-1">

Management.Web/Shared/Semester/AssignmentInDay.razor

@@ -0,0 +1,64 @@
+
+@inject AssignmentDragContainer dragContainer
+@inject CoursePlanner planner
+
+@code {
+  [Parameter]
+  [EditorRequired]
+  public LocalAssignment Assignment { get; set; } = new();
+
+  private void HandleDragStart()
+  {
+    dragContainer.DropCallback = (DateTime dropDate) => {
+      var module = planner
+        .LocalCourse?
+        .Modules
+        .First(m => 
+          m.Assignments
+            .Select(a => a.id)
+            .Contains(Assignment.id)
+        );
+      if (module == null)
+      {
+        Console.WriteLine("module is null");
+        return;
+      }
+      if (planner.LocalCourse != null)
+      {
+        var newCourse = planner.LocalCourse with 
+        {
+          Modules = planner.LocalCourse.Modules.Select(m => 
+            m.Name != module.Name
+              ? m
+              : m with 
+              {
+                Assignments = module.Assignments.Select(a => 
+                  a.id != Assignment.id
+                  ? a
+                  : a with 
+                  {
+                    due_at=dropDate
+                  }
+                )
+              }
+          )
+        };
+        planner.LocalCourse = newCourse;
+      }
+    };
+  }
+
+  private void HandleDragEnd()
+  {
+    dragContainer.DropCallback = null;
+  }
+}
+
+<div
+  draggable="true"
+  @ondragstart="HandleDragStart"
+  @ondragend="HandleDragEnd"
+  role="button"
+>
+  @Assignment.name
+</div>

Management.Web/Shared/Semester/Day.razor

@@ -56,7 +56,9 @@
             && date < planner.LocalCourse.EndDate 
             && date > planner.LocalCourse.StartDate;
         
-        var totalClasses = dayInSemester ? $"bg-light-subtle text-light " + baseClasses : baseClasses;
+        var totalClasses = dayInSemester 
+          ? "bg-light-subtle text-light " + baseClasses 
+          : " " + baseClasses;
 
         return totalClasses;
       }
@@ -97,10 +99,10 @@
   ondragover="event.preventDefault();"
 >
   @(isWeekDay ? date?.Day : "")
-  <ul class="m-0 ps-3">
+  <div class="m-0 ps-3">
   @foreach (var assignment in TodaysAssignments)
   {
-    <li>@assignment.name</li>
+    <AssignmentInDay Assignment="assignment" />
   }
-  </ul>
+  </div>
 </div>

Management.Web/Shared/Semester/MonthDetail.razor

@@ -35,20 +35,6 @@
   <div class="row m-3">
   @foreach (var day in week)
     {
-
-      @* var baseClasses = "col border rounded rounded-3 pb-5 m-1";
-      DayOfWeek? weekDay = day?.DayOfWeek;
-      if (weekDay != null)
-      {
-        DayOfWeek notNullDay = weekDay ?? default;
-        var dayInSemester = Semester.Days.Contains(notNullDay) && day < Semester.LastDay && day > Semester.FirstDay;
-        var totalClasses = dayInSemester ? $"bg-light {baseClasses}" : baseClasses;
-        <div class="@totalClasses">@day?.Day</div>
-      }
-      else
-      {
-        <div class="@baseClasses"></div>
-      } *@
       <Day date="day"></Day>
     }
   </div>

Management/Models/Local/LocalCourse.cs

@@ -8,4 +8,11 @@ public record LocalCourse
   public ulong? CanvasId { get; init; }
   public DateTime StartDate { get; init; }
   public DateTime EndDate { get; init; }
+  public SimpleTimeOnly DefaultDueTime { get; init; } = new SimpleTimeOnly();
+}
+
+public record SimpleTimeOnly
+{
+  public int Hour { get; init; } = 1;
+  public int Minute { get; init; } = 0;
 }