mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-03-01 09:00:03 +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>
118 lines
4.5 KiB
Text
118 lines
4.5 KiB
Text
@model StoreDashboardViewModel;
|
|
@{
|
|
ViewData.SetActivePage(StoreNavPages.Dashboard, Model.StoreName, Model.StoreId);
|
|
var isReady = Model.WalletEnabled || Model.LightningEnabled;
|
|
}
|
|
|
|
@section PageHeadContent
|
|
{
|
|
<style>
|
|
.list-group-item .image {
|
|
display: flex;
|
|
flex: 0 0 1rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.list-group-item .icon {
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
margin: 1rem;
|
|
}
|
|
|
|
.list-group-item .content {
|
|
flex: 1;
|
|
padding: 1rem 0;
|
|
}
|
|
</style>
|
|
}
|
|
|
|
<partial name="_StatusMessage" />
|
|
|
|
<h2 class="mt-1 mb-3">@ViewData["Title"]</h2>
|
|
|
|
@if (isReady)
|
|
{
|
|
<p class="lead text-secondary">This store is ready to accept transactions, good job!</p>
|
|
}
|
|
else
|
|
{
|
|
<p class="lead text-secondary">To start accepting payments, set up a wallet or a Lightning node.</p>
|
|
}
|
|
|
|
<div class="row">
|
|
<div class="col-md-7 col-xl-5">
|
|
<div class="list-group" id="SetupGuide">
|
|
<div class="list-group-item d-flex align-items-center" id="SetupGuide-StoreDone">
|
|
<vc:icon symbol="done"/>
|
|
<div class="content">
|
|
<h5 class="mb-0 text-success">Create your store</h5>
|
|
</div>
|
|
</div>
|
|
@if (!Model.WalletEnabled)
|
|
{
|
|
if (!Model.AltcoinsBuild)
|
|
{
|
|
<a asp-controller="UIStores" asp-action="SetupWallet" asp-route-storeId="@Model.StoreId" asp-route-cryptoCode="BTC" id="SetupGuide-Wallet" class="list-group-item list-group-item-action d-flex align-items-center order-1">
|
|
<vc:icon symbol="new-wallet"/>
|
|
<div class="content">
|
|
<h5 class="mb-0">Set up a wallet</h5>
|
|
</div>
|
|
<vc:icon symbol="caret-right"/>
|
|
</a>
|
|
}
|
|
else
|
|
{
|
|
<a asp-controller="UIStores" asp-action="Payment" asp-route-storeId="@Model.StoreId" id="SetupGuide-Wallet" class="list-group-item list-group-item-action d-flex align-items-center order-1">
|
|
<vc:icon symbol="new-wallet"/>
|
|
<div class="content">
|
|
<h5 class="mb-0">Set up a wallet</h5>
|
|
</div>
|
|
<vc:icon symbol="caret-right"/>
|
|
</a>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
<div class="list-group-item d-flex align-items-center" id="SetupGuide-WalletDone">
|
|
<vc:icon symbol="done"/>
|
|
<div class="content">
|
|
<h5 class="mb-0 text-success">Set up a wallet</h5>
|
|
</div>
|
|
</div>
|
|
}
|
|
@if (!Model.LightningEnabled)
|
|
{
|
|
if (!Model.AltcoinsBuild)
|
|
{
|
|
<a asp-controller="UIStores" asp-action="SetupLightningNode" asp-route-storeId="@Model.StoreId" asp-route-cryptoCode="BTC" id="SetupGuide-Lightning" class="list-group-item list-group-item-action d-flex align-items-center order-1">
|
|
<vc:icon symbol="new-wallet"/>
|
|
<div class="content">
|
|
<h5 class="mb-0">Set up a Lightning node</h5>
|
|
</div>
|
|
<vc:icon symbol="caret-right"/>
|
|
</a>
|
|
}
|
|
else
|
|
{
|
|
<a asp-controller="UIStores" asp-action="Payment" asp-route-storeId="@Model.StoreId" id="SetupGuide-Lightning" class="list-group-item list-group-item-action d-flex align-items-center order-1">
|
|
<vc:icon symbol="new-wallet"/>
|
|
<div class="content">
|
|
<h5 class="mb-0">Set up a Lightning node</h5>
|
|
</div>
|
|
<vc:icon symbol="caret-right"/>
|
|
</a>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
<div class="list-group-item d-flex align-items-center" id="SetupGuide-LightningDone">
|
|
<vc:icon symbol="done"/>
|
|
<div class="content">
|
|
<h5 class="mb-0 text-success">Set up a Lightning node</h5>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|