alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-26 07:38: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>