|
3 | 3 |
|
4 | 4 | <head> |
5 | 5 | <meta charset="utf-8" /> |
6 | | - <meta name="viewport" content="width=device-width" /> |
| 6 | + <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" /> |
7 | 7 | <title>Skclusive.Dashboard.Host.Browser</title> |
8 | 8 | <base href="/" /> |
9 | | - </head> |
| 9 | + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> |
| 10 | + <link href="manifest.json" rel="manifest" /> |
| 11 | + <link rel="apple-touch-icon" sizes="512x512" href="android/android-launchericon-512-512.png" /> |
| 12 | + <!-- Start Single Page Apps for GitHub Pages --> |
| 13 | + <script type="text/javascript"> |
| 14 | + // Single Page Apps for GitHub Pages |
| 15 | + // https://github.com/rafrex/spa-github-pages |
| 16 | + // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License |
| 17 | + // ---------------------------------------------------------------------- |
| 18 | + // This script checks to see if a redirect is present in the query string |
| 19 | + // and converts it back into the correct url and adds it to the |
| 20 | + // browser's history using window.history.replaceState(...), |
| 21 | + // which won't cause the browser to attempt to load the new url. |
| 22 | + // When the single page app is loaded further down in this file, |
| 23 | + // the correct url will be waiting in the browser's history for |
| 24 | + // the single page app to route accordingly. |
| 25 | + (function (l) { |
| 26 | + if (l.search) { |
| 27 | + var q = {}; |
| 28 | + l.search.slice(1).split('&').forEach(function (v) { |
| 29 | + var a = v.split('='); |
| 30 | + q[a[0]] = a.slice(1).join('=').replace(/~and~/g, '&'); |
| 31 | + }); |
| 32 | + if (q.p !== undefined) { |
| 33 | + window.history.replaceState(null, null, |
| 34 | + l.pathname.slice(0, -1) + (q.p || '') + |
| 35 | + (q.q ? ('?' + q.q) : '') + |
| 36 | + l.hash |
| 37 | + ); |
| 38 | + } |
| 39 | + } |
| 40 | + }(window.location)) |
| 41 | + </script> |
| 42 | + <!-- End Single Page Apps for GitHub Pages --> |
| 43 | + <style> |
| 44 | + #blazor-error-ui { |
| 45 | + background: lightyellow; |
| 46 | + bottom: 0; |
| 47 | + box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); |
| 48 | + display: none; |
| 49 | + left: 0; |
| 50 | + padding: 0.6rem 1.25rem 0.7rem 1.25rem; |
| 51 | + position: fixed; |
| 52 | + width: 100%; |
| 53 | + z-index: 1000; |
| 54 | + } |
| 55 | + |
| 56 | + #blazor-error-ui .dismiss { |
| 57 | + cursor: pointer; |
| 58 | + position: absolute; |
| 59 | + right: 0.75rem; |
| 60 | + top: 0.5rem; |
| 61 | + } |
| 62 | + </style> |
| 63 | +</head> |
10 | 64 |
|
11 | 65 | <body> |
12 | 66 | <div id="app"> |
13 | 67 | <!--Blazor:{"type":"webassembly","assembly":"Skclusive.Dashboard.App.View","typeName":"Skclusive.Dashboard.App.View.DashboardView","parameterDefinitions":"W10=","parameterValues":"W10="}--> |
| 68 | + <div style="height: 100vh; width: 100%; display: flex; justify-content: center;"> |
| 69 | + <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:#fff;display:block;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> |
| 70 | + <circle cx="50" cy="50" r="31.5331" fill="none" stroke="#e90c59" stroke-width="2"> |
| 71 | + <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate> |
| 72 | + <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate> |
| 73 | + </circle> |
| 74 | + <circle cx="50" cy="50" r="11.0409" fill="none" stroke="#46dff0" stroke-width="2"> |
| 75 | + <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate> |
| 76 | + <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate> |
| 77 | + </circle> |
| 78 | + </svg> |
| 79 | + </div> |
14 | 80 | </div> |
15 | 81 |
|
16 | | - <script src="_framework/blazor.webassembly.js"></script> |
17 | | - |
18 | | - <!-- Reference the included moment.js javascript file. --> |
19 | | - <!-- <script src="_content/ChartJs.Blazor/moment-with-locales.min.js" type="text/javascript" language="javascript"></script> --> |
20 | | - |
21 | | - <!-- Reference the included ChartJs javascript file. --> |
22 | | - <!-- <script src="_content/ChartJs.Blazor/Chart.min.js" type="text/javascript" language="javascript"></script> --> |
23 | | - |
24 | | - <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"></script> |
25 | | - <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script> --> |
26 | | - |
27 | | - <!-- This is the glue between the C# code and the ChartJs charts --> |
28 | | - <!-- <script src="_content/ChartJs.Blazor/ChartJsBlazorInterop.js" type="text/javascript" language="javascript"></script> --> |
29 | | - |
30 | | - <!-- Some styling ChartJs charts --> |
31 | | - <!-- <link rel="stylesheet" href="_content/ChartJs.Blazor/ChartJSBlazor.css" /> --> |
| 82 | + <div id="blazor-error-ui"> |
| 83 | + An unhandled error has occurred. |
| 84 | + <a href="" class="reload">Reload</a> |
| 85 | + <a class="dismiss">🗙</a> |
| 86 | + </div> |
| 87 | + <script src="decode.js"></script> |
| 88 | + <script src="_framework/blazor.webassembly.js" autostart="false"></script> |
| 89 | + <script> |
| 90 | + Blazor.start({ |
| 91 | + loadBootResource: function (type, name, defaultUri, integrity) { |
| 92 | + // For framework resources, use the precompressed .br files for faster downloads |
| 93 | + // This is needed only because GitHub pages doesn't natively support Brotli (or even gzip for .dll files) |
| 94 | + if (type !== 'dotnetjs' && location.hostname !== 'localhost') { |
| 95 | + return (async function () { |
| 96 | + const response = await fetch(defaultUri + '.br', { cache: 'no-cache' }); |
| 97 | + if (!response.ok) { |
| 98 | + throw new Error(response.statusText); |
| 99 | + } |
| 100 | + const originalResponseBuffer = await response.arrayBuffer(); |
| 101 | + const originalResponseArray = new Int8Array(originalResponseBuffer); |
| 102 | + const decompressedResponseArray = BrotliDecode(originalResponseArray); |
| 103 | + const contentType = type === 'dotnetwasm' ? 'application/wasm' : 'application/octet-stream'; |
| 104 | + return new Response(decompressedResponseArray, { headers: { 'content-type': contentType } }); |
| 105 | + })(); |
| 106 | + } |
| 107 | + } |
| 108 | + }); |
| 109 | + </script> |
| 110 | + <script>navigator.serviceWorker.register('service-worker.js');</script> |
32 | 111 | </body> |
33 | 112 |
|
34 | 113 | </html> |
0 commit comments