updated assignment form to be markdown

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

@@ -1,85 +0,0 @@
-@using Markdig
-
-@inject CoursePlanner planner
-@inject AssignmentEditorContext assignmentContext
-
-@code
-{
-  protected override void OnInitialized()
-  {
-    assignmentContext.StateHasChanged += reload;
-    reload();
-  }
-  private void reload()
-  {
-    if (assignmentContext.Assignment != null)
-    {
-      if(description == string.Empty)
-      {
-        description = assignmentContext.Assignment.Description;
-        descriptionForPreview = description;
-        this.InvokeAsync(this.StateHasChanged);
-      }
-    }
-  }
-  public void Dispose()
-  {
-    assignmentContext.StateHasChanged -= reload;
-  }
-
-  private string description { get; set; } = string.Empty;
-  private string descriptionForPreview { get; set; } = string.Empty;
-  public bool? UseTemplate { get; set; } = null;
-
-  public string? TemplateId { get; set; }
-
-  public Dictionary<string, string> VariableValues { get; set; } = new Dictionary<string, string>();
-
-  private AssignmentTemplate? selectedTemplate =>
-    planner
-    .LocalCourse?
-    .Settings
-    .AssignmentTemplates
-    .FirstOrDefault(t => t.Id == TemplateId);
-
-  private void handleNewDescription(string newDescription)
-  {
-    description = newDescription;
-    if (newDescription != string.Empty)
-    {
-      descriptionForPreview = newDescription;
-      if (assignmentContext.Assignment != null)
-      {
-        var newAssignment = assignmentContext.Assignment with
-        {
-          Description = newDescription
-        };
-        assignmentContext.SaveAssignment(newAssignment);
-      }
-    }
-    StateHasChanged();
-  }
-
-  private MarkupString preview { get => (MarkupString)Markdown.ToHtml(descriptionForPreview); }
-
-}
-
-@if(assignmentContext.Assignment != null && planner.LocalCourse != null)
-{
-  <div class="row h-100">
-    <div class="col-6">
-      @* <textarea 
-        id="description" 
-        class="form-control h-100" 
-        rows=12
-        @bind="description"
-        @oninput="handleNewDescription"
-      /> *@
-
-      <MonacoTextArea Value="@description" OnChange="@handleNewDescription" />
-    </div>
-    <div class="col-6" @key="descriptionForPreview" >
-      @((MarkupString)Markdown.ToHtml(descriptionForPreview))
-    </div>
-  </div>
-}

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

@@ -182,16 +182,16 @@
           SelectedOption="selectedAssignmentGroup" 
         />
       <div class="m-1 flex-grow-1">
-        <AssignmentDescriptionEditor />
+        <AssignmentMarkdownEditor />
       </div>
 
-      <div class="container">
+      @* <div class="container">
         <RubricMarkdownEditor />
         <hr>
         <div class="mx-5 px-5">
           <SubmissionTypeSelector />
         </div>
-      </div>
+      </div> *@
     }
   </div>
 

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

@@ -0,0 +1,123 @@
+@using Markdig
+
+@inject CoursePlanner planner
+@inject AssignmentEditorContext assignmentContext
+
+@code
+{
+  protected override void OnInitialized()
+  {
+    assignmentContext.StateHasChanged += reload;
+    reload();
+  }
+  private void reload()
+  {
+    if (assignmentContext.Assignment != null)
+    {
+      if(rawText == string.Empty)
+      {
+        rawText = assignmentContext.Assignment.ToMarkdown();
+        this.InvokeAsync(this.StateHasChanged);
+      }
+    }
+  }
+  public void Dispose()
+  {
+    assignmentContext.StateHasChanged -= reload;
+  }
+
+  private string rawText { get; set; } = string.Empty;
+  private string? error = null;
+  public bool? UseTemplate { get; set; } = null;
+
+  public string? TemplateId { get; set; }
+
+  public Dictionary<string, string> VariableValues { get; set; } = new Dictionary<string, string>();
+
+  private AssignmentTemplate? selectedTemplate =>
+    planner
+    .LocalCourse?
+    .Settings
+    .AssignmentTemplates
+    .FirstOrDefault(t => t.Id == TemplateId);
+
+  private void handleChange(string newRawAssignment)
+  {
+    rawText = newRawAssignment;
+    if (newRawAssignment != string.Empty)
+    {
+      try 
+      {
+        var parsed = LocalAssignment.ParseMarkdown(newRawAssignment);
+        error = null;
+        assignmentContext.SaveAssignment(parsed);
+      }
+      catch(AssignmentMarkdownParseException e)
+      {
+        error = e.Message;
+      }
+      catch(RubricMarkdownParseException e)
+      {
+        error = e.Message;
+      }
+      finally
+      {
+        StateHasChanged();
+      }
+
+      @* if (assignmentContext.Assignment != null)
+      {
+        var newAssignment = assignmentContext.Assignment with
+        {
+          Description = newRawAssignment
+        };
+        assignmentContext.SaveAssignment(newAssignment);
+      } *@
+    }
+    StateHasChanged();
+  }
+
+  private MarkupString preview { get => (MarkupString)Markdown.ToHtml(assignmentContext.Assignment.Description); }
+
+}
+
+@if(assignmentContext.Assignment != null && planner.LocalCourse != null)
+{
+  <div class="row h-100">
+    <div class="col-6">
+      @* <textarea 
+        id="description" 
+        class="form-control h-100" 
+        rows=12
+        @bind="description"
+        @oninput="handleNewDescription"
+      /> *@
+
+      <MonacoTextArea Value="@rawText" OnChange="@handleChange" />
+    </div>
+    <div class="col-6">
+      @if (error != null)
+      {
+        <p class="text-danger text-truncate">Error: @error</p>
+      }
+
+      
+      <div>Due At: @assignmentContext.Assignment.DueAt</div>
+      <div>Lock At: @assignmentContext.Assignment.LockAt</div>
+      <div>Assignment Group Name @assignmentContext.Assignment.LocalAssignmentGroupName</div>
+      <div>Submission Types</div>
+      <ul>
+        @foreach(var t in assignmentContext.Assignment.SubmissionTypes)
+        {
+          <li>@t</li>
+        }
+      </ul>
+      <hr>
+      <div>
+        @(preview)
+      </div>
+      <hr>
+        <RubricDisplay />
+    </div>
+  </div>
+}

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

@@ -0,0 +1,62 @@
+@using Management.Web.Shared.Components
+
+@inject CoursePlanner planner
+@inject AssignmentEditorContext assignmentContext
+
+@code
+{
+  private int rubricReloadKey = 0;
+
+  private string? error { get; set; } = null;
+
+  protected override void OnInitialized()
+  {
+    assignmentContext.StateHasChanged += reload;
+    reload();
+  }
+  private void reload()
+  {
+    this.InvokeAsync(this.StateHasChanged);
+  }
+
+  public void Dispose()
+  {
+    assignmentContext.StateHasChanged -= reload;
+  }
+
+  private int requiredPoints => assignmentContext.Assignment.Rubric.Where(r => !r.IsExtraCredit).Select(r => r.Points).Sum();
+  private int extraCreditPoints => assignmentContext.Assignment.Rubric.Where(r => r.IsExtraCredit).Select(r => r.Points).Sum();
+}
+
+<div class="row">
+  <h4 class="text-center">Rubric</h4>
+</div>
+
+@if (error != null)
+{
+  <p class="text-danger text-truncate">Error: @error</p>
+}
+
+<div class="row border-bottom">
+  <div class="col-6 text-end">Label</div>
+  <div class="col-3 text-center">Points</div>
+  <div class="col-3 text-center">Extra Credit</div>
+</div>
+@foreach (var item in assignmentContext.Assignment.Rubric)
+{
+  <div class="row border-bottom">
+    <div class="col-6 text-end">@item.Label</div>
+    <div class="col-3 text-center">@item.Points</div>
+    <div class="col-3 text-center">@item.IsExtraCredit</div>
+  </div>
+}
+<div class="text-end">
+  <div>
+    Required Points: @requiredPoints
+  </div>
+  <div>
+    Extra Credit Points @extraCreditPoints
+  </div>
+</div>
+
+

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

@@ -1,109 +0,0 @@
-@using Management.Web.Shared.Components
-
-@inject CoursePlanner planner
-@inject AssignmentEditorContext assignmentContext
-
-@code
-{
-  private IEnumerable<RubricItem> displayRubric { get; set; } = new RubricItem[] { };
-  private string _rubricText = "";
-  private string rubricText
-  {
-    get => _rubricText;
-    set
-    {
-      _rubricText = value;
-
-      try
-      {
-        var parsedRubric = LocalAssignment.ParseRubricMarkdown(value);
-        displayRubric = parsedRubric;
-        error = null;
-        if (assignmentContext.Assignment != null)
-        {
-          var newAssignment = assignmentContext.Assignment with
-            {
-              Rubric = parsedRubric,
-            };
-          assignmentContext.SaveAssignment(newAssignment);
-        }
-      }
-      catch (RubricMarkdownParseException parseError)
-      {
-        error = parseError.Message;
-      }
-
-      StateHasChanged();
-    }
-  }
-  private int rubricReloadKey = 0;
-
-  private string? error { get; set; } = null;
-
-  protected override void OnInitialized()
-  {
-    assignmentContext.StateHasChanged += reload;
-    reload();
-  }
-  private void reload()
-  {
-    if (assignmentContext.Assignment != null)
-    {
-      if (rubricText == string.Empty)
-      {
-        rubricText = assignmentContext.Assignment.RubricToMarkdown();
-      }
-    }
-    this.InvokeAsync(this.StateHasChanged);
-  }
-
-  public void Dispose()
-  {
-    assignmentContext.StateHasChanged -= reload;
-  }
-
-  private int requiredPoints => displayRubric.Where(r => !r.IsExtraCredit).Select(r => r.Points).Sum();
-  private int extraCreditPoints => displayRubric.Where(r => r.IsExtraCredit).Select(r => r.Points).Sum();
-}
-
-<br>
-<div class="row">
-  <h4 class="text-center">Rubric</h4>
-</div>
-
-<div class="row">
-  <div class="col-6">
-    @* <textarea id="description" class="form-control h-100" rows=12 @bind="rubricText" @bind:event="oninput" /> *@
-    <MonacoTextArea Value="@rubricText" OnChange="@((t) => rubricText = t)" />
-  </div>
-  <div class="col-6">
-    @if (error != null)
-    {
-      <p class="text-danger text-truncate">Error: @error</p>
-    }
-
-    <div class="row border-bottom">
-      <div class="col-6 text-end">Label</div>
-      <div class="col-3 text-center">Points</div>
-      <div class="col-3 text-center">Extra Credit</div>
-    </div>
-    @foreach (var item in displayRubric)
-    {
-      <div class="row border-bottom">
-        <div class="col-6 text-end">@item.Label</div>
-        <div class="col-3 text-center">@item.Points</div>
-        <div class="col-3 text-center">@item.IsExtraCredit</div>
-      </div>
-    }
-    <div class="text-end">
-      <div>
-        Required Points: @requiredPoints
-      </div>
-      <div>
-        Extra Credit Points @extraCreditPoints
-      </div>
-    </div>
-  </div>
-</div>
-
-