mirror of
https://github.com/alexmickelson/canvasManagement.git
synced 2026-03-26 07:38:33 -06:00
166 lines
4.5 KiB
Plaintext
166 lines
4.5 KiB
Plaintext
@using Management.Web.Shared.Components
|
|
@inject CanvasService canvas
|
|
@inject CoursePlanner planner
|
|
|
|
@code
|
|
{
|
|
private Modal modal { get; set; } = default!;
|
|
protected override void OnInitialized()
|
|
{
|
|
planner.StateHasChanged += reload;
|
|
}
|
|
private void reload()
|
|
{
|
|
this.InvokeAsync(this.StateHasChanged);
|
|
}
|
|
public void Dispose()
|
|
{
|
|
planner.StateHasChanged -= reload;
|
|
}
|
|
private IEnumerable<EnrollmentTermModel>? terms { get; set; } = null;
|
|
private ulong? _selectedTermId {get; set;}
|
|
private ulong? selectedTermId {
|
|
get => _selectedTermId;
|
|
set
|
|
{
|
|
_selectedTermId = value;
|
|
if(selectedTerm != null && planner.LocalCourse != null)
|
|
{
|
|
planner.LocalCourse = planner.LocalCourse with
|
|
{
|
|
Settings = planner.LocalCourse.Settings with
|
|
{
|
|
StartDate=selectedTerm.StartAt ?? new DateTime(),
|
|
EndDate=selectedTerm.EndAt ?? new DateTime(),
|
|
}
|
|
};
|
|
}
|
|
}
|
|
}
|
|
private EnrollmentTermModel? selectedTerm
|
|
{
|
|
get => terms?.FirstOrDefault(t => t.Id == selectedTermId);
|
|
}
|
|
private bool loading = false;
|
|
protected override async Task OnAfterRenderAsync(bool firstRender)
|
|
{
|
|
if (firstRender)
|
|
{
|
|
if(planner.LocalCourse != null && planner.LocalCourse.Settings.CanvasId != null)
|
|
{
|
|
loading = true;
|
|
ulong id = planner.LocalCourse?.Settings.CanvasId ?? throw new Exception("wtf how did i get here");
|
|
var canvasCourse = await canvas.GetCourse(id);
|
|
terms = await canvas.GetCurrentTermsFor(canvasCourse.StartAt);
|
|
loading = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
<button
|
|
class="btn btn-outline-secondary"
|
|
@onclick="@(() => modal.Show())"
|
|
>
|
|
Edit Course Settings
|
|
</button>
|
|
|
|
<Modal @ref="modal">
|
|
<Title>
|
|
<h1>Course Settings</h1>
|
|
</Title>
|
|
<Body>
|
|
|
|
<h5 class="text-center">Select Days Of Week</h5>
|
|
<div class="row m-3">
|
|
@foreach (DayOfWeek day in (DayOfWeek[])Enum.GetValues(typeof(DayOfWeek)))
|
|
{
|
|
<div class="col">
|
|
<button
|
|
class="@(
|
|
planner.LocalCourse?.Settings.DaysOfWeek.Contains(day) ?? false
|
|
? "btn btn-secondary"
|
|
: "btn btn-outline-secondary"
|
|
)"
|
|
@onclick="() =>
|
|
{
|
|
if(planner.LocalCourse?.Settings.DaysOfWeek.Contains(day) ?? false)
|
|
{
|
|
planner.LocalCourse = planner.LocalCourse with
|
|
{
|
|
Settings = planner.LocalCourse.Settings with
|
|
{
|
|
DaysOfWeek = planner.LocalCourse.Settings.DaysOfWeek.Where((d) => d != day)
|
|
}
|
|
};
|
|
}
|
|
else
|
|
{
|
|
if (planner.LocalCourse != null)
|
|
{
|
|
planner.LocalCourse = planner.LocalCourse with
|
|
{
|
|
Settings = planner.LocalCourse.Settings with
|
|
{
|
|
DaysOfWeek = planner.LocalCourse.Settings.DaysOfWeek.Append(day)
|
|
}
|
|
};
|
|
}
|
|
}
|
|
}"
|
|
>
|
|
@day
|
|
</button>
|
|
</div>
|
|
}
|
|
</div>
|
|
|
|
@if(loading)
|
|
{
|
|
<Spinner />
|
|
}
|
|
|
|
@if (terms != null)
|
|
{
|
|
<div class="row justify-content-center">
|
|
<div class="col-auto">
|
|
<form @onsubmit:preventDefault="true">
|
|
<label for="termselect">Select Term for Start and End Date:</label>
|
|
<select id="termselect" class="form-select" @bind="selectedTermId">
|
|
@foreach (var term in terms)
|
|
{
|
|
<option value="@term.Id">@term.Name</option>
|
|
}
|
|
</select>
|
|
</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.Settings.DefaultDueTime" UpdateTime="@((newTime) =>
|
|
planner.LocalCourse =
|
|
planner.LocalCourse with
|
|
{ Settings = planner.LocalCourse.Settings with { DefaultDueTime=newTime } }
|
|
)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
}
|
|
<AssignmentGroups />
|
|
</Body>
|
|
<Footer>
|
|
<button
|
|
class="btn btn-outline-secondary"
|
|
@onclick="@(() => modal.Hide())"
|
|
>
|
|
Done Editing Course Settings
|
|
</button>
|
|
</Footer>
|
|
</Modal> |