CaritasPWA/Shared/NavMenu.razor

@using cwebplusApp.Shared.Services;
@using cwebplusApp.Components;

@inject AppState AppState;
@inject NavigationManager NavigationManager;
@inject IStringLocalizer<Resources> i18n
@inject IJSRuntime jsRuntime;
@inject PageHistoryManager PageHistoryManager;

@implements IDisposable;


@if (HandleAppBarContainer()) {
    <div class="sidebar">
        <MatAppBarContainer>
            <MatAppBar Fixed="true">
                <MatAppBarRow>
                    <MatAppBarSection>
                        <MatIconButton Icon="menu" OnClick="@((e) => ButtonClicked())"></MatIconButton>
                        @if (PageHistoryManager.CanGoBack()) {
                            <MatIconButton Icon="@MatIconNames.Keyboard_backspace" OnClick="@((e) => ButtonBackClicked())" Disabled="@BackButtonDisabled()"></MatIconButton>
                        }
                        <MatAppBarTitle Class="navBar-title">@LocationUrl</MatAppBarTitle>
                    </MatAppBarSection>
                    <MatAppBarSection align="@MatAppBarSectionAlign.End" Style="max-width:min-content">
                        <NavLink rel="noopener" target="_blank" class="text-white small" href="https://www.caritas.ch" align="@MatAppBarSectionAlign.End" style="padding-right:1em">@i18n["Learnmore"]</NavLink>
                    </MatAppBarSection>
                </MatAppBarRow>
            </MatAppBar>
            <MatAppBarContent>
                <MatDrawerContainer>
                    <MatDrawer @bind-Opened="@Opened" Mode="@MatDrawerMode.Modal">
                        <MatList>
                            <MatRipple Class="navmenu-mat-ripple" Color="@MatRippleColor.Default">
                                <MatListItem Class="@((Index == 1) ? "bg-primary-color text-white" : "")" Style="margin-left:0;margin-right:0"
                                             Href="caritas_services"
                                             @onclick="@((e) => ButtonClicked(1))">
                                    <MatIcon Icon="@MatIconNames.Apps"></MatIcon>
                                    <MatListItemText Style="padding-left:0.5em">@i18n["CaritasServices"]</MatListItemText>
                                </MatListItem>
                            </MatRipple>
                            <MatRipple Class="navmenu-mat-ripple" Color="@MatRippleColor.Default">
                                <MatListItem Class="@((Index == 2) ? "bg-primary-color text-white" : "")" Style="margin-left:0;margin-right:0"
                                             Href="account"
                                             @onclick="@((e) => ButtonClicked(2))">
                                    <MatIcon Icon="@MatIconNames.Person_outline"></MatIcon>
                                    <MatListItemText Style="padding-left:0.5em">@i18n["account"]</MatListItemText>
                                </MatListItem>
                            </MatRipple>
                            <MatRipple Class="navmenu-mat-ripple" Color="@MatRippleColor.Default">
                                <MatListItem Class="@((Index == 3) ? "bg-primary-color text-white" : "")" Style="margin-left:0;margin-right:0"
                                             Disabled="true"
                                             Href="extras"
                                             @onclick="@((e) => ButtonClicked(3))">
                                    <MatIcon Icon="@MatIconNames.View_quilt"></MatIcon>
                                    <MatListItemText Style="padding-left:0.5em">@i18n["Extras"]</MatListItemText>
                                </MatListItem>
                            </MatRipple>
                            <MatRipple Class="navmenu-mat-ripple" Color="@MatRippleColor.Default">
                                <MatListItem Class="@((Index == 4) ? "bg-primary-color text-white" : "")" Style="margin-left:0;margin-right:0"
                                             Href="info"
                                             @onclick="@((e) => ButtonClicked(4))">
                                    <MatIcon Icon="@MatIconNames.Error_outline" Style="transform: rotate(180deg)"></MatIcon>
                                    <MatListItemText Style="padding-left:0.5em">@i18n["info"]</MatListItemText>
                                </MatListItem>
                            </MatRipple>
                        </MatList>
                    </MatDrawer>
                </MatDrawerContainer>
            </MatAppBarContent>
        </MatAppBarContainer>
    </div>
    <OnlineStatusIndicator />
}


@code {

    private bool Opened = false;

    private static int Index = 1;

    private string locUrl;
    private string LocationUrl {
        get => locUrl;
        set {
            locUrl = value;
            StateHasChanged();
        }
    }

    public void Dispose() {
        AppState.OnChange -= StateHasChanged;
        NavigationManager.LocationChanged -= LocationChanged;
    }

    protected override void OnInitialized() {
        base.OnInitialized();
        AppState.OnChange += StateHasChanged;
        NavigationManager.LocationChanged += LocationChanged;
        PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
        locUrl = i18n.GetString(NavigationManager.Uri.Replace(NavigationManager.BaseUri, ""));
        StateHasChanged();
    }

    private void ButtonClicked() {
        Opened = !Opened;
    }

    private void ButtonClicked(int _Index) {
        Index = _Index;
        ButtonClicked();
    }

    private void ButtonBackClicked() {
        PageHistoryManager.NavigateBack();
    }


    private void LocationChanged(object sender, LocationChangedEventArgs e) {
        locUrl = i18n.GetString(e.Location.Replace(NavigationManager.BaseUri, ""));
        if (IsInServicesUrl(e.Location)) {
            Index = 1;
        } else if (e.Location.Contains("account")) {
            Index = 2;
        } else if (e.Location.Contains("extras")) {
            Index = 3;
        } else if (e.Location.Contains("info")) {
            Index = 4;
        } else {
            Index = 0;
        }
        StateHasChanged();
    }

    private bool IsInServicesUrl(string location) {
        return (location.Contains("caritas_services") || location.Contains("lost_found") || location.Contains("keydata")
            || location.Contains("account/") || location.Contains("conclusion_"));
    }

    private bool HandleAppBarContainer() {
        string uri = NavigationManager.Uri;
        string baseUri = NavigationManager.BaseUri;
        string delta = uri.Replace(baseUri, "");

        if (delta == null || delta.Equals("")) {
            return false;
        } else {
            if (IsInServicesUrl(delta)) {
                Index = 1;
            } else if (delta.Equals("account")) {
                Index = 2;
            } else if (delta.Equals("extras")) {
                Index = 3;
            } else if (delta.Equals("info")) {
                Index = 4;
            } else {
                Index = 0;
            }
            return true;
        }
    }

    private bool BackButtonDisabled() {
        return !PageHistoryManager.CanGoBack();
    }

}