mirror of
https://github.com/alexmickelson/canvasManagement.git
synced 2026-03-25 23:28:33 -06:00
starting to drag and drop assignments
This commit is contained in:
@@ -7,7 +7,6 @@
|
|||||||
|
|
||||||
@code
|
@code
|
||||||
{
|
{
|
||||||
|
|
||||||
private SemesterPlanner? semester { get; set; }
|
private SemesterPlanner? semester { get; set; }
|
||||||
protected override void OnParametersSet()
|
protected override void OnParametersSet()
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -24,8 +24,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
<div draggable="true"
|
<div draggable="true"
|
||||||
@ondragstart="OnDragStart">
|
@ondragstart="OnDragStart"
|
||||||
Drag me!
|
>
|
||||||
|
Drag me!
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
|
|||||||
@@ -17,6 +17,7 @@ builder.Services.AddSingleton<IWebRequestor, WebRequestor>();
|
|||||||
builder.Services.AddSingleton<ICanvasService, CanvasService>();
|
builder.Services.AddSingleton<ICanvasService, CanvasService>();
|
||||||
builder.Services.AddSingleton<IConfigurationManagement, ConfigurationManagement>();
|
builder.Services.AddSingleton<IConfigurationManagement, ConfigurationManagement>();
|
||||||
builder.Services.AddSingleton<IModuleManager, ModuleManager>();
|
builder.Services.AddSingleton<IModuleManager, ModuleManager>();
|
||||||
|
builder.Services.AddSingleton<AssignmentDragContainer>();
|
||||||
|
|
||||||
var app = builder.Build();
|
var app = builder.Build();
|
||||||
|
|
||||||
|
|||||||
23
Management.Web/Shared/Module/Assignment/AssignmentCard.razor
Normal file
23
Management.Web/Shared/Module/Assignment/AssignmentCard.razor
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
@inject AssignmentDragContainer dragContainer
|
||||||
|
|
||||||
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
[Required]
|
||||||
|
public LocalAssignment assignment { get; set; } = new();
|
||||||
|
private async Task HandleDragStart()
|
||||||
|
{
|
||||||
|
dragContainer.AssignmentBeingDragged = assignment;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
<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>
|
||||||
@@ -1,11 +1,9 @@
|
|||||||
@using Management.Web.Shared.Module.Assignment
|
@using Management.Web.Shared.Module.Assignment
|
||||||
|
|
||||||
|
|
||||||
@inject IModuleManager moduleManager
|
@inject IModuleManager moduleManager
|
||||||
|
|
||||||
@code {
|
@code {
|
||||||
[Parameter, EditorRequired]
|
[Parameter, EditorRequired]
|
||||||
public int ModuleIndex { get; set; }
|
public int ModuleIndex { get; set; }
|
||||||
|
|
||||||
private bool showAddAssignment { get; set; } = false;
|
private bool showAddAssignment { get; set; } = false;
|
||||||
|
|
||||||
@@ -20,32 +18,23 @@
|
|||||||
|
|
||||||
@if (module != null)
|
@if (module != null)
|
||||||
{
|
{
|
||||||
<h3 class="text-center">@module.Name</h3>
|
<h3 class="text-center">@module.Name</h3>
|
||||||
<button class="btn btn-primary" @onclick="() => showAddAssignment = true">Add Assignment</button>
|
<button class="btn btn-primary" @onclick="() => showAddAssignment = true">Add Assignment</button>
|
||||||
@if (showAddAssignment)
|
@if (showAddAssignment)
|
||||||
{
|
{
|
||||||
<div class="ms-5 ">
|
<div class="ms-5 ">
|
||||||
<div class="bg-light border rounded m-3 p-3">
|
<div class="bg-light border rounded m-3 p-3">
|
||||||
<NewAssignment ModuleIndex="ModuleIndex" OnSubmit="() => showAddAssignment = false" />
|
<NewAssignment ModuleIndex="ModuleIndex" OnSubmit="() => showAddAssignment = false" />
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
<h5>Assignments</h5>
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
@foreach (var assignment in module.Assignments)
|
|
||||||
{
|
|
||||||
<div class="col-2">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<div class="card-title">
|
|
||||||
@assignment.name
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
}
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<h5>Assignments</h5>
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
@foreach (var a in module.Assignments)
|
||||||
|
{
|
||||||
|
<AssignmentCard assignment="a" />
|
||||||
|
}
|
||||||
|
</div>
|
||||||
}
|
}
|
||||||
4
Management.Web/Utils/AssignmentDragContainer.cs
Normal file
4
Management.Web/Utils/AssignmentDragContainer.cs
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
public class AssignmentDragContainer
|
||||||
|
{
|
||||||
|
public LocalAssignment? AssignmentBeingDragged { get; set; }
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user