From 4de612254948b1d05c3bd1da72690123aef96f25 Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Sat, 12 Aug 2023 10:03:48 -0600
Subject: [PATCH] updated quiz form edtor

---
 .../Components/Quiz/EditableQuizAnswer.razor  |  88 ++++++++++
 .../Shared/Components/Quiz/QuizForm.razor     | 120 ++++++++++++-
 .../Components/Quiz/QuizQuestionForm.razor    | 157 ++++++++++++++++++
 .../Configuration/QuizEditorContext.cs        |   1 +
 Management/Models/Local/LocalAssignment.cs    |  20 +--
 Management/Models/Local/LocalQuiz.cs          |  10 +-
 Management/Models/Local/LocalQuizQuestion.cs  |  28 ++++
 .../Models/Local/LocalQuizQuestionAnswer.cs   |  10 ++
 Management/Services/YamlManager.cs            |   2 +-
 9 files changed, 421 insertions(+), 15 deletions(-)
 create mode 100644 Management.Web/Shared/Components/Quiz/EditableQuizAnswer.razor
 create mode 100644 Management.Web/Shared/Components/Quiz/QuizQuestionForm.razor
 create mode 100644 Management/Models/Local/LocalQuizQuestion.cs
 create mode 100644 Management/Models/Local/LocalQuizQuestionAnswer.cs

diff --git a/Management.Web/Shared/Components/Quiz/EditableQuizAnswer.razor b/Management.Web/Shared/Components/Quiz/EditableQuizAnswer.razor
new file mode 100644
index 0000000..990d127
--- /dev/null
+++ b/Management.Web/Shared/Components/Quiz/EditableQuizAnswer.razor
@@ -0,0 +1,88 @@
+
+
+@code {
+  [Parameter, EditorRequired]
+  public LocalQuizQuestionAnswer Answer { get; set; } = default!;
+  [Parameter, EditorRequired]
+  public LocalQuizQuestion Question { get; set; } = default!;
+
+  [Parameter, EditorRequired]
+  public Action<LocalQuizQuestionAnswer> SaveAnswer { get; set; } = (_) => {};
+
+  private string _text { get; set; } = string.Empty;
+  private string text 
+  { 
+    get => _text;
+    set
+    {
+      _text = value;
+      SaveAnswer(Answer with { Text = _text });
+    }
+  }
+
+  protected override void OnParametersSet()
+  {
+    if(_text == string.Empty)
+      _text = Answer.Text;
+    base.OnParametersSet();
+  }
+
+  private void handleOneAnswerChange()
+  {
+    SaveAnswer(Answer with {Correct = !Answer.Correct});
+  }
+}
+
+
+<div class="row">
+  <div class="col-auto my-auto">
+    @if(Question.QuestionType == QuestionType.MULTIPLE_ANSWERS)
+    {
+      <div class="form-check form-switch">
+        <input 
+          class="form-check-input" 
+          type="checkbox"
+          role="switch" 
+          id="@("answer_" + Answer.Id)"
+          checked="@Answer.Correct"
+          @onchange="@(() => handleOneAnswerChange())"
+        >
+        <label 
+          class="form-check-label" 
+          for="@("answer_" + Answer.Id)"
+        >
+          Is Correct
+        </label>
+      </div>
+    }
+    @if(Question.QuestionType == QuestionType.MULTIPLE_CHOICE)
+    {
+      <div class="form-check">
+        <input 
+          class="form-check-input" 
+          type="radio" 
+          name="@("correct_answer_" + Question.Id)"
+          id="@("answer_" + Answer.Id)"
+          checked="@Answer.Correct"
+
+          @onchange="@(() => handleOneAnswerChange())"
+        >
+        <label
+          class="form-check-label" 
+          for="@("answer_" + Answer.Id)"
+        >
+          Is Correct
+        </label>
+      </div>
+    }
+  </div>
+  <div class="col">
+    <div class="m-1">
+      <textarea 
+        class="form-control"
+        @bind="text"
+        @bind:event="oninput"
+      />
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/Management.Web/Shared/Components/Quiz/QuizForm.razor b/Management.Web/Shared/Components/Quiz/QuizForm.razor
index d6f0e90..1906dfc 100644
--- a/Management.Web/Shared/Components/Quiz/QuizForm.razor
+++ b/Management.Web/Shared/Components/Quiz/QuizForm.razor
@@ -3,6 +3,8 @@
 
 @code {
   private Modal? modal { get; set; }
+  private string name { get; set; } = "";
+  private string description { get; set; } = "";
 
   protected override void OnInitialized()
   {
@@ -12,7 +14,9 @@
   {
     if (quizContext.Quiz != null)
     {
-      //initialize
+      name = quizContext.Quiz.Name;
+      description = quizContext.Quiz.Description;
+
       modal?.Show();
       this.InvokeAsync(this.StateHasChanged);
     }
@@ -21,6 +25,76 @@
   {
     quizContext.StateHasChanged -= reload;
   }
+
+  private void addQuestion()
+  {
+    if(quizContext.Quiz != null)
+    {
+      var newQuestion = new LocalQuizQuestion
+      {
+        Id = Guid.NewGuid().ToString()
+      };
+      var newQuiz = quizContext.Quiz with
+      {
+        Questions = quizContext.Quiz.Questions.Append(newQuestion).ToArray()
+      };
+      quizContext.SaveQuiz(newQuiz);
+    }
+  }
+
+  private void removeQuestion()
+  {
+    if(quizContext.Quiz != null)
+    {
+      var newQuestion = new LocalQuizQuestion();
+      var newQuiz = quizContext.Quiz with
+      {
+        Questions = quizContext.Quiz.Questions.Take(quizContext.Quiz.Questions.Count() - 1)
+      };
+      quizContext.SaveQuiz(newQuiz);
+    }
+  }
+
+  private void updateQuestion(LocalQuizQuestion updatedQuestion)
+  {
+    if(quizContext.Quiz != null)
+    {
+      var newQuestions = quizContext.Quiz.Questions.Select(q => 
+        q.Id == updatedQuestion.Id
+          ? updatedQuestion
+          : q
+      );
+      var newQuiz = quizContext.Quiz with
+      {
+        Questions = newQuestions,
+      };
+      quizContext.SaveQuiz(newQuiz);
+    }
+  }
+
+  private void handleNewName(ChangeEventArgs e)
+  {
+    if(quizContext.Quiz != null)
+    {
+      var newQuiz = quizContext.Quiz with
+      {
+        Name = e.Value?.ToString() ?? ""
+      };
+      quizContext.SaveQuiz(newQuiz);
+    }
+  }
+  private void handleNewDescription(ChangeEventArgs e)
+  {
+    if(quizContext.Quiz != null)
+    {
+      var newQuiz = quizContext.Quiz with
+      {
+        Description = e.Value?.ToString() ?? ""
+      };
+      quizContext.SaveQuiz(newQuiz);
+    }
+  }
+
 }
 
 <Modal @ref="modal" OnHide="() => quizContext.Quiz = null" >
@@ -28,7 +102,51 @@
     @quizContext.Quiz?.Name
   </Title>
   <Body>
+    @if(quizContext.Quiz != null)
+    {
+      <div class="m-1">
+        <label class="form-label">
+          Name
+        </label>
+        <input 
+          class="form-control" 
+          @bind="name"
+          @oninput="handleNewName" 
+        />
+      </div>
+      <div class="m-1">
+        <label class="form-label">
+          Description
+        </label>
+        <textarea 
+          class="form-control" 
+          @bind="description"
+          @oninput="handleNewDescription" 
+        />
+      </div>
 
+      @foreach(var question in quizContext.Quiz.Questions)
+      {
+        <QuizQuestionForm 
+          @key="@question.Id" 
+          Question="question"
+          UpdateQuestion="updateQuestion"  
+        />
+      }
+
+      <button 
+        class="btn btn-outline-danger"
+        @onclick="removeQuestion"
+      >
+        - question
+      </button>
+      <button 
+        class="btn btn-outline-primary"
+        @onclick="addQuestion"
+      >
+        + question
+      </button>
+    }
   </Body>
   <Footer>
     <button 
diff --git a/Management.Web/Shared/Components/Quiz/QuizQuestionForm.razor b/Management.Web/Shared/Components/Quiz/QuizQuestionForm.razor
new file mode 100644
index 0000000..2841c40
--- /dev/null
+++ b/Management.Web/Shared/Components/Quiz/QuizQuestionForm.razor
@@ -0,0 +1,157 @@
+@inject QuizEditorContext quizContext
+
+@code {
+  [Parameter, EditorRequired]
+  public LocalQuizQuestion Question { get; set; } = default!;
+  [Parameter, EditorRequired]
+  public Action<LocalQuizQuestion> UpdateQuestion { get; set; } = (_) => {};
+
+  protected override void OnParametersSet()
+  {
+    if(questionType == string.Empty)
+      questionType = Question.QuestionType;
+    if(text == string.Empty)
+      text = Question.Text;
+
+    if(answers.Count() == 0)
+      answers = Question.Answers;
+
+    base.OnParametersSet();
+  }
+  private string text { get; set; } = string.Empty;
+  private string questionType { get; set; } = string.Empty;
+  private IEnumerable<LocalQuizQuestionAnswer> answers { get; set; } = Enumerable.Empty<LocalQuizQuestionAnswer>();
+
+  private void handleTypeUpdate(string type)
+  {
+    if(quizContext.Quiz != null)
+    {
+      questionType = type;
+      var newQuestion = Question with 
+      {
+        QuestionType = questionType
+      };
+
+      UpdateQuestion(newQuestion);
+    }
+  }
+
+  private void addAnswer()
+  {
+    if(quizContext.Quiz != null)
+    {
+      var newAnswer = new LocalQuizQuestionAnswer
+        { Id = Guid.NewGuid().ToString() };
+      
+      answers = answers.Append(newAnswer);
+      UpdateQuestion(Question with { Answers = answers });
+    }
+  }
+
+  private void removeAnswer()
+  {
+
+    if(quizContext.Quiz != null)
+    {
+      var newAnswer = new LocalQuizQuestionAnswer
+        { Id = Guid.NewGuid().ToString() };
+      
+      answers = answers.Take(Question.Answers.Count() - 1);
+      UpdateQuestion(Question with { Answers = answers });
+    }
+  }
+
+  private void saveAnswer(LocalQuizQuestionAnswer newAnswer)
+  {
+    if(questionType == QuestionType.MULTIPLE_CHOICE && newAnswer.Correct)
+    {
+      answers = answers.Select(a => 
+       a.Id == newAnswer.Id
+          ? newAnswer
+          : a with { Correct = false }
+      ).ToArray();
+    }
+    else
+    {
+      answers = answers.Select(a => 
+        a.Id == newAnswer.Id
+          ? newAnswer
+          : a
+      ).ToArray();
+    }
+
+    UpdateQuestion(Question with { Answers = answers });
+  }
+}
+
+<div class="my-1 p-2 border border-3 rounded">
+
+  <div class="row">
+    <div class="col">
+      <label 
+        for="question_text"
+        class="form-label"
+      >
+        Question Text
+      </label>
+      <textarea 
+        class="form-control"
+        id="question_text"
+        name="question_text"
+        @bind="text"
+      />
+    </div>
+    <div class="col-auto">
+      @foreach(var typeOption in QuestionType.AllTypes)
+      {
+        <div class="form-check">
+          <input 
+            class="form-check-input" 
+            type="radio" 
+            name="@(Question.Id + "question_type")"
+            id="@(Question.Id + typeOption)"
+            value="@typeOption"
+            checked="@(typeOption == questionType)"
+            @onchange="() => handleTypeUpdate(typeOption)"
+          >
+          <label
+            class="form-check-label" 
+            for="@(Question.Id + typeOption)"
+          >
+            @typeOption
+          </label>
+        </div>
+      }
+    </div>
+  </div>
+  <div>Answers:</div>
+
+    @if(questionType == QuestionType.MULTIPLE_ANSWERS || questionType == QuestionType.MULTIPLE_CHOICE)
+    {
+
+      @foreach(var answer in answers)
+      {
+        <EditableQuizAnswer
+          Answer="answer" 
+          SaveAnswer="saveAnswer" 
+          Question="Question"
+        />
+      }
+      <button 
+        class="btn btn-outline-danger"
+        @onclick="removeAnswer"
+      >
+        - Remove Answer
+      </button>
+      <button 
+        class="btn btn-outline-primary"
+        @onclick="addAnswer"
+      >
+        + Add Answer
+      </button>
+      
+    }
+    <div>
+
+  </div>
+</div>
\ No newline at end of file
diff --git a/Management/Features/Configuration/QuizEditorContext.cs b/Management/Features/Configuration/QuizEditorContext.cs
index 76bbe85..2c35fd9 100644
--- a/Management/Features/Configuration/QuizEditorContext.cs
+++ b/Management/Features/Configuration/QuizEditorContext.cs
@@ -45,6 +45,7 @@ public class QuizEditorContext
         .ToArray();
 
       planner.LocalCourse = planner.LocalCourse with { Modules = updatedModules };
+      Quiz = newQuiz;
     }
   }
 }
diff --git a/Management/Models/Local/LocalAssignment.cs b/Management/Models/Local/LocalAssignment.cs
index bcada6e..7960d11 100644
--- a/Management/Models/Local/LocalAssignment.cs
+++ b/Management/Models/Local/LocalAssignment.cs
@@ -22,16 +22,16 @@ public static class SubmissionType
   public static readonly string NONE = "none";
   public static readonly IEnumerable<string> AllTypes = new string[]
   {
-    SubmissionType.ONLINE_TEXT_ENTRY,
-    SubmissionType.ONLINE_UPLOAD,
-    SubmissionType.ONLINE_QUIZ,
-    SubmissionType.ON_PAPER,
-    SubmissionType.DISCUSSION_TOPIC,
-    SubmissionType.EXTERNAL_TOOL,
-    SubmissionType.ONLINE_URL,
-    SubmissionType.MEDIA_RECORDING,
-    SubmissionType.STUDENT_ANNOTATION,
-    SubmissionType.NONE,
+    ONLINE_TEXT_ENTRY,
+    ONLINE_UPLOAD,
+    ONLINE_QUIZ,
+    ON_PAPER,
+    DISCUSSION_TOPIC,
+    EXTERNAL_TOOL,
+    ONLINE_URL,
+    MEDIA_RECORDING,
+    STUDENT_ANNOTATION,
+    NONE,
   };
 }
 
diff --git a/Management/Models/Local/LocalQuiz.cs b/Management/Models/Local/LocalQuiz.cs
index 1fbbeb9..3db7543 100644
--- a/Management/Models/Local/LocalQuiz.cs
+++ b/Management/Models/Local/LocalQuiz.cs
@@ -1,6 +1,9 @@
+namespace LocalModels;
+
 public record LocalQuiz
 {
-  public string Id { get; init; } = "";  public ulong? CanvasId { get; init; } = null;
+  public string Id { get; init; } = "";
+  public ulong? CanvasId { get; init; } = null;
   public string Name { get; init; } = "";
   public string Description { get; init; } = "";
   public bool LockAtDueDate { get; init; }
@@ -9,5 +12,6 @@ public record LocalQuiz
   public bool ShuffleAnswers { get; init; }
   public bool OneQuestionAtATime { get; init; }
   public int AllowedAttempts { get; init; }
-  //quiz type
-}
\ No newline at end of file
+  public IEnumerable<LocalQuizQuestion> Questions { get; init; } =
+    Enumerable.Empty<LocalQuizQuestion>();
+}
diff --git a/Management/Models/Local/LocalQuizQuestion.cs b/Management/Models/Local/LocalQuizQuestion.cs
new file mode 100644
index 0000000..18088fb
--- /dev/null
+++ b/Management/Models/Local/LocalQuizQuestion.cs
@@ -0,0 +1,28 @@
+namespace LocalModels;
+
+public record LocalQuizQuestion
+{
+  public string Id { get; set; } = "";
+  public string Text { get; init; } = string.Empty;
+  public string QuestionType { get; init; } = string.Empty;
+  public int Points { get; init; }
+  public IEnumerable<LocalQuizQuestionAnswer> Answers { get; init; } =
+    Enumerable.Empty<LocalQuizQuestionAnswer>();
+}
+
+public static class QuestionType
+{
+  public static readonly string MULTIPLE_ANSWERS = "multiple_answers";
+  public static readonly string MULTIPLE_CHOICE = "multiple_choice";
+  public static readonly string ESSAY = "essay";
+  public static readonly string SHORT_ANSWER = "short_answer";
+
+  // possible support for: calculated, file_upload, fill_in_multiple_blanks, matching, multiple_dropdowns, numerical,  text_only, true_false,
+  public static readonly IEnumerable<string> AllTypes = new string[]
+  {
+    MULTIPLE_ANSWERS,
+    MULTIPLE_CHOICE,
+    ESSAY,
+    SHORT_ANSWER,
+  };
+}
diff --git a/Management/Models/Local/LocalQuizQuestionAnswer.cs b/Management/Models/Local/LocalQuizQuestionAnswer.cs
new file mode 100644
index 0000000..edb5264
--- /dev/null
+++ b/Management/Models/Local/LocalQuizQuestionAnswer.cs
@@ -0,0 +1,10 @@
+namespace LocalModels;
+
+public record LocalQuizQuestionAnswer
+{
+  public string Id { get; set; } = string.Empty;
+
+  //correct gets a weight of 100 in canvas
+  public bool Correct { get; init; }
+  public string Text { get; init; } = string.Empty;
+}
diff --git a/Management/Services/YamlManager.cs b/Management/Services/YamlManager.cs
index 8c9ba2a..8655367 100644
--- a/Management/Services/YamlManager.cs
+++ b/Management/Services/YamlManager.cs
@@ -6,7 +6,7 @@ public class YamlManager
 {
   public string CourseToYaml(LocalCourse course)
   {
-    var serializer = new SerializerBuilder().Build();
+    var serializer = new SerializerBuilder().DisableAliases().Build();
     var yaml = serializer.Serialize(course);
 
     return yaml;