adding template description fields to assignment form

This commit is contained in:
2023-07-26 23:05:47 -06:00
parent b03e81caf1
commit b03c699381
14 changed files with 147 additions and 25 deletions

View File

@@ -1,4 +1,5 @@
@using Management.Web.Shared.Components
@using Management.Web.Shared.Module.Assignment.AssignmentForm
@inject AssignmentDragContainer dragContainer
@inject CoursePlanner planner

View File

@@ -0,0 +1,105 @@
@inject CoursePlanner planner
@code
{
[Parameter]
public string Description { get; set; } = default!;
[Parameter]
public bool UseTemplate { get; set; }
[Parameter]
public string? TemplateId { get; set; }
[Parameter]
public EventCallback<string> DescriptionChanged { get; set; }
[Parameter]
public EventCallback<bool> UseTemplateChanged { get; set; }
[Parameter]
public EventCallback<string?> TemplateIdChanged { get; set; }
private string selectedTemplateId { get; set; }
private AssignmentTemplate? selectedTemplate =>
planner
.LocalCourse?
.AssignmentTemplates
.FirstOrDefault(t => t.Id == selectedTemplateId);
}
<div class="form-check form-switch">
<input
class="form-check-input"
type="checkbox"
role="switch"
id="useTemplateForDescription"
checked="@UseTemplate"
@onchange="async (e) =>
await UseTemplateChanged.InvokeAsync((bool)(e.Value ?? false))"
>
<label
class="form-check-label"
for="useTemplateForDescription"
>
use template for description
</label>
</div>
@if(UseTemplate)
{
@if(planner.LocalCourse != null)
{
<div class="row justify-content-around">
<div class="col-auto text-center">
<form @onsubmit:preventDefault="true">
<label for="templateSelect">Templates</label>
<select id="templateSelect" class="form-select" @bind="selectedTemplateId">
<option></option>
@foreach (var template in planner.LocalCourse.AssignmentTemplates)
{
<option value="@template.Id">@template.Name</option>
}
</select>
</form>
</div>
<div class="col-auto">
VARIABLES:
@if(selectedTemplate != null)
{
var variables = AssignmentTemplate.GetVariables(selectedTemplate.Markdown);
@foreach(var variable in variables)
{
<div class="my-1">
<label
class="form-label"
>
@variable
</label>
<input
class="form-control"
/>
</div>
}
}
</div>
</div>
}
}
else
{
<label
for="description"
class="form-label"
>
Description
</label>
<textarea
id="description"
class="form-control"
value="@Description"
@oninput="async (e) =>
await DescriptionChanged.InvokeAsync(e.Value?.ToString() ?? String.Empty)"
/>
}

View File

@@ -23,6 +23,10 @@
public Action OnHide { get; set; } = () => { };
public Modal AssignmentModal { get; set; } = default!;
private bool useTemplate { get; set; } = false;
private string? templateId { get; set; }
public Dictionary<string, string> templateVariables { get; set; } =
new Dictionary<string, string>();
private string description { get; set; } = String.Empty;
private string name { get; set; } = String.Empty;
private bool lockAtDueDate { get; set; }
@@ -40,6 +44,9 @@
lockAtDueDate = Assignment.lock_at_due_date;
rubric = Assignment.rubric;
submissionTypes = Assignment.submission_types;
templateId = Assignment.template_id;
useTemplate = Assignment.use_template;
templateVariables = Assignment.template_variables;
}
private void submitHandler()
@@ -56,6 +63,9 @@
rubric=rubric,
points_possible=totalRubricPoints,
submission_types=submissionTypes,
use_template=useTemplate,
template_id=templateId,
template_variables=templateVariables,
};
if(planner.LocalCourse != null)
@@ -103,16 +113,10 @@
/>
</div>
<div class="m-1">
<label
for="description"
class="form-label"
>
Description
</label>
<textarea
id="description"
class="form-control"
@bind="description"
<AssignmentDescriptionEditor
@bind-Description="description"
@bind-UseTemplate="useTemplate"
@bind-TemplateId="templateId"
/>
</div>

View File

@@ -26,7 +26,6 @@
get { return _selectedTemplateId; }
set { _selectedTemplateId = value; }
}
private AssignmentTemplate? selectedTemplate =>
planner