alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 15:18:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

have many of the primary interactions working

Browse Source
This commit is contained in:
Alex Mickelson
2023-07-24 19:08:23 -06:00
parent d1383fe1d4
commit ffaf4e1164
19 changed files with 577 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
Management.Test/Features/ConfigurationTests.cs
View File

@@ -1,26 +1,26 @@
using CanvasModel.EnrollmentTerms; // using CanvasModel.EnrollmentTerms;
public class ConfigurationTests // public class ConfigurationTests
{ // {
[Test] // [Test]
public void TestCanCreateConfigFromTermAndDays() // public void TestCanCreateConfigFromTermAndDays()
{ // {
DateTime startAt = new DateTime(2022, 1, 1); // DateTime startAt = new DateTime(2022, 1, 1);
DateTime endAt = new DateTime(2022, 1, 2); // DateTime endAt = new DateTime(2022, 1, 2);
var canvasTerm = new EnrollmentTermModel( // var canvasTerm = new EnrollmentTermModel(
Id: 1, // Id: 1,
Name: "one", // Name: "one",
StartAt: startAt, // StartAt: startAt,
EndAt: endAt // EndAt: endAt
); // );
var daysOfWeek = new DayOfWeek[] { DayOfWeek.Monday }; // var daysOfWeek = new DayOfWeek[] { DayOfWeek.Monday };
var management = new CoursePlanner(); // var management = new CoursePlanner();
management.SetConfiguration(canvasTerm, daysOfWeek); // management.SetConfiguration(canvasTerm, daysOfWeek);
var config = management.SemesterCalendar; // var config = management.SemesterCalendar;
if(config == null) Assert.Fail(); // if(config == null) Assert.Fail();
config!.StartDate.Should().Be(startAt); // config!.StartDate.Should().Be(startAt);
config!.EndDate.Should().Be(endAt); // config!.EndDate.Should().Be(endAt);
config!.Days.Should().BeEquivalentTo(daysOfWeek); // config!.Days.Should().BeEquivalentTo(daysOfWeek);
} // }
} // }

152
Management.Test/Features/SemesterPlannerTests.cs
View File

@@ -1,97 +1,97 @@
using CanvasModel.EnrollmentTerms; // using CanvasModel.EnrollmentTerms;
namespace Management.Test; // namespace Management.Test;
public class SemesterPlannerTests // public class SemesterPlannerTests
{ // {
[Test] // [Test]
public void TestCanCreatePlanner() // public void TestCanCreatePlanner()
{ // {
var config = new SemesterCalendarConfig( // var config = new SemesterCalendarConfig(
StartDate: new DateTime(2022, 1, 1), // StartDate: new DateTime(2022, 1, 1),
EndDate: new DateTime(2022, 1, 2), // EndDate: new DateTime(2022, 1, 2),
new DayOfWeek[] { } // new DayOfWeek[] { }
); // );
var semester = new SemesterPlanner(config); // var semester = new SemesterPlanner(config);
semester.Months.Count().Should().Be(1); // semester.Months.Count().Should().Be(1);
} // }
[Test] // [Test]
public void TestNewPlannerHasCorrectNumberOfMonths() // public void TestNewPlannerHasCorrectNumberOfMonths()
{ // {
var config = new SemesterCalendarConfig( // var config = new SemesterCalendarConfig(
StartDate: new DateTime(2022, 1, 1), // StartDate: new DateTime(2022, 1, 1),
EndDate: new DateTime(2022, 2, 1), // EndDate: new DateTime(2022, 2, 1),
new DayOfWeek[] { } // new DayOfWeek[] { }
); // );
var semester = new SemesterPlanner(config); // var semester = new SemesterPlanner(config);
semester.Months.Count().Should().Be(2); // semester.Months.Count().Should().Be(2);
} // }
[Test] // [Test]
public void TestNewPlannerHandlesTermsThatWrapYears() // public void TestNewPlannerHandlesTermsThatWrapYears()
{ // {
var config = new SemesterCalendarConfig( // var config = new SemesterCalendarConfig(
StartDate: new DateTime(2022, 12, 1), // StartDate: new DateTime(2022, 12, 1),
EndDate: new DateTime(2023, 1, 1), // EndDate: new DateTime(2023, 1, 1),
new DayOfWeek[] { } // new DayOfWeek[] { }
); // );
var semester = new SemesterPlanner(config); // var semester = new SemesterPlanner(config);
semester.Months.Count().Should().Be(2); // semester.Months.Count().Should().Be(2);
} // }
[Test] // [Test]
public void TestSemesterGetsCorrectMonths() // public void TestSemesterGetsCorrectMonths()
{ // {
var config = new SemesterCalendarConfig( // var config = new SemesterCalendarConfig(
StartDate: new DateTime(2022, 1, 1), // StartDate: new DateTime(2022, 1, 1),
EndDate: new DateTime(2022, 2, 1), // EndDate: new DateTime(2022, 2, 1),
new DayOfWeek[] { } // new DayOfWeek[] { }
); // );
var semester = new SemesterPlanner(config); // var semester = new SemesterPlanner(config);
semester.Months.First().Month.Should().Be(1); // semester.Months.First().Month.Should().Be(1);
semester.Months.Last().Month.Should().Be(2); // semester.Months.Last().Month.Should().Be(2);
} // }
[Test] // [Test]
public void TestMonthsCanWrapYears() // public void TestMonthsCanWrapYears()
{ // {
var config = new SemesterCalendarConfig( // var config = new SemesterCalendarConfig(
StartDate: new DateTime(2022, 12, 1), // StartDate: new DateTime(2022, 12, 1),
EndDate: new DateTime(2023, 1, 1), // EndDate: new DateTime(2023, 1, 1),
new DayOfWeek[] { } // new DayOfWeek[] { }
); // );
var semester = new SemesterPlanner(config); // var semester = new SemesterPlanner(config);
semester.Months.First().Month.Should().Be(12); // semester.Months.First().Month.Should().Be(12);
semester.Months.First().Year.Should().Be(2022); // semester.Months.First().Year.Should().Be(2022);
semester.Months.Last().Month.Should().Be(1); // semester.Months.Last().Month.Should().Be(1);
semester.Months.Last().Year.Should().Be(2023); // semester.Months.Last().Year.Should().Be(2023);
} // }
[Test] // [Test]
public void TestSemesterTracksDaysOfWeek() // public void TestSemesterTracksDaysOfWeek()
{ // {
DayOfWeek[] days = new DayOfWeek[] { DayOfWeek.Monday }; // DayOfWeek[] days = new DayOfWeek[] { DayOfWeek.Monday };
var config = new SemesterCalendarConfig( // var config = new SemesterCalendarConfig(
StartDate: new DateTime(2022, 12, 1), // StartDate: new DateTime(2022, 12, 1),
EndDate: new DateTime(2023, 1, 1), // EndDate: new DateTime(2023, 1, 1),
days // days
); // );
var semester = new SemesterPlanner(config); // var semester = new SemesterPlanner(config);
semester.Days.Should().BeEquivalentTo(days); // semester.Days.Should().BeEquivalentTo(days);
} // }
} // }

12
Management.Web/Pages/Index.razor
View File

@@ -13,9 +13,17 @@
@code @code
{ {
private bool showNewFile { get; set; } = false; private bool showNewFile { get; set; } = false;
protected override void OnInitialized() protected override void OnInitialized()
{ {
planner.StateHasChanged += () => this.InvokeAsync(this.StateHasChanged); planner.StateHasChanged += reload;
}
private void reload()
{
this.InvokeAsync(this.StateHasChanged);
}
public void Dispose()
{
planner.StateHasChanged -= reload;
} }
} }

6
Management.Web/Pages/_Host.cshtml
View File

@@ -9,13 +9,15 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base href="~/" /> <base href="~/" />
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" /> @* <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" /> *@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<link href="css/site.css" rel="stylesheet" /> <link href="css/site.css" rel="stylesheet" />
<link href="Management.Web.styles.css" rel="stylesheet" /> <link href="Management.Web.styles.css" rel="stylesheet" />
<link rel="icon" type="image/png" href="favicon.png"/> <link rel="icon" type="image/png" href="favicon.png"/>
<component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" /> <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
</head> </head>
<body> <body data-bs-theme="dark">
<component type="typeof(App)" render-mode="ServerPrerendered" /> <component type="typeof(App)" render-mode="ServerPrerendered" />
<div id="blazor-error-ui"> <div id="blazor-error-ui">

52
Management.Web/Shared/Components/Modal.razor Normal file
View File

@@ -0,0 +1,52 @@
@using Management.Web.Shared.Components
@code {
[Parameter, EditorRequired]
public RenderFragment? Title { get; set; }
[Parameter, EditorRequired]
public RenderFragment? Body { get; set; }
[Parameter, EditorRequired]
public RenderFragment? Footer { get; set; }
[Parameter]
public Action OnShow { get; set; } = () => { };
[Parameter]
public Action OnHide { get; set; } = () => { };
private string modalClass = "hide-modal";
private bool showBackdrop = false;
public void Show()
{
modalClass = "show-modal";
showBackdrop = true;
OnShow();
}
public void Hide()
{
modalClass = "hide-modal";
showBackdrop = false;
OnHide();
}
}
<div class="modal @modalClass">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-center w-100">@Title</h4>
<button type="button" class="btn-close" @onclick="Hide"></button>
</div>
<div class="modal-body">@Body</div>
<div class="modal-footer">@Footer</div>
</div>
</div>
</div>
@if (showBackdrop)
{
<div class="modal-backdrop fade show"></div>
}

16
Management.Web/Shared/Components/Modal.razor.css Normal file
View File

@@ -0,0 +1,16 @@
.show-modal {
animation: enter 250ms;
display: block;
opacity: 1;
}
@keyframes enter {
from {
display: block;
opacity: 0;
}
to {
opacity: 1;
}
}

12
Management.Web/Shared/Course/CourseDetails.razor
View File

@@ -10,7 +10,15 @@
private bool showEditCourseSettings = false; private bool showEditCourseSettings = false;
protected override void OnInitialized() protected override void OnInitialized()
{ {
planner.StateHasChanged += () => this.InvokeAsync(this.StateHasChanged); planner.StateHasChanged += reload;
}
private void reload()
{
this.InvokeAsync(this.StateHasChanged);
}
public void Dispose()
{
planner.StateHasChanged -= reload;
} }
} }
<br> <br>
@@ -42,7 +50,7 @@ else
} }
} }
</div> </div>
<div class="col"> <div class="col-4">
<Modules /> <Modules />
</div> </div>
</div> </div>

9
Management.Web/Shared/MainLayout.razor
View File

@@ -3,14 +3,15 @@
<PageTitle>Management.Web</PageTitle> <PageTitle>Management.Web</PageTitle>
<div class="page"> <div class="page">
<div class="sidebar"> @* <div class="sidebar">
<NavMenu /> <NavMenu />
</div> </div> *@
<main> <main>
<div class="top-row px-4"> @* maybe put some common buttons up here *@
@* <div class="top-row px-4">
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a> <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div> </div> *@
<article class="content px-4"> <article class="content px-4">
@Body @Body

24
Management.Web/Shared/Module/Assignment/AssignmentCard.razor
View File

@@ -1,24 +0,0 @@
@inject AssignmentDragContainer dragContainer
@code {
[Parameter]
[Required]
public LocalAssignment assignment { get; set; } = new();
private void HandleDragStart()
{
dragContainer.AssignmentBeingDragged = assignment;
System.Console.WriteLine("assignment set");
}
}
<div
draggable="true"
@ondragstart="HandleDragStart"
class="col-2"
>
<div class="card">
<div class="card-body">
<div class="card-title">@assignment.name</div>
</div>
</div>
</div>

98
Management.Web/Shared/Module/Assignment/AssignmentDetails.razor Normal file
View File

@@ -0,0 +1,98 @@
@using Management.Web.Shared.Components
@inject AssignmentDragContainer dragContainer
@inject CoursePlanner planner
@code {
[Parameter]
[EditorRequired]
public LocalAssignment assignment { get; set; } = new();
[Parameter]
[EditorRequired]
public LocalModule module { get; set; } = new();
private bool showUpdateForm = false;
protected override void OnInitialized()
{
planner.StateHasChanged += reload;
}
private void reload()
{
this.InvokeAsync(this.StateHasChanged);
}
public void Dispose()
{
planner.StateHasChanged -= reload;
}
private Modal? assignmentEditorModal {get; set;}
private void HandleDragStart()
{
dragContainer.DropCallback = (DateTime dropDate) => {
if (planner.LocalCourse != null)
{
var newCourse = planner.LocalCourse with
{
Modules = planner.LocalCourse.Modules.Select(m =>
m.Name != module.Name
? m
: m with
{
Assignments = module.Assignments.Select(a =>
a.id != assignment.id
? a
: a with
{
due_at=dropDate
}
)
}
)
};
planner.LocalCourse = newCourse;
}
};
}
private void HandleDragEnd()
{
dragContainer.DropCallback = null;
}
}
<div
draggable="true"
@ondragstart="HandleDragStart"
@ondragend="HandleDragEnd"
@onclick="@(() => showUpdateForm = true)"
class="draggableCart"
role="button"
>
<div class="card">
<div class="card-body">
<div class="card-title">@assignment.name</div>
<div class="card-text">
@assignment.description
<div>Due At: @assignment.due_at</div>
<div>Lock At: @assignment.lock_at</div>
<div>Points: @assignment.points_possible</div>
@if(assignment.canvasId != null)
{
<div>Synced with canvas</div>
}
else
{
<div>Not synced with canvas</div>
}
<code>@JsonSerializer.Serialize(@assignment.rubric)</code>
</div>
</div>
</div>
</div>
<AssignmentForm
assignment="assignment"
Show="showUpdateForm"
OnHide="@(() => showUpdateForm = false)"
/>

59
Management.Web/Shared/Module/Assignment/AssignmentForm.razor Normal file
View File

@@ -0,0 +1,59 @@
@using Management.Web.Shared.Components
@code {
[Parameter]
[EditorRequired]
public LocalAssignment assignment
{
get;
set;
} = default!;
[Parameter]
[EditorRequired]
public bool Show { get; set; }
[Parameter]
public Action OnHide { get; set; } = () => { };
public Modal AssignmentModal { get; set; }
private string description { get; set; }
protected override void OnParametersSet()
{
if(Show)
{
AssignmentModal.Show();
}
description = assignment.description;
}
private void submitHandler()
{
}
}
<Modal @ref="AssignmentModal" OnHide="@(() => OnHide())">
<Title>@assignment.name</Title>
<Body>
<form @onsubmit:preventDefault="true" @onsubmit="submitHandler">
<label
for="description"
class="form-label"
>
Description
</label>
<textarea
id="description"
class="form-control"
@bind="description"
/>
</form>
</Body>
<Footer>
<button class="btn btn-primary" @onclick="submitHandler">
Save
</button>
</Footer>
</Modal>

71
Management.Web/Shared/Module/Assignment/NewAssignment.razor
View File

@@ -1,26 +1,28 @@
@using Management.Web.Shared.Components
@inject CoursePlanner planner @inject CoursePlanner planner
@code { @code {
[Parameter, EditorRequired]
public string ModuleName { get; set; } = "";
[Parameter] [Parameter]
public EventCallback OnSubmit { get; set; } [EditorRequired]
public LocalModule Module { get; set; } = default!;
[Required] [Required]
[StringLength(50, ErrorMessage = "Name too long (50 character limit).")] [StringLength(50, ErrorMessage = "Name too long (50 character limit).")]
private string Name { get; set; } = ""; private string Name { get; set; } = "";
private async Task submitHandler() private Modal? modal { get; set; }
private void submitHandler()
{ {
System.Console.WriteLine("new assignment");
var newAssignment = new LocalAssignment var newAssignment = new LocalAssignment
{ {
id = Guid.NewGuid().ToString(), id = Guid.NewGuid().ToString(),
name = Name, name = Name,
description = "testDescription", description = "",
published = false,
lock_at_due_date = true, lock_at_due_date = true,
rubric = new RubricItem[] { }, rubric = new RubricItem[] { },
lock_at = null, lock_at = null,
@@ -28,21 +30,46 @@
points_possible = 10, points_possible = 10,
submission_types = new SubmissionType[] { SubmissionType.online_text_entry } submission_types = new SubmissionType[] { SubmissionType.online_text_entry }
}; };
@* planner.LocalCourse.Assignments = planner.Assignments.Append(newAssignment); *@
await OnSubmit.InvokeAsync(); if(planner.LocalCourse != null)
{
planner.LocalCourse = planner.LocalCourse with
{
Modules=planner.LocalCourse.Modules.Select(m =>
m.Name != Module.Name
? m
: Module with
{
Assignments=Module.Assignments.Append(newAssignment)
}
)
};
}
modal?.Hide();
} }
} }
<button
class="btn btn-outline-secondary"
@onclick="() => modal?.Show()"
>
New Assignment
</button>
<div class="modal"> <Modal @ref="modal">
<div class="modal-dialog"> <Title>New Assignment</Title>
<div class="modal-content"> <Body>
<div class="modal-body"> <form @onsubmit:preventDefault="true" @onsubmit="submitHandler">
<form @onsubmit:preventDefault="true" @onsubmit="submitHandler"> <label for="Assignment Name">Name</label>
<label for="Assignment Name">Name</label> <input id="moduleName" class="form-control" @bind="Name" />
<input id="moduleName" class="form-control" @bind="Name" /> </form>
<button class="btn btn-primary">Save</button> </Body>
</form> <Footer>
</div> <button
</div> type="button"
</div> class="btn btn-primary"
</div> @onclick="submitHandler"
>
Save changes
</button>
</Footer>
</Modal>

78
Management.Web/Shared/Module/ModuleDetail.razor
View File

@@ -1,35 +1,71 @@
@using Management.Web.Shared.Module.Assignment @using Management.Web.Shared.Module.Assignment
@using LocalModels @using LocalModels
@inject CoursePlanner configurationManagement @inject CoursePlanner configurationManagement
@inject CoursePlanner planner
@code { @code {
[Parameter, EditorRequired] [Parameter, EditorRequired]
public LocalModule Module { get; set; } = default!; public LocalModule Module { get; set; } = default!;
private bool showAddAssignment { get; set; } = false; protected override void OnInitialized()
{
planner.StateHasChanged += reload;
}
private void reload()
{
this.InvokeAsync(this.StateHasChanged);
}
public void Dispose()
{
planner.StateHasChanged -= reload;
}
private string accordionId {
get => Module.Name.Replace(" ", "") + "-AccordionItem";
}
} }
<div class="accordion-item">
<h3 class="text-center">@Module.Name</h3> <h2 class="accordion-header">
<button <button
class="btn btn-primary" class="accordion-button"
@onclick="() => showAddAssignment = true" type="button"
> data-bs-toggle="collapse"
Add Assignment data-bs-target="@("#" + accordionId)"
</button> aria-expanded="true"
aria-controls="@accordionId"
>
@Module.Name
</button>
</h2>
<div
id="@accordionId"
class="accordion-collapse collapse"
data-bs-parent="#modulesAccordion"
>
<div class="accordion-body pt-1">
@if (showAddAssignment) <div class="row m-1">
{ <div class="col my-auto">
<NewAssignment ModuleName="Module.Name" OnSubmit="() => showAddAssignment = false" /> <h5>Assignments</h5>
} </div>
<div class="col-auto">
<h5>Assignments</h5> <NewAssignment
<div class="row"> Module="Module"
/>
@* @foreach (var a in module.Assignments) </div>
{ </div>
<AssignmentCard assignment="a" />
} *@ <div class="row">
</div> @foreach (var a in Module.Assignments)
{
<AssignmentDetails assignment="a" module="Module" />
}
</div>
</div>
</div>
</div>

36
Management.Web/Shared/Module/Modules.razor
View File

@@ -8,16 +8,32 @@
@code { @code {
private bool showNewModule { get; set; } = false; private bool showNewModule { get; set; } = false;
protected override void OnInitialized()
{
planner.StateHasChanged += reload;
}
private void reload()
{
this.InvokeAsync(this.StateHasChanged);
}
public void Dispose()
{
planner.StateHasChanged -= reload;
}
} }
@if (!showNewModule) <div class="row justify-content-end mb-1">
{ <div class="col-auto">
<button class="btn btn-secondary" @onclick="() => showNewModule = true">New Module</button> @if (!showNewModule)
} {
else <button class="btn btn-outline-secondary" @onclick="() => showNewModule = true">New Module</button>
{ }
<button class="btn btn-secondary" @onclick="() => showNewModule = false">Hide New Module</button> else
} {
<button class="btn btn-outline-secondary" @onclick="() => showNewModule = false">Hide New Module</button>
}
</div>
</div>
@if (showNewModule) @if (showNewModule)
{ {
@@ -26,9 +42,11 @@ else
@if (planner.LocalCourse != null) @if (planner.LocalCourse != null)
{ {
<div class="accordion" id="modulesAccordion">
@foreach (var module in planner.LocalCourse.Modules) @foreach (var module in planner.LocalCourse.Modules)
{ {
<hr>
<ModuleDetail Module="module" /> <ModuleDetail Module="module" />
} }
</div>
} }

39
Management.Web/Shared/NavMenu.razor
View File

@@ -1,29 +1,30 @@
<div class="top-row ps-3 navbar navbar-dark"> <div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="">Management.Web</a> <a class="navbar-brand" href="">Management.Web</a>
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu"> <button
<span class="navbar-toggler-icon"></span> title="Navigation menu"
</button> class="navbar-toggler"
</div> @onclick="ToggleNavMenu"
>
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div> </div>
<div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu"> <div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu">
<nav class="flex-column"> <nav class="flex-column">
<div class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All"> <NavLink class="nav-link px-3" href="" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home <span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink> </NavLink>
</div> </div>
</nav> </nav>
</div> </div>
@code { @code {
private bool collapseNavMenu = true; private bool collapseNavMenu = true; private string? NavMenuCssClass =>
collapseNavMenu ? "collapse" : null; private void ToggleNavMenu()
private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
private void ToggleNavMenu()
{ {
collapseNavMenu = !collapseNavMenu; collapseNavMenu = !collapseNavMenu;
} }
} }

66
Management.Web/Shared/Semester/Day.razor
View File

@@ -13,6 +13,30 @@
get => date?.DayOfWeek != null; get => date?.DayOfWeek != null;
} }
private bool dragging {get; set;} = false; private bool dragging {get; set;} = false;
protected override void OnInitialized()
{
planner.StateHasChanged += reload;
}
private void reload()
{
this.InvokeAsync(this.StateHasChanged);
}
public void Dispose()
{
planner.StateHasChanged -= reload;
}
private IEnumerable<LocalAssignment> TodaysAssignments {
get
{
if(planner.LocalCourse == null || date == null)
return Enumerable.Empty<LocalAssignment>();
else
return planner.LocalCourse.Modules
.SelectMany(m => m.Assignments)
.Where(a => a.due_at.Date == date?.Date);
}
}
private string calculatedClass private string calculatedClass
{ {
get get
@@ -30,7 +54,7 @@
&& date < planner.LocalCourse.EndDate && date < planner.LocalCourse.EndDate
&& date > planner.LocalCourse.StartDate; && date > planner.LocalCourse.StartDate;
var totalClasses = dayInSemester ? $"bg-light {baseClasses}" : baseClasses; var totalClasses = dayInSemester ? $"bg-light-subtle text-light {baseClasses}" : baseClasses;
return totalClasses; return totalClasses;
} }
@@ -40,30 +64,27 @@
} }
} }
} }
void OnDragStart()
{
Console.WriteLine("on drag start");
}
void OnDrop()
{
Console.WriteLine("on drop");
dragging = false;
if(dragContainer.AssignmentBeingDragged == null){
System.Console.WriteLine("no assignment in drop event");
return;
}
Console.WriteLine(JsonSerializer.Serialize(dragContainer.AssignmentBeingDragged));
dragContainer.AssignmentBeingDragged = null;
}
void OnDragEnter() { void OnDragEnter() {
dragging = true; dragging = true;
} }
void OnDragLeave() { void OnDragLeave() {
dragging = false; dragging = false;
} }
void OnDrop()
{
@* System.Console.WriteLine("on drop"); *@
dragging = false;
if(dragContainer.DropCallback == null){
System.Console.WriteLine("no drop callback set");
return;
}
if(date != null)
{
DateTime d = date ?? throw new Exception("should not get here, error converting date from nullable");
dragContainer.DropCallback?.Invoke(d);
}
}
} }
<div <div
@@ -72,7 +93,12 @@
@ondragenter="OnDragEnter" @ondragenter="OnDragEnter"
@ondragleave="OnDragLeave" @ondragleave="OnDragLeave"
ondragover="event.preventDefault();" ondragover="event.preventDefault();"
ondragstart="event.dataTransfer.setData('', event.target.id);"
> >
@(isWeekDay ? date?.Day : "") @(isWeekDay ? date?.Day : "")
<ul class="m-0 ps-3">
@foreach (var assignment in TodaysAssignments)
{
<li>@assignment.name</li>
}
</ul>
</div> </div>

4
Management.Web/Utils/AssignmentDragContainer.cs
View File

@@ -1,4 +1,4 @@
public class AssignmentDragContainer public class AssignmentDragContainer
{ {
public LocalAssignment? AssignmentBeingDragged { get; set; } public Action<DateTime>? DropCallback { get; set; }
} }

2
Management/Models/Local/LocalModules.cs
View File

@@ -3,4 +3,6 @@ namespace LocalModels;
public record LocalModule public record LocalModule
{ {
public string Name { get; init; } = string.Empty; public string Name { get; init; } = string.Empty;
public IEnumerable<LocalAssignment> Assignments { get; init; } =
Enumerable.Empty<LocalAssignment>();
} }

40
Management/Models/LocalAssignment.cs
View File

@@ -2,28 +2,28 @@ public record RubricItem(int Points, string Label);
public enum SubmissionType public enum SubmissionType
{ {
online_quiz, online_quiz,
none, none,
on_paper, on_paper,
discussion_topic, discussion_topic,
external_tool, external_tool,
online_upload, online_upload,
online_text_entry, online_text_entry,
online_url, online_url,
media_recording, media_recording,
student_annotation, student_annotation,
} }
public record LocalAssignment public record LocalAssignment
{ {
public string id { get; init; } = ""; public string id { get; init; } = "";
public string name { get; init; } = ""; public ulong? canvasId = null;
public string description { get; init; } = ""; public string name { get; init; } = "";
public bool published { get; init; } public string description { get; init; } = "";
public bool lock_at_due_date { get; init; } public bool lock_at_due_date { get; init; }
public IEnumerable<RubricItem> rubric { get; init; } = new RubricItem[] { }; public IEnumerable<RubricItem> rubric { get; init; } = new RubricItem[] { };
public DateTime? lock_at { get; init; } public DateTime? lock_at { get; init; }
public DateTime due_at { get; init; } public DateTime due_at { get; init; }
public int points_possible { get; init; } public int points_possible { get; init; }
public IEnumerable<SubmissionType> submission_types { get; init; } = new SubmissionType[] { }; public IEnumerable<SubmissionType> submission_types { get; init; } = new SubmissionType[] { };
} }