Merge pull request #2117 from dennisreimann/store-setup-mobile

UI: Improve mobile store setup view
This commit is contained in:
Nicolas Dorier 2020-12-09 00:02:24 +09:00 committed by GitHub
commit 8a07c62603
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -27,27 +27,24 @@
<ul class="list-group mb-3"> <ul class="list-group mb-3">
@foreach (var scheme in Model.DerivationSchemes.OrderBy(scheme => scheme.Collapsed)) @foreach (var scheme in Model.DerivationSchemes.OrderBy(scheme => scheme.Collapsed))
{ {
var isSetUp = !string.IsNullOrWhiteSpace(scheme.Value);
<li class="list-group-item bg-tile @(scheme.Collapsed ? "collapsed": "")"> <li class="list-group-item bg-tile @(scheme.Collapsed ? "collapsed": "")">
<div class="d-flex flex-wrap align-items-center"> <div class="d-flex align-items-center">
<span class="d-flex flex-wrap align-items-center flex-fill"> <span class="d-flex flex-wrap flex-fill flex-column flex-sm-row">
<strong class="mr-3">@scheme.Crypto</strong> <strong class="mr-3">@scheme.Crypto</strong>
@if (!string.IsNullOrWhiteSpace(scheme.Value)) @if (isSetUp)
{ {
<span title="@scheme.Value" data-toggle="tooltip" class="d-flex mr-3"> <span title="@scheme.Value" data-toggle="tooltip" class="d-flex mr-3">
<code class="text-truncate" style="max-width:10ch"> <span class="text-truncate text-secondary" style="max-width:8ch">@scheme.Value</span>
@scheme.Value
</code>
<code class="text-nowrap">
@if (scheme.Value.Length > 20) @if (scheme.Value.Length > 20)
{ {
var match = Regex.Match(scheme.Value, @"((?:-\[(?:[^\]])+\])+|\S{16})$"); <span class="text-nowrap text-secondary">@Regex.Match(scheme.Value, @"((?:-\[(?:[^\]])+\])+|\S{6})$").Value</span>
@match.Value;
} }
</code>
</span> </span>
@if (scheme.WalletSupported) @if (scheme.WalletSupported)
{ {
<a asp-action="WalletTransactions" asp-controller="Wallets" asp-route-walletId="@scheme.WalletId" class="text-secondary">Wallet</a> <a asp-action="WalletTransactions" asp-controller="Wallets" asp-route-walletId="@scheme.WalletId" class="text-secondary mr-3">Manage Wallet</a>
} }
} }
</span> </span>
@ -66,12 +63,12 @@
Disabled Disabled
</strong> </strong>
} }
@if (scheme.Enabled) @if (isSetUp)
{ {
<span class="text-light ml-3 mr-2">|</span> <span class="text-light ml-3 mr-2">|</span>
} }
<a asp-action="AddDerivationScheme" asp-route-cryptoCode="@scheme.Crypto" asp-route-storeId="@Context.GetRouteValue("storeId")" id="@($"Modify{scheme.Crypto}")" class="btn btn-sm btn-@(scheme.Enabled ? "link" : "primary ml-4 px-3") py-1"> <a asp-action="AddDerivationScheme" asp-route-cryptoCode="@scheme.Crypto" asp-route-storeId="@Context.GetRouteValue("storeId")" id="@($"Modify{scheme.Crypto}")" class="btn btn-sm btn-@(isSetUp ? "link" : "primary ml-4 px-3") py-1">
@(scheme.Enabled ? "Modify" : "Setup") @(isSetUp ? "Modify" : "Setup")
</a> </a>
</span> </span>
</div> </div>
@ -101,13 +98,15 @@
<ul class="list-group mb-3"> <ul class="list-group mb-3">
@foreach (var scheme in Model.LightningNodes) @foreach (var scheme in Model.LightningNodes)
{ {
var isSetUp = !string.IsNullOrWhiteSpace(scheme.Address);
<li class="list-group-item bg-tile"> <li class="list-group-item bg-tile">
<div class="d-flex flex-wrap align-items-center"> <div class="d-flex align-items-center">
<span class="d-flex align-items-center flex-fill"> <span class="d-flex flex-wrap flex-fill flex-column flex-sm-row">
<strong class="mr-3">@scheme.CryptoCode</strong> <strong class="mr-3">@scheme.CryptoCode</strong>
@if (!string.IsNullOrWhiteSpace(scheme.Address)) @if (isSetUp)
{ {
<code class="smMaxWidth text-truncate mr-3">@scheme.Address</code> <span class="smMaxWidth text-truncate text-secondary mr-3">@scheme.Address</span>
} }
</span> </span>
<span class="d-flex align-items-center"> <span class="d-flex align-items-center">
@ -125,12 +124,12 @@
Disabled Disabled
</strong> </strong>
} }
@if (scheme.Enabled) @if (isSetUp)
{ {
<span class="text-light ml-3 mr-2">|</span> <span class="text-light ml-3 mr-2">|</span>
} }
<a asp-action="AddLightningNode" asp-route-cryptoCode="@scheme.CryptoCode" asp-route-storeId="@Context.GetRouteValue("storeId")" id="@($"Modify-Lightning{scheme.CryptoCode}")" class="btn btn-sm btn-@(scheme.Enabled ? "link" : "primary ml-4 px-3") py-1"> <a asp-action="AddLightningNode" asp-route-cryptoCode="@scheme.CryptoCode" asp-route-storeId="@Context.GetRouteValue("storeId")" id="@($"Modify-Lightning{scheme.CryptoCode}")" class="btn btn-sm btn-@(isSetUp ? "link" : "primary ml-4 px-3") py-1">
@(scheme.Enabled ? "Modify" : "Setup") @(isSetUp ? "Modify" : "Setup")
</a> </a>
</span> </span>
</div> </div>