alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 23:28:33 -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

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
@code {
[Parameter, EditorRequired]
public string ModuleName { get; set; } = "";
[Parameter]
public EventCallback OnSubmit { get; set; }
[EditorRequired]
public LocalModule Module { get; set; } = default!;
[Required]
[StringLength(50, ErrorMessage = "Name too long (50 character limit).")]
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
{
id = Guid.NewGuid().ToString(),
name = Name,
description = "testDescription",
published = false,
description = "",
lock_at_due_date = true,
rubric = new RubricItem[] { },
lock_at = null,
@@ -28,21 +30,46 @@
points_possible = 10,
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">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<form @onsubmit:preventDefault="true" @onsubmit="submitHandler">
<label for="Assignment Name">Name</label>
<input id="moduleName" class="form-control" @bind="Name" />
<button class="btn btn-primary">Save</button>
</form>
</div>
</div>
</div>
</div>
<Modal @ref="modal">
<Title>New Assignment</Title>
<Body>
<form @onsubmit:preventDefault="true" @onsubmit="submitHandler">
<label for="Assignment Name">Name</label>
<input id="moduleName" class="form-control" @bind="Name" />
</form>
</Body>
<Footer>
<button
type="button"
class="btn btn-primary"
@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 LocalModels
@inject CoursePlanner configurationManagement
@inject CoursePlanner planner
@code {
[Parameter, EditorRequired]
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>
<button
class="btn btn-primary"
@onclick="() => showAddAssignment = true"
>
Add Assignment
</button>
<h2 class="accordion-header">
<button
class="accordion-button"
type="button"
data-bs-toggle="collapse"
data-bs-target="@("#" + accordionId)"
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)
{
<NewAssignment ModuleName="Module.Name" OnSubmit="() => showAddAssignment = false" />
}
<h5>Assignments</h5>
<div class="row">
@* @foreach (var a in module.Assignments)
{
<AssignmentCard assignment="a" />
} *@
</div>
<div class="row m-1">
<div class="col my-auto">
<h5>Assignments</h5>
</div>
<div class="col-auto">
<NewAssignment
Module="Module"
/>
</div>
</div>
<div class="row">
@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 {
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)
{
<button class="btn btn-secondary" @onclick="() => showNewModule = true">New Module</button>
}
else
{
<button class="btn btn-secondary" @onclick="() => showNewModule = false">Hide New Module</button>
}
<div class="row justify-content-end mb-1">
<div class="col-auto">
@if (!showNewModule)
{
<button class="btn btn-outline-secondary" @onclick="() => showNewModule = true">New Module</button>
}
else
{
<button class="btn btn-outline-secondary" @onclick="() => showNewModule = false">Hide New Module</button>
}
</div>
</div>
@if (showNewModule)
{
@@ -26,9 +42,11 @@ else
@if (planner.LocalCourse != null)
{
<div class="accordion" id="modulesAccordion">
@foreach (var module in planner.LocalCourse.Modules)
{
<hr>
<ModuleDetail Module="module" />
}
</div>
}