| | | 1 | | @namespace Syki.Front.Features.Academic.AssignCampiToTeacher |
| | | 2 | | |
| | | 3 | | <MudDrawer @bind-Open="@_open" Width="@_width" Anchor="Anchor.Right" Elevation="1" Variant="@DrawerVariant.Temporary"> |
| | | 4 | | <MudDrawerHeader Class="justify-space-between"> |
| | | 5 | | <MudStack Row Justify="Justify.FlexStart" AlignItems="AlignItems.Center" Spacing="3"> |
| | | 6 | | <MudIcon Icon="@Icons.Material.Filled.GroupWork" /> |
| | | 7 | | <MudText Typo="Typo.h5"><b>Campi do professor</b></MudText> |
| | | 8 | | </MudStack> |
| | | 9 | | <MudIconButton Icon="@Icons.Material.Filled.Close" OnClick="@Close" /> |
| | | 10 | | </MudDrawerHeader> |
| | | 11 | | |
| | | 12 | | <MudGrid Spacing="1" Class="px-6"> |
| | 0 | 13 | | <MudForm @ref="@_form" Style="width: 100%"> |
| | 0 | 14 | | <MudGrid Spacing="2"> |
| | 0 | 15 | | <MudItem xs="12" Class="my-2"> |
| | 0 | 16 | | <MudStack Row AlignItems="AlignItems.Center" Justify="Justify.FlexStart" Spacing="1"> |
| | 0 | 17 | | <MudIcon Icon="@Icons.Material.Filled.Person4" Size="Size.Medium" /> |
| | 0 | 18 | | <MudText Typo="Typo.h6"><b>@_teacher.Name</b></MudText> |
| | | 19 | | </MudStack> |
| | | 20 | | </MudItem> |
| | | 21 | | |
| | | 22 | | <MudItem xs="12"> |
| | | 23 | | <SykiTitleText Icon="@GetSelectedCampiIcon()" Text="@GetSelectedCampiTitle()" /> |
| | | 24 | | </MudItem> |
| | | 25 | | |
| | | 26 | | <MudItem xs="12"> |
| | | 27 | | <MudAutocomplete |
| | | 28 | | MaxItems="50" |
| | | 29 | | T="AssignCampiToTeacherSelect" |
| | | 30 | | SearchFunc="@SearchCampus" |
| | | 31 | | Dense |
| | | 32 | | Placeholder="" |
| | 0 | 33 | | ToStringFunc="@(e => null)" |
| | | 34 | | DebounceInterval="100" |
| | | 35 | | ResetValueOnEmptyText |
| | | 36 | | Margin="Margin.Dense" |
| | | 37 | | Variant="Variant.Outlined" |
| | | 38 | | Class="mb-2" |
| | | 39 | | Value="@_campus" |
| | 0 | 40 | | ValueChanged="(AssignCampiToTeacherSelect newValue) => HandleCampusChanged(newValue)" |
| | | 41 | | Label="Campus" |
| | | 42 | | AdornmentColor="Color.Primary" |
| | | 43 | | > |
| | | 44 | | <ItemTemplate Context="e"> |
| | | 45 | | <MudStack Row Spacing="0"> |
| | 0 | 46 | | <MudText Typo="Typo.body1">@e.Name</MudText> |
| | | 47 | | </MudStack> |
| | | 48 | | </ItemTemplate> |
| | | 49 | | <NoItemsTemplate> |
| | | 50 | | <MudStack Row Spacing="0" AlignItems="AlignItems.Center" Justify="Justify.Center"> |
| | | 51 | | <MudText Typo="Typo.body1">Nenhum campus encontrado</MudText> |
| | | 52 | | </MudStack> |
| | | 53 | | </NoItemsTemplate> |
| | | 54 | | </MudAutocomplete> |
| | | 55 | | </MudItem> |
| | | 56 | | </MudGrid> |
| | | 57 | | |
| | | 58 | | <MudItem xs="12" Class="mt-2"> |
| | 0 | 59 | | @if (_selectedCampi.Count > 0) |
| | | 60 | | { |
| | | 61 | | <MudDataGrid |
| | | 62 | | Dense |
| | | 63 | | Hover |
| | | 64 | | Class="my-2" |
| | | 65 | | SortMode="SortMode.None" |
| | 0 | 66 | | Items="@_selectedCampi.OrderBy(d => d.Name)" |
| | | 67 | | > |
| | | 68 | | <Columns> |
| | | 69 | | <PropertyColumn Property="x => x.Name" Title="Campus" /> |
| | | 70 | | <TemplateColumn CellClass="d-flex justify-end"> |
| | | 71 | | <CellTemplate> |
| | 0 | 72 | | <MudIconButton Size="@Size.Small" Icon="@Icons.Material.Outlined.Delete" Color="@Col |
| | | 73 | | </CellTemplate> |
| | | 74 | | </TemplateColumn> |
| | | 75 | | </Columns> |
| | | 76 | | </MudDataGrid> |
| | | 77 | | } |
| | | 78 | | </MudItem> |
| | | 79 | | </MudForm> |
| | | 80 | | </MudGrid> |
| | | 81 | | |
| | | 82 | | <MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Spacing="3" Class="px-2 pt-6"> |
| | | 83 | | <DialogCancelButton OnClick="@Close" /> |
| | 0 | 84 | | <DialogSaveButton OnClick="@Submit" Disabled="@_selectedCampi.Select(x => x.Id).ToList().IsEquivalentTo(_teacher |
| | | 85 | | </MudStack> |
| | | 86 | | </MudDrawer> |
| | | 87 | | |
| | | 88 | | @inject ISnackbar Snackbar |
| | | 89 | | @inject NavigationManager Nav |
| | | 90 | | @inject GetCampiClient GetCampiClient |
| | | 91 | | @inject IBrowserViewportService BrowserViewportService |
| | | 92 | | @inject GetAcademicTeacherClient GetAcademicTeacherClient |
| | | 93 | | @inject AssignCampiToTeacherClient AssignCampiToTeacherClient |
| | | 94 | | |
| | | 95 | | @code |
| | | 96 | | { |
| | | 97 | | [Parameter] |
| | 0 | 98 | | public EventCallback AfterSubmit { get; set; } |
| | | 99 | | |
| | | 100 | | private bool _open; |
| | 0 | 101 | | private string _width = "520px"; |
| | | 102 | | private Breakpoint _breakpoint; |
| | | 103 | | |
| | | 104 | | private MudForm _form; |
| | | 105 | | private bool _loading; |
| | | 106 | | |
| | 0 | 107 | | private GetAcademicTeacherOut _teacher = new(); |
| | | 108 | | |
| | | 109 | | private AssignCampiToTeacherSelect? _campus; |
| | 0 | 110 | | private List<AssignCampiToTeacherSelect> _campi = []; |
| | 0 | 111 | | private HashSet<AssignCampiToTeacherSelect> _selectedCampi = []; |
| | | 112 | | |
| | | 113 | | protected override async Task OnInitializedAsync() |
| | | 114 | | { |
| | 0 | 115 | | _breakpoint = await BrowserViewportService.GetCurrentBreakpointAsync(); |
| | 0 | 116 | | _width = _breakpoint == Breakpoint.Xs ? "100%" : "520px"; |
| | 0 | 117 | | _campi = (await GetCampiClient.Get()).ConvertAll(x => new AssignCampiToTeacherSelect() { Id = x.Id, Name = x.Nam |
| | 0 | 118 | | } |
| | | 119 | | |
| | | 120 | | private async Task<IEnumerable<AssignCampiToTeacherSelect>> SearchCampus(string value, CancellationToken cancellatio |
| | | 121 | | { |
| | 0 | 122 | | await Task.Yield(); |
| | | 123 | | |
| | 0 | 124 | | var filtered = _campi.Where(d => !d.IsSelected) |
| | 0 | 125 | | .ToList().ConvertAll(x => new AssignCampiToTeacherSelect { Id = x.Id, Name = x.Name }); |
| | | 126 | | |
| | 0 | 127 | | if (string.IsNullOrEmpty(value)) |
| | 0 | 128 | | return filtered; |
| | | 129 | | |
| | 0 | 130 | | return filtered.Where(x => x.Name.Contains(value, StringComparison.InvariantCultureIgnoreCase)); |
| | 0 | 131 | | } |
| | | 132 | | |
| | | 133 | | private void HandleCampusChanged(AssignCampiToTeacherSelect newValue) |
| | | 134 | | { |
| | 0 | 135 | | _campi.First(d => d.Id == newValue.Id).IsSelected = true; |
| | 0 | 136 | | _selectedCampi.Add(newValue); |
| | 0 | 137 | | } |
| | | 138 | | |
| | | 139 | | private void UnselectCampus(AssignCampiToTeacherSelect campus) |
| | | 140 | | { |
| | 0 | 141 | | _campi.FirstOrDefault(d => d.Id == campus.Id)?.IsSelected = false; |
| | 0 | 142 | | _selectedCampi.Remove(campus); |
| | 0 | 143 | | } |
| | | 144 | | |
| | | 145 | | public async Task Open(Guid teacherId) |
| | | 146 | | { |
| | 0 | 147 | | _loading = true; |
| | | 148 | | |
| | 0 | 149 | | var response = await GetAcademicTeacherClient.Get(teacherId); |
| | 0 | 150 | | if (response.IsSuccess) |
| | | 151 | | { |
| | 0 | 152 | | _teacher = response.Success; |
| | 0 | 153 | | _selectedCampi = _teacher.Campi |
| | 0 | 154 | | .Select(x => new AssignCampiToTeacherSelect() { Id = x.Id, Name = x.Name }) |
| | 0 | 155 | | .ToHashSet(); |
| | | 156 | | } |
| | | 157 | | else |
| | | 158 | | { |
| | 0 | 159 | | Snackbar.Add(response.Error.Message, Severity.Error); |
| | | 160 | | } |
| | | 161 | | |
| | 0 | 162 | | _campus = null; |
| | 0 | 163 | | _campi.ForEach(x => x.IsSelected = _selectedCampi.Any(c => c.Id == x.Id)); |
| | | 164 | | |
| | 0 | 165 | | _open = true; |
| | 0 | 166 | | await _form?.ResetAsync(); |
| | | 167 | | |
| | 0 | 168 | | _loading = false; |
| | | 169 | | |
| | 0 | 170 | | StateHasChanged(); |
| | 0 | 171 | | } |
| | | 172 | | |
| | | 173 | | private void Close() |
| | | 174 | | { |
| | 0 | 175 | | _open = false; |
| | 0 | 176 | | } |
| | | 177 | | |
| | | 178 | | private async Task Submit() |
| | | 179 | | { |
| | 0 | 180 | | if (_loading) return; |
| | | 181 | | |
| | 0 | 182 | | await _form.Validate(); |
| | 0 | 183 | | if (!_form.IsValid) return; |
| | | 184 | | |
| | 0 | 185 | | _loading = true; |
| | 0 | 186 | | var selectedCampi = _selectedCampi.Select(x => x.Id).ToList(); |
| | 0 | 187 | | var response = await AssignCampiToTeacherClient.Assign(_teacher.Id, selectedCampi); |
| | 0 | 188 | | if (response.IsSuccess) |
| | | 189 | | { |
| | 0 | 190 | | Snackbar.Add("Campus salvos com sucesso!", Severity.Success); |
| | 0 | 191 | | await AfterSubmit.InvokeAsync(); |
| | 0 | 192 | | _open = false; |
| | | 193 | | } |
| | | 194 | | else |
| | | 195 | | { |
| | 0 | 196 | | Snackbar.Add(response.Error.Message, Severity.Error); |
| | | 197 | | } |
| | 0 | 198 | | _loading = false; |
| | 0 | 199 | | } |
| | | 200 | | |
| | | 201 | | private string GetSelectedCampiIcon() |
| | | 202 | | { |
| | 0 | 203 | | var count = _selectedCampi.Count; |
| | 0 | 204 | | if (count == 0) return Icons.Material.Filled.Error; |
| | | 205 | | |
| | 0 | 206 | | return Icons.Material.Filled.Check; |
| | | 207 | | } |
| | | 208 | | |
| | | 209 | | private string GetSelectedCampiTitle() |
| | | 210 | | { |
| | 0 | 211 | | var count = _selectedCampi.Count; |
| | 0 | 212 | | if (count == 0) return "Nenhum campus selecionado"; |
| | | 213 | | |
| | 0 | 214 | | if (count == 1) return $"1 campus selecionado"; |
| | | 215 | | |
| | 0 | 216 | | return $"{count} campus selecionados"; |
| | | 217 | | } |
| | | 218 | | } |