BswupProgress.razor

@code {
    [Parameter] public RenderFragment ChildContent { get; set; } = default!;

    [Parameter] public bool AutoReload { get; set; } = true;
    [Parameter] public bool ShowLogs { get; set; } = false;
    [Parameter] public bool ShowAssets { get; set; } = false;
    [Parameter] public string AppContainer { get; set; } = "#app";
    [Parameter] public bool HideApp { get; set; } = false;
    [Parameter] public bool AutoHide { get; set; } = false;
    [Parameter] public string? Handler { get; set; }
}

<div id="bit-bswup">
    @if (ChildContent is not null) 
    {
        @ChildContent
    }
    else 
    {
        <div class="bit-bswup-container">
            <p class="bit-bswup-title">New version is available</p>
            <p class="bit-bswup-description">Downloading updates, please wait...</p>
            <div class="bit-bswup-progress">
                <div id="bit-bswup-progress-bar" style="width: 0%"></div>
            </div>
            <p id="bit-bswup-percent">0 %</p>
            <ul id="bit-bswup-assets" style="display: @(ShowAssets ? "block" : "none");"></ul>
            <div id="bit-bswup-error" class="bit-bswup-error" style="display: none;" role="alert">
                <p class="bit-bswup-error-title">Update failed to install</p>
                <p id="bit-bswup-error-message" class="bit-bswup-error-message"></p>
                <pre id="bit-bswup-error-details" class="bit-bswup-error-details"></pre>
                <button id="bit-bswup-error-retry" type="button">Retry</button>
            </div>
        </div>
        <button id="bit-bswup-reload">Update ready to install!</button>
    }
    <script>
        if (window.BitBswupProgress !== undefined) {
            window.BitBswupProgress.start(
                @(AutoReload ? "true" : "false"), 
                @(ShowLogs ? "true" : "false"), 
                @(ShowAssets ? "true" : "false"), 
                '@(AppContainer)', 
                @(HideApp ? "true" : "false"), 
                @(AutoHide ? "true" : "false"), 
                '@(Handler)');
        } else {
            console.error('BitBswupProgress not found');
        }
    </script>
</div>