mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-22 06:21:44 +01:00
c62018f984
* adds pay button icon adds more update icons * reduces update app titles * capitalize PP * more icons notification icon update adds more * Truncate long titles in nav * Adjust "off" color state for the wallet/lightning * Theme switch alignment * Update store selector * adds more space in store selector span * Prevent form zoom on mobile Safari * updates lightning + settings view * updates store icon * adjusts notification icon * removes notifications setting button icon * Update status colors * Fix Lightning nav markup * Prevent icons from shrinking * Move main menu styles to css * Remove max-width container for content area * Update headlines * Use fixed header on mobile * Extract custom pills component * Form field update Co-authored-by: Dennis Reimann <mail@dennisreimann.de>
101 lines
4.5 KiB
Text
101 lines
4.5 KiB
Text
@using BTCPayServer.Abstractions.Contracts
|
|
@inject BTCPayServer.Services.BTCPayServerEnvironment _env
|
|
@inject SignInManager<ApplicationUser> _signInManager
|
|
@inject UserManager<ApplicationUser> _userManager
|
|
@inject ISettingsRepository _settingsRepository
|
|
@inject LinkGenerator _linkGenerator
|
|
|
|
@{
|
|
var notificationDisabled = (await _settingsRepository.GetPolicies()).DisableInstantNotifications;
|
|
if (!notificationDisabled)
|
|
{
|
|
var user = await _userManager.GetUserAsync(User);
|
|
notificationDisabled = user?.DisabledNotifications == "all";
|
|
}
|
|
}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en"@(_env.IsDeveloping ? " data-devenv" : "")>
|
|
<head>
|
|
<partial name="LayoutHead" />
|
|
@await RenderSectionAsync("PageHeadContent", false)
|
|
</head>
|
|
<body class="d-flex flex-column flex-lg-row min-vh-100">
|
|
<header id="mainMenu" class="btcpay-header d-flex flex-column">
|
|
<div id="mainMenuHead">
|
|
<vc:store-selector />
|
|
@if (_signInManager.IsSignedIn(User))
|
|
{
|
|
<vc:notifications appearance="Dropdown"/>
|
|
}
|
|
<button id="mainMenuToggle" class="mainMenuButton" type="button" data-bs-toggle="offcanvas" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span>Menu</span>
|
|
</button>
|
|
</div>
|
|
<vc:main-nav />
|
|
</header>
|
|
<main id="mainContent">
|
|
@if (_env.Context.Request.Host.ToString() != _env.ExpectedHost || _env.Context.Request.Scheme != _env.ExpectedProtocol)
|
|
{
|
|
<div id="badUrl" class="alert alert-danger alert-dismissible m-3" role="alert">
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
|
|
<vc:icon symbol="close"/>
|
|
</button>
|
|
<span>
|
|
BTCPay is expecting you to access this website from <strong>@(_env.ExpectedProtocol)://@(_env.ExpectedHost)/</strong>.
|
|
If you use a reverse proxy, please set the <strong>X-Forwarded-Proto</strong> header to <strong id="browserScheme">@(_env.ExpectedProtocol)</strong>
|
|
(<a href="https://docs.btcpayserver.org/FAQ/Deployment/#cause-3-btcpay-is-expecting-you-to-access-this-website-from" target="_blank" class="alert-link" rel="noreferrer noopener">More information</a>)
|
|
</span>
|
|
</div>
|
|
}
|
|
@if (!_env.IsSecure)
|
|
{
|
|
<div id="insecureEnv" class="alert alert-danger alert-dismissible" style="position:absolute; top:75px;" role="alert">
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
|
|
<vc:icon symbol="close"/>
|
|
</button>
|
|
<span>
|
|
Your access to BTCPay Server is over an unsecured network. If you are using the docker deployment method with NGINX and HTTPS is not available, you probably did not configure your DNS settings correctly. <br/>
|
|
We disabled the register and login link so you don't leak your credentials.
|
|
</span>
|
|
</div>
|
|
}
|
|
<section>
|
|
@RenderBody()
|
|
</section>
|
|
|
|
<partial name="_Footer"/>
|
|
<partial name="LayoutFoot"/>
|
|
|
|
@await RenderSectionAsync("PageFootContent", false)
|
|
<partial name="LayoutPartials/SyncModal"/>
|
|
|
|
@if (!notificationDisabled)
|
|
{
|
|
<script>
|
|
if ('WebSocket' in window && window.WebSocket.CLOSING === 2) {
|
|
const { host, protocol } = window.location;
|
|
var wsUri = "@_linkGenerator.GetPathByAction("SubscribeUpdates", "UINotifications", pathBase: this.Context.Request.PathBase)";
|
|
wsUri = (protocol === "https:" ? "wss:" : "ws:") + "//" + host + wsUri;
|
|
const newDataEndpoint = "@_linkGenerator.GetPathByAction("GetNotificationDropdownUI", "UINotifications", pathBase: this.Context.Request.PathBase)";
|
|
try {
|
|
socket = new WebSocket(wsUri);
|
|
socket.onmessage = e => {
|
|
if (e.data === "ping") return;
|
|
$.get(newDataEndpoint, data => {
|
|
$("#Notifications").replaceWith($(data));
|
|
});
|
|
};
|
|
socket.onerror = e => {
|
|
console.error("Error while connecting to websocket for notifications (callback)", e);
|
|
};
|
|
}
|
|
catch (e) {
|
|
console.error("Error while connecting to websocket for notifications", e);
|
|
}
|
|
}
|
|
</script>
|
|
}
|
|
</main>
|
|
</body>
|
|
</html>
|