chapter-organizer/WebApp/Components/Pages/NoteHistoryDialog.razor

@using Core.Entities
@using WebApp.Services
@using MudBlazor
@inject INotesService NotesService
@inject IDialogService DialogService

<MudDialog>
    <DialogContent>
        @if (_isLoading)
        {
            <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="my-4" />
        }
        else if (!_history.Any())
        {
            <MudText Typo="Typo.body1" Align="Align.Center" Class="my-4">
                No history available for this note.
            </MudText>
        }
        else
        {
            <MudTable Items="@_history" Hover="true" Striped="true" Dense="true">
                <HeaderContent>
                    <MudTh>Date/Time</MudTh>
                    <MudTh>User</MudTh>
                    <MudTh>Change Type</MudTh>
                    <MudTh>Title</MudTh>
                    <MudTh>Actions</MudTh>
                </HeaderContent>
                <RowTemplate>
                    <MudTd DataLabel="Date/Time">
                        @context.ModifiedAt.ToString("g")
                    </MudTd>
                    <MudTd DataLabel="User">
                        @(context.ModifiedBy ?? "Unknown")
                    </MudTd>
                    <MudTd DataLabel="Change Type">
                        <MudChip T="string" Size="Size.Small" 
                                Color="@GetChangeTypeColor(context.ChangeType)">
                            @context.ChangeType
                        </MudChip>
                    </MudTd>
                    <MudTd DataLabel="Title">
                        @context.Title
                    </MudTd>
                    <MudTd DataLabel="Actions">
                        <MudButton StartIcon="@Icons.Material.Filled.Visibility"
                                  OnClick="() => ViewVersion(context)"
                                  Variant="Variant.Text"
                                  Size="Size.Small">
                            View
                        </MudButton>
                    </MudTd>
                </RowTemplate>
            </MudTable>
        }
    </DialogContent>
    <DialogActions>
        <MudButton OnClick="Close">Close</MudButton>
    </DialogActions>
</MudDialog>

@code {
    [CascadingParameter]
    IMudDialogInstance MudDialog { get; set; } = null!;

    [Parameter]
    public int NoteId { get; set; }

    private List<NoteHistory> _history = [];
    private bool _isLoading = true;

    protected override async Task OnInitializedAsync()
    {
        await LoadHistory();
    }

    private async Task LoadHistory()
    {
        try
        {
            _history = (await NotesService.GetNoteHistoryAsync(NoteId)).ToList();
        }
        catch (Exception ex)
        {
            // Error handling - could show snackbar if we had access
        }
        finally
        {
            _isLoading = false;
        }
    }

    private Color GetChangeTypeColor(string changeType)
    {
        return changeType switch
        {
            "Created" => Color.Success,
            "Updated" => Color.Info,
            "Deleted" => Color.Error,
            "Soft Deleted" => Color.Error,
            "Restored" => Color.Success,
            _ => Color.Default
        };
    }

    private async Task ViewVersion(NoteHistory history)
    {
        var parameters = new DialogParameters
        {
            ["History"] = history
        };

        var options = new DialogOptions
        {
            MaxWidth = MaxWidth.Medium,
            FullWidth = true,
            CloseButton = true
        };

        await DialogService.ShowAsync<NoteVersionViewDialog>("View Version", parameters, options);
    }

    private void Close()
    {
        MudDialog.Close();
    }
}