elsa-studio/src/hosts/Elsa.Studio.Host.Server/Pages/_Host.cshtml at ec62ae8091f92db85c65de0233a1ee2a77e44eae · elsa-workflows/elsa-studio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
@page "/"
@using Elsa.Studio.Branding
@using Elsa.Studio.Shell
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.AspNetCore.Authorization
@namespace Elsa.Studio.Host.Server.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@inject IBrandingProvider BrandingProvider
@attribute [AllowAnonymous]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <base href="~/" />
    <title>Elsa Studio</title>
    <link rel="apple-touch-icon" sizes="180x180" href="@BrandingProvider.AppleTouchIconUrl">
    <link rel="icon" type="image/png" sizes="32x32" href="@BrandingProvider.Favicon32Url">
    <link rel="icon" type="image/png" sizes="16x16" href="@BrandingProvider.Favicon16Url">
    <link rel="manifest" href="_content/Elsa.Studio.Shell/site.webmanifest">
    <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
    <link href="_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.css" rel="stylesheet" />
    <link href="_content/Radzen.Blazor/css/material-base.css" rel="stylesheet">
    <link href="_content/Elsa.Studio.Shell/css/shell.css" rel="stylesheet">
    <link href="_content/Elsa.Studio.Workflows.Designer/designer.css" rel="stylesheet">

    <component type="typeof(HeadOutlet)" render-mode="Server" />
</head>
<body>

    @* Show loading screen initially *@
    <div id="auth-loading" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #f5f5f5; display: flex; justify-content: center; align-items: center; z-index: 9999;">
        <div style="text-align: center;">
            <div style="width: 40px; height: 40px; border: 4px solid #e0e0e0; border-top: 4px solid #1976d2; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px;"></div>
            <div style="color: #666; font-family: 'Roboto', sans-serif;">Initializing...</div>
        </div>
    </div>

    <component type="typeof(App)" render-mode="Server" />

    <div id="blazor-error-ui">
        <environment include="Staging,Production">
            An error has occurred. This application may no longer respond until reloaded.
        </environment>
        <environment include="Development">
            An unhandled exception has occurred. See browser dev tools for details.
        </environment>
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>

    <style>
        @@keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .blazor-ready #auth-loading {
            display: none !important;
        }
    </style>

    <script src="_content/BlazorMonaco/jsInterop.js"></script>
    <script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js"></script>
    <script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
    <script src="_content/MudBlazor/MudBlazor.min.js"></script>
    <script src="_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.js"></script>
    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
    <script src="_framework/blazor.server.js"></script>

    <script>
        window.hideAuthLoading = function() {
            document.body.classList.add('blazor-ready');
        };

        // Fallback: Hide after maximum wait time
        setTimeout(function() {
            window.hideAuthLoading();
        }, 10000); // 10 second maximum wait
    </script>

</body>
</html>