us1zcljz
/
tye
forked from tsai/tye
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

add a custom reconnect dialog (#305) 

* add a custom reconnect dialog

* I'M OLD
davidfowl/aspnet-urls
Andrew Stanton-Nurse 7 years ago
committed by GitHub
parent
ba102c31d1
commit
e08721e779
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 67 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 104
      src/Microsoft.Tye.Hosting/Dashboard/Pages/_Host.cshtml

104
src/Microsoft.Tye.Hosting/Dashboard/Pages/_Host.cshtml
View File

@ -1,37 +1,67 @@
@page "/" @page "/"
@namespace Microsoft.Tye.Hosting.Dashboard.Pages @namespace Microsoft.Tye.Hosting.Dashboard.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{ @{
Layout = null; Layout = null;
} }
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tye Dashboard</title> <title>Tye Dashboard</title>
<base href="~/" /> <base href="~/" />
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" /> <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
<link href="css/site.css" rel="stylesheet" /> <link href="css/site.css" rel="stylesheet" />
</head> <style>
<body> #components-reconnect-modal {
<app> position: fixed;
<component type="typeof(Microsoft.Tye.Hosting.Dashboard.App)" render-mode="ServerPrerendered" /> top: 0px;
</app> right: 0px;
bottom: 0px;
<div id="blazor-error-ui"> left: 0px;
<environment include="Staging,Production"> z-index: 1000;
An error has occurred. This application may no longer respond until reloaded. display: block;
</environment> overflow: hidden;
<environment include="Development"> background-color: rgb(255, 255, 255);
An unhandled exception has occurred. See browser dev tools for details. opacity: 0.8;
</environment> text-align: center;
<a href="" class="reload">Reload</a> font-weight: bold;
<a class="dismiss">🗙</a> padding: 2em;
</div> }
<script src="_framework/blazor.server.js"></script> #components-reconnect-modal.components-reconnect-hide {
</body> display: none
</html> }
#components-reconnect-modal.components-reconnect-show {
display: inherit
}
</style>
</head>
<body>
<app>
<component type="typeof(Microsoft.Tye.Hosting.Dashboard.App)" render-mode="ServerPrerendered" />
</app>
<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>
<div id="components-reconnect-modal" class="components-reconnect-hide">
<h1>Tye has exited.</h1>
<h2>It's now safe to close this browser window.</h2>
</div>
<script src="_framework/blazor.server.js"></script>
</body>
</html>

Write Preview
Loading…
Cancel
Save