status-im/nft-faucet
2
0
Fork 0
mirror of https://github.com/status-im/nft-faucet.git synced 2025-02-22 19:48:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add BasicComponent, BasicLayout and AppState

Browse Source
This commit is contained in:
Ivan Yaremenchuk 2022-08-26 13:13:40 -05:00
parent c131eccf65
commit 89c5536610
13 changed files with 192 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
NftFaucetRadzen/Components/BasicComponent.cs Normal file
View File

@ -0,0 +1,37 @@
using Microsoft.AspNetCore.Components;
using NftFaucetRadzen.Models;
using NftFaucetRadzen.Options;
namespace NftFaucetRadzen.Components;
public abstract class BasicComponent : ComponentBase
{
[Inject]
protected NavigationManager UriHelper { get; set; }
[Inject]
protected ScopedAppState AppState { get; set; }
[Inject]
protected RefreshMediator RefreshMediator { get; set; }
[Inject]
protected Settings Settings { get; set; }
protected override void OnInitialized()
{
RefreshMediator.StateChanged += async () => await InvokeAsync(StateHasChangedSafe);
}
protected void StateHasChangedSafe()
{
try
{
InvokeAsync(StateHasChanged);
}
catch (Exception)
{
// ignored
}
}
}

33
NftFaucetRadzen/Components/BasicLayout.cs Normal file
View File

@ -0,0 +1,33 @@
using Microsoft.AspNetCore.Components;
using NftFaucetRadzen.Models;
namespace NftFaucetRadzen.Components;
public abstract class BasicLayout : LayoutComponentBase
{
[Inject]
protected NavigationManager UriHelper { get; set; }
[Inject]
protected ScopedAppState AppState { get; set; }
[Inject]
protected RefreshMediator RefreshMediator { get; set; }
protected override void OnInitialized()
{
RefreshMediator.StateChanged += async () => await InvokeAsync(StateHasChangedSafe);
}
protected void StateHasChangedSafe()
{
try
{
InvokeAsync(StateHasChanged);
}
catch (Exception)
{
// ignored
}
}
}

1
NftFaucetRadzen/Components/CardList.razor
View File

@ -1,4 +1,5 @@
@using NftFaucetRadzen.Models
@inherits BasicComponent
<RadzenDataList WrapItems="true" Data="@Data" TItem="CardListItem" >
<Template Context="cardListItem">

4
NftFaucetRadzen/Components/CardList.razor.cs
View File

@ -3,7 +3,7 @@ using NftFaucetRadzen.Models;
namespace NftFaucetRadzen.Components;
public partial class CardList
public partial class CardList : BasicComponent
{
[Parameter] public CardListItem[] Data { get; set; }
[Parameter] public CardListItem[] SelectedItems { get; set; }
@ -34,6 +34,6 @@ public partial class CardList
}
SelectedItems = selectedItems.ToArray();
await SelectedItemsChanged.InvokeAsync(SelectedItems);
StateHasChanged();
RefreshMediator.NotifyStateHasChangedSafe();
}
}

19
NftFaucetRadzen/Models/RefreshMediator.cs Normal file
View File

@ -0,0 +1,19 @@
namespace NftFaucetRadzen.Models;
public class RefreshMediator
{
public delegate void StateChangedDelegate();
public event StateChangedDelegate StateChanged;
public void NotifyStateHasChangedSafe()
{
try
{
StateChanged?.Invoke();
}
catch (Exception)
{
// ignored
}
}
}

11
NftFaucetRadzen/Models/ScopedAppState.cs Normal file
View File

@ -0,0 +1,11 @@
namespace NftFaucetRadzen.Models;
public class ScopedAppState
{
public StateStorage Storage { get; private set; } = new();
public void Reset()
{
Storage = new StateStorage();
}
}

6
NftFaucetRadzen/Models/StateStorage.cs Normal file
View File

@ -0,0 +1,6 @@
namespace NftFaucetRadzen.Models;
public class StateStorage
{
public CardListItem[] SelectedNetworks { get; set; }
}

18
NftFaucetRadzen/Pages/Network.razor
View File

@ -1,4 +1,5 @@
@page "/network"
@inherits BasicComponent
<PageTitle>Network</PageTitle>
<RadzenContent Container="main">
@ -6,30 +7,29 @@
<RadzenTabs RenderMode="TabRenderMode.Client">
<Tabs>
<RadzenTabsItem Text="Ethereum">
<CardList Data="@EthereumNetworks" @bind-SelectedItems="@SelectedNetworks" />
<CardList Data="@EthereumNetworks" @bind-SelectedItems="@AppState.Storage.SelectedNetworks" />
</RadzenTabsItem>
<RadzenTabsItem Text="Polygon">
<CardList Data="@PolygonNetworks" @bind-SelectedItems="@SelectedNetworks" />
<CardList Data="@PolygonNetworks" @bind-SelectedItems="@AppState.Storage.SelectedNetworks" />
</RadzenTabsItem>
<RadzenTabsItem Text="Bsc">
<CardList Data="@BscNetworks" @bind-SelectedItems="@SelectedNetworks" />
<CardList Data="@BscNetworks" @bind-SelectedItems="@AppState.Storage.SelectedNetworks" />
</RadzenTabsItem>
<RadzenTabsItem Text="Optimism">
<CardList Data="@OptimismNetworks" @bind-SelectedItems="@SelectedNetworks" />
<CardList Data="@OptimismNetworks" @bind-SelectedItems="@AppState.Storage.SelectedNetworks" />
</RadzenTabsItem>
<RadzenTabsItem Text="Moonbase">
<CardList Data="@MoonbaseNetworks" @bind-SelectedItems="@SelectedNetworks" />
<CardList Data="@MoonbaseNetworks" @bind-SelectedItems="@AppState.Storage.SelectedNetworks" />
</RadzenTabsItem>
<RadzenTabsItem Text="Arbitrum">
<CardList Data="@ArbitrumNetworks" @bind-SelectedItems="@SelectedNetworks" />
<CardList Data="@ArbitrumNetworks" @bind-SelectedItems="@AppState.Storage.SelectedNetworks" />
</RadzenTabsItem>
<RadzenTabsItem Text="Avalanche">
<CardList Data="@AvalancheNetworks" @bind-SelectedItems="@SelectedNetworks" />
<CardList Data="@AvalancheNetworks" @bind-SelectedItems="@AppState.Storage.SelectedNetworks" />
</RadzenTabsItem>
<RadzenTabsItem Text="Solana">
<CardList Data="@SolanaNetworks" @bind-SelectedItems="@SelectedNetworks" />
<CardList Data="@SolanaNetworks" @bind-SelectedItems="@AppState.Storage.SelectedNetworks" />
</RadzenTabsItem>
</Tabs>
</RadzenTabs>
</RadzenContent>

121
NftFaucetRadzen/Pages/Network.razor.cs
View File

@ -1,75 +1,66 @@
using Microsoft.JSInterop;
using Microsoft.AspNetCore.Components;
using NftFaucetRadzen.Components;
using NftFaucetRadzen.Models;
using NftFaucetRadzen.Models.Enums;
using NftFaucetRadzen.Options;
using Radzen;
namespace NftFaucetRadzen.Pages
namespace NftFaucetRadzen.Pages;
public partial class Network : BasicComponent
{
public partial class Network
[Inject]
protected IJSRuntime JSRuntime { get; set; }
[Inject]
protected DialogService DialogService { get; set; }
[Inject]
protected TooltipService TooltipService { get; set; }
[Inject]
protected ContextMenuService ContextMenuService { get; set; }
[Inject]
protected NotificationService NotificationService { get; set; }
protected override void OnInitialized()
{
[Inject]
protected IJSRuntime JSRuntime { get; set; }
[Inject]
protected NavigationManager NavigationManager { get; set; }
[Inject]
protected DialogService DialogService { get; set; }
[Inject]
protected TooltipService TooltipService { get; set; }
[Inject]
protected ContextMenuService ContextMenuService { get; set; }
[Inject]
protected NotificationService NotificationService { get; set; }
[Inject]
protected Settings Settings { get; set; }
protected override void OnInitialized()
{
EthereumNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Ethereum).Select(MapCardListItem).ToArray();
PolygonNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Polygon).Select(MapCardListItem).ToArray();
BscNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Bsc).Select(MapCardListItem).ToArray();
OptimismNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Optimism).Select(MapCardListItem).ToArray();
MoonbaseNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Moonbase).Select(MapCardListItem).ToArray();
ArbitrumNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Arbitrum).Select(MapCardListItem).ToArray();
AvalancheNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Avalanche).Select(MapCardListItem).ToArray();
SolanaNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Solana).Select(MapCardListItem).ToArray();
}
protected CardListItem[] EthereumNetworks { get; private set; }
protected CardListItem[] PolygonNetworks { get; private set; }
protected CardListItem[] BscNetworks { get; private set; }
protected CardListItem[] OptimismNetworks { get; private set; }
protected CardListItem[] MoonbaseNetworks { get; private set; }
protected CardListItem[] ArbitrumNetworks { get; private set; }
protected CardListItem[] AvalancheNetworks { get; private set; }
protected CardListItem[] SolanaNetworks { get; private set; }
public CardListItem[] SelectedNetworks { get; set; }
private static CardListItem MapCardListItem(NetworkModel model)
=> new CardListItem
{
ImageName = model.ImageName,
Header = model.Name,
IsDisabled = !model.IsSupported,
Properties = new[]
{
new CardListItemProperty { Name = "ChainID", Value = model.ChainId?.ToString() },
new CardListItemProperty { Name = "Currency", Value = model.Currency },
},
Badges = new[]
{
!model.IsSupported ? new CardListItemBadge { Style = BadgeStyle.Light, Text = "Not Supported" } : null,
!model.IsTestnet ? new CardListItemBadge { Style = BadgeStyle.Danger, Text = "Mainnet" } : null,
model.IsDeprecated ? new CardListItemBadge { Style = BadgeStyle.Warning, Text = "Deprecated" } : null,
}.Where(x => x != null).ToArray(),
};
EthereumNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Ethereum).Select(MapCardListItem).ToArray();
PolygonNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Polygon).Select(MapCardListItem).ToArray();
BscNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Bsc).Select(MapCardListItem).ToArray();
OptimismNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Optimism).Select(MapCardListItem).ToArray();
MoonbaseNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Moonbase).Select(MapCardListItem).ToArray();
ArbitrumNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Arbitrum).Select(MapCardListItem).ToArray();
AvalancheNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Avalanche).Select(MapCardListItem).ToArray();
SolanaNetworks = Settings.Networks.Where(x => x.Type == NetworkType.Solana).Select(MapCardListItem).ToArray();
}
protected CardListItem[] EthereumNetworks { get; private set; }
protected CardListItem[] PolygonNetworks { get; private set; }
protected CardListItem[] BscNetworks { get; private set; }
protected CardListItem[] OptimismNetworks { get; private set; }
protected CardListItem[] MoonbaseNetworks { get; private set; }
protected CardListItem[] ArbitrumNetworks { get; private set; }
protected CardListItem[] AvalancheNetworks { get; private set; }
protected CardListItem[] SolanaNetworks { get; private set; }
private static CardListItem MapCardListItem(NetworkModel model)
=> new CardListItem
{
ImageName = model.ImageName,
Header = model.Name,
IsDisabled = !model.IsSupported,
Properties = new[]
{
new CardListItemProperty { Name = "ChainID", Value = model.ChainId?.ToString() },
new CardListItemProperty { Name = "Currency", Value = model.Currency },
},
Badges = new[]
{
!model.IsSupported ? new CardListItemBadge { Style = BadgeStyle.Light, Text = "Not Supported" } : null,
!model.IsTestnet ? new CardListItemBadge { Style = BadgeStyle.Danger, Text = "Mainnet" } : null,
model.IsDeprecated ? new CardListItemBadge { Style = BadgeStyle.Warning, Text = "Deprecated" } : null,
}.Where(x => x != null).ToArray(),
};
}

4
NftFaucetRadzen/Program.cs
View File

@ -1,6 +1,7 @@
using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using NftFaucetRadzen;
using NftFaucetRadzen.Models;
using NftFaucetRadzen.Options;
using Radzen;
@ -14,7 +15,8 @@ builder.Configuration.Bind(settings);
builder.Services.AddSingleton(settings);
builder.Services.AddScoped(sp => new HttpClient {BaseAddress = new Uri(builder.HostEnvironment.BaseAddress)});
builder.Services.AddScoped<ScopedAppState>();
builder.Services.AddScoped<RefreshMediator>();
builder.Services.AddScoped<DialogService>();
builder.Services.AddScoped<NotificationService>();
builder.Services.AddScoped<TooltipService>();

2
NftFaucetRadzen/Shared/MainLayout.razor
View File

@ -1,4 +1,4 @@
@inherits LayoutComponentBase
@inherits BasicLayout
<div class="page">
<div class="sidebar">

6
NftFaucetRadzen/Shared/NavMenu.razor
View File

@ -1,4 +1,6 @@
<div class="top-row ps-3 navbar navbar-dark">
@inherits BasicComponent
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">NftFaucetRadzen</a>
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
@ -11,7 +13,7 @@
<nav class="flex-column">
<div class="nav-item px-3">
<NavLink class="nav-link" href="network">
<span class="oi oi-wifi" aria-hidden="true"></span> Network
<span class="oi oi-wifi" aria-hidden="true"></span> @("Network" + (SelectedNetworkName != null ? $" ({SelectedNetworkName})" : string.Empty))
</NavLink>
</div>
<div class="nav-item px-3">

10
NftFaucetRadzen/Shared/NavMenu.razor.cs Normal file
View File

@ -0,0 +1,10 @@
using Microsoft.AspNetCore.Components;
using NftFaucetRadzen.Components;
using NftFaucetRadzen.Models;
namespace NftFaucetRadzen.Shared;
public partial class NavMenu : BasicComponent
{
protected string SelectedNetworkName => AppState.Storage.SelectedNetworks?.FirstOrDefault()?.Header;
}