Skip to content

Task assignment redesign with task templates and task lists #129

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
matayasdurr merged 2 commits into from
Mar 27, 2026
Merged

Task assignment redesign with task templates and task lists #129

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
509a1e1
Implement task library + task lists backend and bootstrap UI on assig…
matayasdurr Mar 12, 2026
b6e755f
Implemented task template and task list management system with UI and…
matayasdurr Mar 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,073 changes: 903 additions & 170 deletions CulinaryCommandApp/Components/Pages/Assignments/AdminAssignTask.razor
View file
Open in desktop

Large diffs are not rendered by default.

80 changes: 80 additions & 0 deletions CulinaryCommandApp/Components/Pages/Assignments/CreateTaskListModal.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
@using CulinaryCommand.Data.Models
@using Microsoft.AspNetCore.Components.Forms

@if (IsOpen)
{
<div class="modal fade show d-block" tabindex="-1" style="background-color: rgba(0,0,0,.45);">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-0 shadow rounded-4">
<div class="modal-header">
<h5 class="modal-title">Create Task List</h5>
<button type="button" class="btn-close" @onclick="Close"></button>
</div>

<EditForm Model="Model" OnValidSubmit="HandleSubmit">
<DataAnnotationsValidator />
<ValidationSummary />

<div class="modal-body">
<div class="mb-3">
<label class="form-label">Task List Name</label>
<InputText class="form-control" @bind-Value="Model.Name" />
</div>

<div class="mb-3">
<label class="form-label">Notes</label>
<InputTextArea class="form-control" rows="3" @bind-Value="Model.Description" />
</div>
</div>

<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" @onclick="Close" disabled="@IsSaving">
Cancel
</button>
<button type="submit" class="btn btn-success" disabled="@IsSaving">
@(IsSaving ? "Saving..." : "Create Task List")
</button>
</div>
</EditForm>
</div>
</div>
</div>
}

@code {
[Parameter] public bool IsOpen { get; set; }
[Parameter] public int LocationId { get; set; }
[Parameter] public int? CreatedByUserId { get; set; }
[Parameter] public EventCallback OnClose { get; set; }
[Parameter] public EventCallback<CreateTaskListRequest> OnSave { get; set; }

private CreateTaskListRequest Model = new();
private bool IsSaving;

protected override void OnParametersSet()
{
if (IsOpen)
{
Model = new CreateTaskListRequest
{
LocationId = LocationId,
CreatedByUserId = CreatedByUserId,
IsActive = true
};
}
}

private async Task HandleSubmit()
{
IsSaving = true;
Model.LocationId = LocationId;
Model.CreatedByUserId = CreatedByUserId;
await OnSave.InvokeAsync(Model);
IsSaving = false;
}

private async Task Close()
{
await OnClose.InvokeAsync();
}
}
134 changes: 134 additions & 0 deletions CulinaryCommandApp/Components/Pages/Assignments/CreateTaskTemplateModal.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
@using CulinaryCommand.Data.Enums
@using CulinaryCommand.Data.Models
@using Microsoft.AspNetCore.Components.Forms

@if (IsOpen)
{
<div class="modal fade show d-block" tabindex="-1" style="background-color: rgba(0,0,0,.45);">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content border-0 shadow rounded-4">
<div class="modal-header">
<h5 class="modal-title">Create Task Template</h5>
<button type="button" class="btn-close" @onclick="Close"></button>
</div>

<EditForm Model="Model" OnValidSubmit="HandleSubmit">
<DataAnnotationsValidator />
<ValidationSummary />

<div class="modal-body">
<div class="row g-3">

<div class="col-12 col-md-6">
<label class="form-label">Task Name</label>
<InputText class="form-control" @bind-Value="Model.Name" />
</div>

<div class="col-12 col-md-6">
<label class="form-label">Station</label>
<InputSelect class="form-select" @bind-Value="Model.Station">
@foreach (var station in StationOptions)
{
<option value="@station">@station</option>
}
</InputSelect>
</div>

<div class="col-12 col-md-6">
<label class="form-label">Task Type</label>
<InputSelect class="form-select" @bind-Value="Model.Kind">
<option value="@WorkTaskKind.Generic">General</option>
<option value="@WorkTaskKind.PrepFromRecipe">Prep from Recipe</option>
</InputSelect>
</div>

<div class="col-12 col-md-6">
<label class="form-label">Priority</label>
<InputSelect class="form-select" @bind-Value="Model.Priority">
@foreach (var p in PriorityOptions)
{
<option value="@p">@p</option>
}
</InputSelect>
</div>

<div class="col-12 col-md-6">
<label class="form-label">Estimated Minutes</label>
<InputNumber class="form-control" @bind-Value="Model.DefaultEstimatedMinutes" />
</div>

<div class="col-12">
<label class="form-label">Notes</label>
<InputTextArea class="form-control" rows="3" @bind-Value="Model.Notes" />
</div>

</div>
</div>

<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" @onclick="Close" disabled="@IsSaving">
Cancel
</button>
<button type="submit" class="btn btn-success" disabled="@IsSaving">
@(IsSaving ? "Saving..." : "Create Template")
</button>
</div>
</EditForm>
</div>
</div>
</div>
}

@code {
[Parameter] public bool IsOpen { get; set; }
[Parameter] public int LocationId { get; set; }
[Parameter] public int? CreatedByUserId { get; set; }

[Parameter] public EventCallback OnClose { get; set; }
[Parameter] public EventCallback<CreateTaskTemplateRequest> OnSave { get; set; }

private CreateTaskTemplateRequest Model = new();
private bool IsSaving;

private readonly List<string> StationOptions = new()
{
"Prep", "Grill", "Saute", "Expo", "Pastry", "Dish"
};

private readonly List<string> PriorityOptions = new()
{
"Low", "Normal", "High", "Critical"
};

protected override void OnParametersSet()
{
if (IsOpen)
{
Model = new CreateTaskTemplateRequest
{
LocationId = LocationId,
CreatedByUserId = CreatedByUserId,
Station = "Prep",
Priority = "Normal",
Kind = WorkTaskKind.Generic
};
}
}

private async Task HandleSubmit()
{
IsSaving = true;

Model.LocationId = LocationId;
Model.CreatedByUserId = CreatedByUserId;

await OnSave.InvokeAsync(Model);

IsSaving = false;
}

private async Task Close()
{
await OnClose.InvokeAsync();
}
}
80 changes: 80 additions & 0 deletions CulinaryCommandApp/Components/Pages/Assignments/EditTaskListModal.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
@using CulinaryCommand.Data.Entities
@using CulinaryCommand.Data.Models
@using Microsoft.AspNetCore.Components.Forms

@if (IsOpen && TaskList != null)
{
<div class="modal fade show d-block" tabindex="-1" style="background-color: rgba(0,0,0,.45);">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-0 shadow rounded-4">
<div class="modal-header">
<h5 class="modal-title">Edit Task List</h5>
<button type="button" class="btn-close" @onclick="Close"></button>
</div>

<EditForm Model="Model" OnValidSubmit="HandleSubmit">
<DataAnnotationsValidator />
<ValidationSummary />

<div class="modal-body">
<div class="mb-3">
<label class="form-label">Task List Name</label>
<InputText class="form-control" @bind-Value="Model.Name" />
</div>

<div class="mb-3">
<label class="form-label">Notes</label>
<InputTextArea class="form-control" rows="3" @bind-Value="Model.Description" />
</div>
</div>

<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" @onclick="Close" disabled="@IsSaving">
Cancel
</button>
<button type="submit" class="btn btn-primary" disabled="@IsSaving">
@(IsSaving ? "Saving..." : "Save Changes")
</button>
</div>
</EditForm>
</div>
</div>
</div>
}

@code {
[Parameter] public bool IsOpen { get; set; }
[Parameter] public TaskList? TaskList { get; set; }
[Parameter] public EventCallback OnClose { get; set; }
[Parameter] public EventCallback<UpdateTaskListRequest> OnSave { get; set; }

private UpdateTaskListRequest Model = new();
private bool IsSaving;

protected override void OnParametersSet()
{
if (IsOpen && TaskList != null)
{
Model = new UpdateTaskListRequest
{
Id = TaskList.Id,
Name = TaskList.Name,
Description = TaskList.Description,
LocationId = TaskList.LocationId,
IsActive = TaskList.IsActive
};
}
}

private async Task HandleSubmit()
{
IsSaving = true;
await OnSave.InvokeAsync(Model);
IsSaving = false;
}

private async Task Close()
{
await OnClose.InvokeAsync();
}
}
Loading
Loading