From 4f3d3fd07e5b08c0e745c21f994190bdcb132911 Mon Sep 17 00:00:00 2001 From: thecrypt0hunter <36605607+thecrypt0hunter@users.noreply.github.com> Date: Fri, 17 Jul 2020 01:37:14 +0100 Subject: [PATCH] Add About Page (#185) * Add logo to nav menu * Add about page --- .../UI/Pages/About.razor | 55 +++++ .../UI/Pages/Index.razor | 225 ++++++++---------- .../UI/Pages/_Host.cshtml | 2 +- .../UI/Shared/Dropdown.razor | 33 +++ .../UI/Shared/DropdownListItem.razor | 12 + .../UI/Shared/NavMenu.razor | 12 +- 6 files changed, 212 insertions(+), 127 deletions(-) create mode 100644 src/Features/Blockcore.Features.NodeHost/UI/Pages/About.razor create mode 100644 src/Features/Blockcore.Features.NodeHost/UI/Shared/Dropdown.razor create mode 100644 src/Features/Blockcore.Features.NodeHost/UI/Shared/DropdownListItem.razor diff --git a/src/Features/Blockcore.Features.NodeHost/UI/Pages/About.razor b/src/Features/Blockcore.Features.NodeHost/UI/Pages/About.razor new file mode 100644 index 000000000..1cde1efc6 --- /dev/null +++ b/src/Features/Blockcore.Features.NodeHost/UI/Pages/About.razor @@ -0,0 +1,55 @@ +@page "/about" + +@using Blockcore.Utilities.Extensions + +@inject IFullNode FullNode +@inject NBitcoin.Network Network +@inject NBitcoin.ChainIndexer ChainIndexer +@inject Blockcore.Connection.IConnectionManager ConnectionManager +@inject Blockcore.Interfaces.IInitialBlockDownloadState InitialBlockDownloadState +@inject NavigationManager NavigationManager + +@{ +
+

About @this.Network.CoinTicker.ToUpper()

+
+ + Open API + Web Socket + Blockcore + +
+
+ +
+
+
+
+
+
Node Information
+ + + + + + + + + + + + + + + + + + + +
Agent name:@this.ConnectionManager.ConnectionSettings.Agent
Node version:@this.FullNode.Version?.ToString()
Protocol version:@this.Network.Consensus.ConsensusFactory.Protocol.ProtocolVersion
Current tip Hash:@this.ChainIndexer.Tip.HashBlock
+
+
+
+
+
+} diff --git a/src/Features/Blockcore.Features.NodeHost/UI/Pages/Index.razor b/src/Features/Blockcore.Features.NodeHost/UI/Pages/Index.razor index 38ce97c68..bfcbe23b3 100644 --- a/src/Features/Blockcore.Features.NodeHost/UI/Pages/Index.razor +++ b/src/Features/Blockcore.Features.NodeHost/UI/Pages/Index.razor @@ -10,166 +10,141 @@ @inject NavigationManager NavigationManager @inject ModalService ModalService +@{

@this.Network.CoinTicker.ToUpper() Network

- - - + + +
- -@{ -
-
-
-
-
-
-
-

@this.Network.CoinTicker.ToUpper()

-

-
-
-
-
- -
+
+
+
+
+
+
+
+

@this.Network.CoinTicker.ToUpper()

+

-
Network
-
-
-
-
-
-
-
-
-
-

@this.ConnectionManager.ConnectedPeers.Count()

-

-
-
-
-
- -
+
+
+
-
Peers
+
Network
-
-
-
-
-
-
- @if (this.InitialBlockDownloadState.IsInitialBlockDownload()) - { - - } - else - { - - } -

-
+
+
+
+
+
+
+
+

@this.ConnectionManager.ConnectedPeers.Count()

+

-
-
- -
+
+
+
+
- @if (this.InitialBlockDownloadState.IsInitialBlockDownload()) - { -
Chain Syncing
- } else { -
Chain Synced
- }
+
Peers
-
-
-
-
-
-
-

@this.ChainIndexer.Tip.Height

-

-
+
+
+
+
+
+
+
+ @if (this.InitialBlockDownloadState.IsInitialBlockDownload()) + { + + } + else + { + + } +

-
-
- -
+
+
+
+
-
Block Height
+ @if (this.InitialBlockDownloadState.IsInitialBlockDownload()) + { +
Chain Syncing
+ } else { +
Chain Synced
+ }
- -
-
-
-
-
- - - - - - - -
Current tip Hash:@this.ChainIndexer.Tip.HashBlock
+
+
+
+
+
+
+

@this.ChainIndexer.Tip.Height

+

+
+
+
+
+ +
+
Block Height
- -
-
-
-
-

Peers

-
- - + +
+
+
+
+

Peers

+
+
+ + + + + + + + + + @foreach (var peer in this.ConnectionManager.ConnectedPeers) + { - - - - + + + + - - - @foreach (var peer in this.ConnectionManager.ConnectedPeers) - { - - - - - - - } - -
IP ADDRESSCONNECTIONAGENTVERSION
IP ADDRESSCONNECTIONAGENTVERSION @peer.RemoteSocketEndpoint.ToString()@(peer.Inbound ? "Inbound" : "Outbound") @peer.PeerVersion?.UserAgent@peer.PeerVersion?.Version
@peer.RemoteSocketEndpoint.ToString()@(peer.Inbound ? "Inbound" : "Outbound") @peer.PeerVersion?.UserAgent@peer.PeerVersion?.Version
-
+ } + +
- +
} @code { @@ -185,4 +160,4 @@ { ModalService.Show("Add Node", typeof(Modal.ModalAddNode)); } -} +} \ No newline at end of file diff --git a/src/Features/Blockcore.Features.NodeHost/UI/Pages/_Host.cshtml b/src/Features/Blockcore.Features.NodeHost/UI/Pages/_Host.cshtml index c6b3a61cd..d85163493 100644 --- a/src/Features/Blockcore.Features.NodeHost/UI/Pages/_Host.cshtml +++ b/src/Features/Blockcore.Features.NodeHost/UI/Pages/_Host.cshtml @@ -12,7 +12,7 @@ - Dashboard + @this.Network.CoinTicker Dashboard diff --git a/src/Features/Blockcore.Features.NodeHost/UI/Shared/Dropdown.razor b/src/Features/Blockcore.Features.NodeHost/UI/Shared/Dropdown.razor new file mode 100644 index 000000000..1593c4bea --- /dev/null +++ b/src/Features/Blockcore.Features.NodeHost/UI/Shared/Dropdown.razor @@ -0,0 +1,33 @@ +@typeparam TItem +
+ + +
+ @ChildContent +
+ +
+ +@code { + [Parameter] + public RenderFragment InitialTip{get;set;} + [Parameter] + public RenderFragment ChildContent{get;set;} + [Parameter] + public EventCallback OnSelected {get;set;} + + private bool show = false; + private RenderFragment Tip ; + + protected override void OnInitialized(){ this.Tip = InitialTip; } + public async Task HandleSelect(TItem item, RenderFragment contentFragment) + { + this.Tip= contentFragment.Invoke(item); + this.show=false; + StateHasChanged(); + await this.OnSelected.InvokeAsync(item); + } +} \ No newline at end of file diff --git a/src/Features/Blockcore.Features.NodeHost/UI/Shared/DropdownListItem.razor b/src/Features/Blockcore.Features.NodeHost/UI/Shared/DropdownListItem.razor new file mode 100644 index 000000000..0979f10a3 --- /dev/null +++ b/src/Features/Blockcore.Features.NodeHost/UI/Shared/DropdownListItem.razor @@ -0,0 +1,12 @@ +@typeparam TItem +@ChildContent(Item) + +@code { + [CascadingParameter(Name="Dropdown")] + public Dropdown Dropdown {get;set;} + + [Parameter] + public TItem Item{get;set;} + [Parameter] + public RenderFragment ChildContent {get;set;} +} \ No newline at end of file diff --git a/src/Features/Blockcore.Features.NodeHost/UI/Shared/NavMenu.razor b/src/Features/Blockcore.Features.NodeHost/UI/Shared/NavMenu.razor index 0743a305d..397100ce6 100644 --- a/src/Features/Blockcore.Features.NodeHost/UI/Shared/NavMenu.razor +++ b/src/Features/Blockcore.Features.NodeHost/UI/Shared/NavMenu.razor @@ -4,7 +4,12 @@ @inject IFullNode fullnode
- @this.Network.CoinTicker Dashboard + + + Logo + @this.Network.CoinTicker Dashboard + + @@ -32,6 +37,11 @@ } } } +
  • + + About + +