hcs/Hcs.WebApp/Components/Pages/Campaigns.razor

@page "/campaigns"

@using Hcs.WebApp.BackgroundServices
@using Hcs.WebApp.Services
@using Microsoft.AspNetCore.Authorization

@implements IDisposable

@attribute [Authorize]

@inject AuthenticationStateProvider AuthenticationStateProvider
@inject HeadquartersService HeadquartersService
@inject CampaignManagementState CampaignManagementState

<PageTitle>Кампании</PageTitle>

<AuthorizedContent Roles="@($"{AppRole.ADMINISTRATOR_TYPE},{AppRole.OPERATOR_TYPE}")">
    <Content>
        <RadzenStack>
            <RadzenRow AlignItems="AlignItems.Center">
                <RadzenColumn Size="12" SizeMD="12">
                    <RadzenText Text="Кампании" TextStyle="TextStyle.H5" class="rz-m-0" />
                </RadzenColumn>
            </RadzenRow>
            <RadzenRow>
                <RadzenColumn SizeMD="12">
                    <RadzenDataGrid @ref="@dataGrid" TItem="Campaign" Data="@campaigns" RowExpand="@RowExpandAsync" IsLoading="@(state != CampaignsPageState.Idle)" AllowFiltering="true" AllowPaging="true" ShowPagingSummary="true" PageSizeOptions=@(new int[] { 5, 10, 20, 30 }) AllowSorting="true" AllowColumnResize="true" ExpandMode="DataGridExpandMode.Single">
                        <Template Context="campaign">
                            <RadzenDataGrid Data="@campaign.Operations" AllowFiltering="true" AllowPaging="true" ShowPagingSummary="true" PageSizeOptions=@(new int[] { 5, 10, 20, 30 }) AllowSorting="true" AllowColumnResize="true">
                                <Columns>
                                    <RadzenDataGridColumn Property="Id" Title="ID" SortOrder="SortOrder.Descending" Resizable="false" Width="100px" MaxWidth="100px" />
                                    <RadzenDataGridColumn Property="Type" Title="Тип операции" />
                                    <RadzenDataGridColumn Property="CreatedAt" Title="Дата создания" Resizable="false" Width="150px" MaxWidth="150px" />
                                    <RadzenDataGridColumn Property="StartedAt" Title="Дата начала" Resizable="false" Width="150px" MaxWidth="150px" />
                                    <RadzenDataGridColumn Property="EndedAt" Title="Дата окончания" Resizable="false" Width="150px" MaxWidth="150px" />
                                    <RadzenDataGridColumn Property="MessageGuid" Title="ID сообщения" />
                                    <RadzenDataGridColumn Property="FailureReason" Title="Причина ошибки" />
                                </Columns>
                            </RadzenDataGrid>
                        </Template>
                        <Columns>
                            <RadzenDataGridColumn TItem="Campaign" Property="Id" Title="ID" SortOrder="SortOrder.Descending" Resizable="false" Width="100px" MaxWidth="100px" />
                            <RadzenDataGridColumn TItem="Campaign" Property="Type" Title="Тип кампании" />
                            <RadzenDataGridColumn Title="Состояние" Filterable="false" Sortable="false" Resizable="false" Width="70px" MaxWidth="70px">
                                <Template Context="campaign">
                                    <RadzenProgressBar ProgressBarStyle="@(campaign.EndedAt.HasValue ? (string.IsNullOrEmpty(campaign.FailureReason) ? ProgressBarStyle.Success : ProgressBarStyle.Danger) : ProgressBarStyle.Primary)" Value="@campaign.Progress" ShowValue="false" />
                                </Template>
                            </RadzenDataGridColumn>
                            <RadzenDataGridColumn TItem="Campaign" Property="CreatedAt" Title="Дата создания" Resizable="false" Width="150px" MaxWidth="150px" />
                            <RadzenDataGridColumn TItem="Campaign" Property="StartedAt" Title="Дата начала" Resizable="false" Width="150px" MaxWidth="150px" />
                            <RadzenDataGridColumn TItem="Campaign" Property="EndedAt" Title="Дата окончания" Resizable="false" Width="150px" MaxWidth="150px" />
                            <RadzenDataGridColumn TItem="Campaign" Property="FailureReason" Title="Причина ошибки" />
                        </Columns>
                    </RadzenDataGrid>
                </RadzenColumn>
            </RadzenRow>
        </RadzenStack>
    </Content>
</AuthorizedContent>

@code {
    enum CampaignsPageState
    {
        Init,
        Loading,
        Idle
    }

    CampaignsPageState state;
    RadzenDataGrid<Campaign> dataGrid;
    IEnumerable<Campaign>? campaigns;
    Campaign? expandedCampaign;

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        await base.OnAfterRenderAsync(firstRender);

        if (firstRender)
        {
            ChangeState(CampaignsPageState.Loading);

            var state = await AuthenticationStateProvider.GetAuthenticationStateAsync();
            if (state.User.IsInRole(AppRole.ADMINISTRATOR_TYPE) || state.User.IsInRole(AppRole.OPERATOR_TYPE))
            {
                campaigns = await HeadquartersService.GetCampaignsAsync();

                CampaignManagementState.OnCampaignCreated += OnCampaignCreated;
                CampaignManagementState.OnCampaignStarted += OnCampaignStarted;
                CampaignManagementState.OnCampaignProgressStep += OnCampaignProgressStep;
                CampaignManagementState.OnCampaignEnded += OnCampaignEnded;
            }

            ChangeState(CampaignsPageState.Idle);
        }
    }

    async Task RowExpandAsync(Campaign campaign)
    {
        expandedCampaign = campaign;

        if (campaign.Operations == null)
        {
            campaign.Operations = await HeadquartersService.GetOperationsAsync(campaign.Id);
        }
    }

    void ChangeState(CampaignsPageState state)
    {
        if (this.state == state) return;

        this.state = state;

        StateHasChanged();
    }

    void OnCampaignCreated(Campaign campaign)
    {
        Task.Run(RefreshCampaigns);
    }

    void OnCampaignStarted(Campaign campaign)
    {
        InvokeAsync(() =>
        {
            var targetCampaign = campaigns?.FirstOrDefault(x => x.Id == campaign.Id);
            if (targetCampaign != null)
            {
                targetCampaign.StartedAt = campaign.StartedAt;
            }

            if (expandedCampaign != null && expandedCampaign.Id == campaign.Id)
            {
                dataGrid.CollapseAll();

                expandedCampaign.Operations = null;
            }
        });
    }

    void OnCampaignProgressStep(Campaign campaign)
    {
        InvokeAsync(() =>
        {
            var targetCampaign = campaigns?.FirstOrDefault(x => x.Id == campaign.Id);
            if (targetCampaign != null)
            {
                targetCampaign.Step = campaign.Step;
                targetCampaign.Progress = campaign.Progress;

                if (expandedCampaign != null && expandedCampaign.Id == campaign.Id)
                {
                    dataGrid.CollapseAll();

                    expandedCampaign.Operations = null;
                }
            }
        });
    }

    void OnCampaignEnded(Campaign campaign)
    {
        Task.Run(RefreshCampaigns);
    }

    async Task RefreshCampaigns()
    {
        await InvokeAsync(() => ChangeState(CampaignsPageState.Loading));

        var refreshedCampaigns = await HeadquartersService.GetCampaignsAsync();

        await InvokeAsync(() =>
        {
            campaigns = refreshedCampaigns;
            expandedCampaign = null;

            ChangeState(CampaignsPageState.Idle);
        });
    }

    public void Dispose()
    {
        CampaignManagementState.OnCampaignCreated -= OnCampaignCreated;
        CampaignManagementState.OnCampaignStarted -= OnCampaignStarted;
        CampaignManagementState.OnCampaignProgressStep -= OnCampaignProgressStep;
        CampaignManagementState.OnCampaignEnded -= OnCampaignEnded;
    }
}