template selection and modification is now hot

Management.Web/Shared/Components/AssignmentForm/AssignmentDescriptionEditor.razor

@@ -1,26 +1,33 @@
 @using Markdig
 
 @inject CoursePlanner planner
+@inject AssignmentEditorContext assignmentContext
 
 @code
 {
-  @* protected override void OnInitialized()
+  protected override void OnInitialized()
   {
-    planner.StateHasChanged += reload;
+    assignmentContext.StateHasChanged += reload;
+    reload();
   }
   private void reload()
   {
+    if (assignmentContext.Assignment != null)
+    {
+      Description = assignmentContext.Assignment.Description;
+      Console.WriteLine("loaded description");
+      Console.WriteLine(Description);
+      Preview = Markdown.ToHtml(Description);
+      TemplateId = assignmentContext.Assignment.TemplateId;
+      UseTemplate = TemplateId != null && TemplateId != "";
+      VariableValues = assignmentContext.Assignment.TemplateVariables;
       this.InvokeAsync(this.StateHasChanged);
     }
+  }
   public void Dispose()
   {
-    planner.StateHasChanged -= reload;
-  } *@
-
-
-  [Parameter, EditorRequired]
-  public LocalAssignment Assignment { get; set; } = default!;
-
+    assignmentContext.StateHasChanged -= reload;
+  }
 
   public string Description { get; set; } = default!;
   public bool? UseTemplate { get; set; } = null;
@@ -29,65 +36,44 @@
 
   public Dictionary<string, string> VariableValues { get; set; } = new Dictionary<string, string>();
 
-  protected override void OnParametersSet()
-  {
-    Description = Assignment.Description;
-    Preview = Markdown.ToHtml(Assignment.Description);
-    if (currentDescription == null)
-      currentDescription = Description;
-
-    TemplateId = Assignment.TemplateId;
-    if (UseTemplate == null)
-    { 
-      UseTemplate = Assignment.TemplateId != null && Assignment.TemplateId != "";
-    }
-  }
-
   private AssignmentTemplate? selectedTemplate =>
     planner
     .LocalCourse?
     .AssignmentTemplates
-    .FirstOrDefault(t => t.Id == Assignment.TemplateId);
-  public string Preview { get; set; }
+    .FirstOrDefault(t => t.Id == TemplateId);
 
-  private void SaveAssignment(LocalAssignment newAssignment)
-  {
-    if(planner.LocalCourse != null)
-    {
-      var currentModule = planner
-         .LocalCourse
-         .Modules
-         .First(m => 
-           m.Assignments
-             .Select(a => a.Id)
-             .Contains(Assignment.Id)
-         ) ?? throw new Exception("could not find current module in assignment description form");
+  public string Preview { get; set; } = String.Empty;
 
-      var updatedModules = planner.LocalCourse.Modules.Select(m => 
-        m.Name == currentModule.Name 
-          ? currentModule with 
+  private void saveDescription(ChangeEventArgs e)
   {
-            Assignments=currentModule.Assignments.Select(a => 
-              a.Id == newAssignment.Id
-                ? newAssignment
-                : a
-            ).ToArray()
-          }
-          : m
-        ).ToArray();
-      
-      planner.LocalCourse = planner.LocalCourse with 
+    if(assignmentContext.Assignment != null)
     {
-        Modules=updatedModules
+      var newAssignment = assignmentContext.Assignment with 
+      {
+        Description = e.Value?.ToString() ?? ""
       };
+      assignmentContext.SaveAssignment(newAssignment);
     }
   }
 
-  private string? currentDescription { get; set; } = null;
-
+  private void saveTemplateId(ChangeEventArgs e)
+  {
+    if(assignmentContext.Assignment != null)
+    {
+      var newTemplateId = e.Value?.ToString();
+      var newAssignment = assignmentContext.Assignment with 
+      {
+        Description = e.Value?.ToString() ?? ""
+      };
+      assignmentContext.SaveAssignment(newAssignment);
+    }
   }
 
 
+}
+
+@if(assignmentContext.Assignment != null && planner.LocalCourse != null)
+{
   <div class="form-check form-switch">
     <input 
       class="form-check-input" 
@@ -102,8 +88,6 @@
   </div>
 
   @if (UseTemplate ?? false)
-{
-  @if (planner.LocalCourse != null)
   {
     <div class="row justify-content-around">
       <div class="col-auto text-center">
@@ -112,14 +96,8 @@
           <select 
             id="templateSelect" 
             class="form-select" 
-        @onchange="@((e) =>
-        {
-          var newTemplateId = e.Value?.ToString();
-          SaveAssignment(Assignment with 
-          {
-            TemplateId = newTemplateId
-          });
-        })"
+            @bind="TemplateId"
+            @oninput="saveTemplateId"
           >
             <option value=""></option>
             @foreach (var template in planner.LocalCourse.AssignmentTemplates)
@@ -149,10 +127,11 @@
                     var newDictionary = new Dictionary<string, string>(VariableValues);
                     newDictionary[variable] = newValue;
 
-                    SaveAssignment(Assignment with 
+                    var newAssignment = assignmentContext.Assignment with 
                     {
                       TemplateVariables = newDictionary
-                    });
+                    };
+                    assignmentContext.SaveAssignment(newAssignment);
                   })"
                 />
             </div>
@@ -160,7 +139,7 @@
         }
       </div>
     </div>
-  }
+    
   }
   else
   {
@@ -173,7 +152,6 @@ else
     </div>
     <div class="col">
       HTML Preview
-
     </div>
   </div>
     <div class="row">
@@ -182,13 +160,13 @@ else
           id="description" 
           class="form-control" 
           rows=12
-        @bind="currentDescription"
-        @oninput="@((e) => SaveAssignment(Assignment with { Description = e.Value?.ToString() ?? "" }))"
+          @bind="Description"
+          @oninput="saveDescription"
         />
       </div>
       <div class="col">
         @((MarkupString)Preview)
-
       </div>
     </div>
   }
+}

Management.Web/Shared/Components/AssignmentForm/AssignmentForm.razor

@@ -130,7 +130,7 @@
           />
         </div>
         <div class="m-1">
-          <AssignmentDescriptionEditor Assignment="assignmentContext.Assignment" />
+          <AssignmentDescriptionEditor />
         </div>
 
         <div class="form-check m-1">