CaritasPWA/Pages/Fundvelo/CaritasServiceFundVeloPendingOverviewPage.razor

@page "/fundvelo/pending_overview"

@using cwebplusApp.Shared.Services;
@using cwebplusApp.Shared.Models;

@inject NavigationManager NavigationManager
@inject PageHistoryManager PageHistoryManager
@inject ReportDataProvider ReportDataProvider
@inject ReportRepositoryService ReportRepositoryService
@inject IStringLocalizer<Resources> I18n;
@inject Toaster Toaster;
@inject IMatDialogService MatDialogService;
@inject ScrollLockRemover ScrollLockRemover;

<div class="row px-3">
    <div class="row no-gutters align-items-start justify-content-center w-100" style="padding-top:1em">
        <h2>@I18n["Pending"]</h2>
    </div>
    <div class="row no-gutters align-items-start w-100">
        <MatTable RowClass="ReportRepositoryItem" Items="pendingReports" class="mat-elevation-z5" ShowPaging="false" UseSortHeaderRow="true"
                  OnRowDbClick="OnReportDblClicked" AllowSelection="true">
            <MatTableHeader>
                <th>Id</th>
                <th>@I18n["Type"]</th>
                <th>@I18n["Date"]</th>
                <th>@I18n["Address"]</th>
                <th>@I18n["Picture"]</th>
                <th style="width:2400px">@I18n["Action"]</th>
            </MatTableHeader>
            <MatTableRow>
                <td style="display:inline-flex">
                    <div>
                        <MatIconButton Icon="play_circle_filled" OnClick="@(_ => SendReport(context))"></MatIconButton>
                    </div>
                    <div style="padding-top: 0.8rem">@context.ID</div>
                </td>
                <td style="@getTypeBackgroundStyle(context.ReportType)">@translateType(context.ReportType)</td>
                <td style="white-space: nowrap">@ReportRepositoryService.GetCurrentDateTimeFromMillis(context.ID)</td>
                <td style="white-space: nowrap">@getAddress(context)</td>
                <td>
                    <MatIconButton Disabled="@HasNoPicture(context)" Icon="photo" OnClick="@(_ => ShowPicture(context))"></MatIconButton>
                </td>
                <td>
                    <MatIconButton Icon="delete_forever" OnClick="@(_ => DeleteReport(context))"></MatIconButton>
                </td>
            </MatTableRow>
        </MatTable>
    </div>
</div>


@code {

    private List<ReportRepositoryItem> pendingReports = new();
    private ReportRepositoryItem selectedReport;

    protected async override void OnInitialized() {
        base.OnInitialized();
        PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
        pendingReports.AddRange(await ReportRepositoryService.GetPendingFoundReports());
        pendingReports.AddRange(await ReportRepositoryService.GetPendingMissingReports());
        StateHasChanged();
    }

    private void OnReportDblClicked(object item) {
        var report = item as ReportRepositoryItem;
        if (report == null) {
            selectedReport = null;
            return;
        }

        selectedReport = report;
    }

    private string translateType(ReportRepositoryItem.Type type) {
        return I18n.GetString("ReportType." + type);
    }

    private string getTypeBackgroundStyle(ReportRepositoryItem.Type type) {
        return ReportRepositoryItem.Type.FOUND.Equals(type) ? "background: linear-gradient(45deg, darkseagreen, transparent)" : "background: linear-gradient(45deg, darksalmon, transparent)";
    }


    private string getAddress(ReportRepositoryItem item) {
        if (ReportRepositoryItem.Type.FOUND.Equals(item.ReportType)) {
            GeographicInfo geoInfo = ((FoundReportRepositoryItem)item).Report.GeographicInfo;
            return geoInfo.Address + ((!String.IsNullOrEmpty(geoInfo.Postcode) || !String.IsNullOrEmpty(geoInfo.Town)) ? ", " + geoInfo.Postcode + " " + geoInfo.Town: "");
        }
        return "";
    }

    private async Task ShowPicture(ReportRepositoryItem item) {
        string picData = ReportRepositoryItem.Type.FOUND.Equals(item.ReportType) ? ((FoundReportRepositoryItem)item).Report.FotoString : ((MissingReportRepositoryItem)item).Report.FotoString;
        await MatDialogService.OpenAsync(typeof(PictureDialog), new MatDialogOptions() {
            Attributes = new Dictionary<string, object>(){
                {"ImgUrl", picData},
            }
        });
        await ScrollLockRemover.removeScrollLockAsync();
    }

    private bool HasNoPicture(ReportRepositoryItem item) {
        string picData = ReportRepositoryItem.Type.FOUND.Equals(item.ReportType) ? ((FoundReportRepositoryItem)item).Report.FotoString : ((MissingReportRepositoryItem)item).Report.FotoString;
        return String.IsNullOrEmpty(picData);
    }


    private async void DeleteReport(ReportRepositoryItem item) {
        string yes = I18n.GetString("Yes");
        string no = I18n.GetString("No");
        string result = await MatDialogService.AskAsync(I18n.GetString("Pending." + item.ReportType + ".Delete"), new string[] { yes, no });
        await ScrollLockRemover.removeScrollLockAsync();
        if (result.Equals(yes)) {
            try {
                await ReportRepositoryService.DeleteReport(item);
                pendingReports.Remove(item);
                StateHasChanged();
                Toaster.ShowSuccess(I18n.GetString("Success.DeleteReport.Title"), I18n.GetString("Success.DeleteReport.Msg", item.ID));
            } catch (Exception ex) {
                Toaster.ShowWarning(I18n.GetString("Error.DeleteReport.Title"), I18n.GetString("Error.DeleteReport.Msg", item.ID));
            }
        }
    }

    private void SendReport(ReportRepositoryItem item) {
        ReportDataProvider.ReportRepositoryItem = item;
        if (ReportRepositoryItem.Type.FOUND.Equals(item.ReportType)) {
            ReportDataProvider.Report = ((FoundReportRepositoryItem)item).Report;
            NavigationManager.NavigateTo("fundvelo/keydata/Found");
        } else {
            ReportDataProvider.Report = ((MissingReportRepositoryItem)item).Report;
            NavigationManager.NavigateTo("fundvelo/keydata/Missing");
        }
    }

}