TSA/chapter-organizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor ScheduledTeamsList component to enhance student exclusion UI

Browse Source 
This commit updates the ScheduledTeamsList.razor component by replacing the existing MudChip implementation with InteractiveChip for better user interaction when managing student exclusions. The logic for displaying excluded students has been simplified, improving the overall readability and maintainability of the code. Additionally, the hover functionality has been removed to streamline the user experience. These changes contribute to a more intuitive and responsive scheduling interface.
This commit is contained in:
James Kolpack
2026-01-14 09:50:16 -05:00
parent 27f08b3718
commit 68311f4012
3 changed files with 121 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebApp/Components/Features/MeetingSchedule/ScheduledTeamsList.razor
+23 -19
View File
@@ -55,29 +55,35 @@
AbsentStudents = AbsentStudents.ToList()
});
<MudStack Row="true" Spacing="0" AlignItems="AlignItems.Center"
Style="position: relative; display: inline-flex;"
@onmouseenter="@(() => _hoveredStudent = (team.Id, student.Id))"
@onmouseleave="@(() => _hoveredStudent = (null, null))">
@if (nonExcludedStudentCount > 1)
{
<InteractiveChip Size="Size.Small"
Color="@chipColor"
Variant="Variant.Outlined"
Style="@(isExcluded ? "opacity: 0.5;" : "")">
<ChildContent>
<span>@formattedName</span>
</ChildContent>
<ControlContent>
<MudIconButton Icon="@Icons.Material.Filled.Close"
Size="Size.Small"
Color="Color.Error"
Variant="Variant.Text"
OnClick="@(() => OnToggleStudentExclusion.InvokeAsync((team.Id, TimeSlotIndex, student.Id)))"
Style="padding: 0; min-width: 16px; width: 16px; height: 16px; margin-left: 4px;" />
</ControlContent>
</InteractiveChip>
}
else
{
<MudChip T="string"
Size="Size.Small"
Color="@chipColor"
Variant="Variant.Outlined"
Style="@(isExcluded ? "opacity: 0.5;" : "")">
<MudStack Row="true" Spacing="1" AlignItems="AlignItems.Center">
<span>@formattedName</span>
@if (_hoveredStudent == (team.Id, student.Id) && nonExcludedStudentCount > 1)
{
<MudIconButton Icon="@Icons.Material.Filled.Close"
Size="Size.Small"
Color="Color.Error"
Variant="Variant.Text"
OnClick="@(() => OnToggleStudentExclusion.InvokeAsync((team.Id, TimeSlotIndex, student.Id)))"
Style="padding: 0; min-width: 16px; width: 16px; height: 16px; margin-left: 4px;" />
}
</MudStack>
<span>@formattedName</span>
</MudChip>
</MudStack>
}
}
</MudStack>
</MudStack>
@@ -112,8 +118,6 @@
[Parameter]
public EventCallback<(int teamId, int timeSlotIndex, int studentId)> OnToggleStudentExclusion { get; set; }
private (int? teamId, int? studentId) _hoveredStudent = (null, null);
private bool IsStudentExcluded(int teamId, int timeSlotIndex, int studentId)
{
var key = (teamId, timeSlotIndex, studentId);