CaritasPWA/Pages/InfoPage.razor

@page "/info"

@using cwebplusApp.Shared.Services;
@inject NavigationManager NavigationManager;
@inject IStringLocalizer<Resources> i18n
@inject PageHistoryManager PageHistoryManager
@inject IJSRuntime JSRuntime;

<div class="row px-3 h-100">
    <div class="text-center w-100">
        <img class="w-100" src="./images/caritas_logo.png" style="padding:1em;max-width:320px" />
    </div>
    <div class="row no-gutters align-items-center w-100">
        <table class="w-100">
            <tr>
                <td class="text-center">
                    <p class="text-left" style="max-width: 500px;display:inline-block">@i18n["Abouttext"]</p>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <MatButton Raised="true" Class="w-100" @onclick="@ShowCaritasWebpage" style="max-width:500px">@i18n["Learnmore"]</MatButton>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <MatCaption Style="font-family:Ubuntu">Version: 0.0.1</MatCaption>
                </td>
            </tr>
        </table>
    </div>
    <div class="row no-gutters align-items-end w-100">
        <table class="w-100">
            <tr>
                <td class="text-right">
                    <MatCaption Style="font-family:Ubuntu">@i18n["DevelopedBy"]</MatCaption>
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    <img src="./images/integrate_logo.png" style="max-width:200px" alt="" />
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    <MatCaption Style="font-family:Ubuntu">Platz 10, Business Village Luzern</MatCaption>
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    <MatCaption Style="font-family:Ubuntu">CH-6039 Root D4</MatCaption>
                </td>
            </tr>
        </table>
    </div>
</div>


@code {

    protected override void OnInitialized() {
        PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
        base.OnInitialized();
    }

    private async void ShowCaritasWebpage() {
        await JSRuntime.InvokeAsync<string>("open", $"https://www.caritas.ch", "_blank", "noopener");
    }
}