CaritasPWA/Pages/InfoPage.razor

@page "/info"

@using cwebplusApp.Shared.Services;
@using System;
@using System.Reflection;

@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">
                    <span class="text-left" style="max-width: 500px;display:inline-block;font-size:smaller">
                        <pre style="white-space:pre-line;font-family:'Ubuntu';margin-bottom:0">@I18n["App.Info"]</pre>
                        <p><a href="https://www.kulturlegi.ch" target="_blank">https://www.kulturlegi.ch</a></p>
                    </span>
                </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">@I18n["App.version", @version]</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 {

    private string version;

    protected override void OnInitialized() {
        base.OnInitialized();
        version = Assembly.GetExecutingAssembly().GetCustomAttribute<AssemblyInformationalVersionAttribute>().InformationalVersion;
    }

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