15 |
18 | );
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/ui/src/components/Log/LogViewer/LogItem/LogItem.scss:
--------------------------------------------------------------------------------
1 | .log-item {
2 | cursor: pointer;
3 | td {
4 | text-overflow: ellipsis;
5 | overflow: hidden;
6 | white-space: nowrap;
7 | font-size: 0.8rem;
8 | padding: 7px;
9 | }
10 | }
11 |
12 | .expended-item {
13 | background-color: #f1f1f1;
14 | td {
15 | font-size: 0.8rem;
16 | padding: 18px;
17 |
18 | .expend-text {
19 | white-space: pre-wrap;
20 | background-color: white;
21 | padding: 9px;
22 | border: 1px solid #dfdfdf;
23 | }
24 |
25 | .btn {
26 | font-size: 0.8rem;
27 | padding-left: 15px;
28 | padding-right: 15px;
29 | padding-top: 3px;
30 | padding-bottom: 3px;
31 | }
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/ui/src/components/Log/Log.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import LeftFilter from "./LeftFilter/LeftFilter";
3 | import "./Log.css";
4 | import LogViewer from "./LogViewer/LogViewer";
5 | import TopFilter from "./TopFilter/TopFilter";
6 |
7 | export default class Log extends React.Component
11 |
23 | );
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/ui/src/components/NodeList/NodeListContainer/SelectNodesModal/SelectNodeCheckbox.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | interface Props {
4 | name: string;
5 | checked: boolean;
6 | onChange: (name: string) => void;
7 | }
8 |
9 | export default class SelectNodeCheckbox extends React.Component
12 |
14 |
15 |
22 |
16 |
18 |
19 |
21 |
14 |
15 |
20 |
21 | );
22 | }
23 |
24 | private handleOnChange = () => {
25 | this.props.onChange(this.props.name);
26 | };
27 | }
28 |
--------------------------------------------------------------------------------
/client/Cargo.toml:
--------------------------------------------------------------------------------
1 | [package]
2 | name = "codechain-dashboard-client"
3 | version = "0.1.0"
4 | authors = ["CodeChain Team
18 |
23 | );
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/ui/src/components/NodeList/NodeListContainer/NodeItem/NodeItem.scss:
--------------------------------------------------------------------------------
1 | @import "styles/variables.scss";
2 |
3 | .node-item {
4 | border: 1px solid $container-border-color;
5 | border-radius: 3px;
6 | overflow: hidden;
7 |
8 | .node-item-info-container {
9 | background-color: white;
10 | flex: 1;
11 | padding: 8px;
12 | height: 66px;
13 | a {
14 | color: $dark-text-color;
15 | }
16 | .node-status {
17 | width: 50px;
18 | }
19 | .node-name {
20 | flex: 1;
21 | }
22 | &.active:hover {
23 | background-color: $dark-background-color;
24 | }
25 | }
26 |
27 | .setting-btn-container {
28 | background-color: $dark-background-color;
29 | color: $gray-text-color;
30 | width: 80px;
31 | border-left: 1px solid $container-border-color;
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/server/src/db/queries/peer_count.rs:
--------------------------------------------------------------------------------
1 | use super::super::types::DBConnection;
2 |
3 | pub fn insert(
4 | conn: &DBConnection,
5 | node_name: &str,
6 | peer_count: i32,
7 | time: chrono::DateTimeNode {match.params.nodeId}
19 | 20 |
18 |
21 | );
22 | }
23 |
24 | private renderAllNodeGraph = () => {
25 | return (
26 |
27 |
30 | );
31 | };
32 | }
33 |
--------------------------------------------------------------------------------
/ui/src/components/GlobalNavigationBar/GlobalNavigationBar.scss:
--------------------------------------------------------------------------------
1 | @import "styles/variables.scss";
2 |
3 | .global-navigation-bar {
4 | width: $gnb-width;
5 | height: calc(100vh - #{$header-height});
6 | position: fixed;
7 | top: $header-height;
8 | left: 0;
9 | background-color: $header-background-color;
10 | .gnb-list {
11 | margin-top: 60px;
12 | .gnb-list-item {
13 | position: relative;
14 | &:hover {
15 | color: white;
16 | }
17 | transition: color 0.5s ease;
18 | color: rgba(255, 255, 255, 0.5);
19 | width: $gnb-width;
20 | margin-bottom: 30px;
21 |
22 | .gnb-list-item-icon {
23 | font-size: 1.1rem;
24 | }
25 |
26 | .gnb-list-item-title {
27 | font-size: 0.5rem;
28 | }
29 |
30 | &.active {
31 | color: white;
32 | }
33 | .gnb-list-item-selected-arrow {
34 | position: absolute;
35 | top: 5px;
36 | right: 0;
37 | width: 10px;
38 | color: white !important;
39 | }
40 | }
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/client/src/client.yml:
--------------------------------------------------------------------------------
1 | name: codechain-dashboard-client
2 | version: "0.1.0"
3 | version_short: "v"
4 | author: CodeChain Team
23 |
29 | );
30 | }
31 |
32 | private handleItemSelect = (rpc: {
33 | method: string;
34 | params: object[] | object;
35 | }) => {
36 | this.setState({ selectedItem: rpc });
37 | };
38 | }
39 |
--------------------------------------------------------------------------------
/server/src/client/types.rs:
--------------------------------------------------------------------------------
1 | use super::super::common_rpc_types::{NodeName, NodeStatus};
2 | use primitives::H256;
3 | use serde_derive::{Deserialize, Serialize};
4 | use serde_json::Value;
5 | use std::net::SocketAddr;
6 |
7 | #[derive(Debug, Serialize, Deserialize)]
8 | #[serde(rename_all = "camelCase")]
9 | pub struct ClientGetInfoResponse {
10 | pub status: NodeStatus,
11 | pub name: NodeName,
12 | pub address: Option
27 |
40 | );
41 | });
42 |
--------------------------------------------------------------------------------
/server/src/bin/delete-all-table.rs:
--------------------------------------------------------------------------------
1 | use codechain_dashboard_server::{cinfo, logger_init};
2 | use postgres::{Connection, TlsMode};
3 |
4 | fn main() {
5 | logger_init().expect("Logger should be initialized");
6 |
7 | // FIXME: move to configuration file
8 | let user = "codechain-dashboard-server";
9 | let password = "preempt-entreat-bell-chanson";
10 | let conn_uri = format!("postgres://{}:{}@localhost", user, password);
11 | let conn = Connection::connect(conn_uri, TlsMode::None).unwrap();
12 |
13 | let table_names = get_all_table_names(&conn);
14 | cinfo!("Table names to delete are {:?}", table_names);
15 |
16 | for table_name in table_names {
17 | cinfo!("Drop table {}", &table_name);
18 | drop_table(&conn, &table_name);
19 | }
20 | }
21 |
22 | fn get_all_table_names(conn: &Connection) -> Vec
28 | 
29 |
30 |
31 |
35 | 32 | {getTitle(props.location.pathname)} 33 |
34 |
36 | {process.env.REACT_APP_TITLE}
37 |
38 |
39 |
20 |
35 | );
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/ui/src/components/Dashboard/Dashboard.scss:
--------------------------------------------------------------------------------
1 | @import "styles/variables.scss";
2 |
3 | .dashboard {
4 | min-width: 800px;
5 | .left-panel {
6 | flex-grow: 1;
7 | }
8 | .right-panel {
9 | width: 300px;
10 | .dashboard-item {
11 | border: 1px solid $container-border-color;
12 | border-radius: 3px;
13 | overflow: hidden;
14 | }
15 | .dashboard-item-header {
16 | background-color: $dark-background-color;
17 | color: $dark-text-color;
18 | padding: 9px;
19 | }
20 | .node-item-info-panel {
21 | height: 180px;
22 | }
23 | .dashboard-item-body {
24 | background-color: white;
25 | padding: 9px;
26 | }
27 | }
28 | .node-info-element {
29 | position: relative;
30 | height: 100%;
31 |
32 | .bottom-container {
33 | position: absolute;
34 | bottom: 0px;
35 | }
36 | }
37 | .view-details {
38 | text-decoration: underline !important;
39 | color: black;
40 | font-style: italic;
41 | &:hover {
42 | color: rgb(97, 97, 97);
43 | }
44 | }
45 | .selected-network-node-list-container {
46 | margin-top: 18px;
47 | height: 190px;
48 | overflow: auto;
49 | white-space: nowrap;
50 |
51 | .network-node-info {
52 | position: relative;
53 | height: 190px;
54 | width: 300px;
55 | display: inline-block;
56 | background: white;
57 | padding: 18px;
58 | margin-right: 18px;
59 | }
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/server/src/util.rs:
--------------------------------------------------------------------------------
1 | use chrono::{DateTime, Timelike, Utc};
2 | use std::error;
3 | use std::fmt::Debug;
4 | use std::result::Result;
5 |
6 | pub fn log_error
21 |
22 |
25 |
26 |
22 |
25 |
27 |
34 |
28 |
33 |
34 | {isColorPickerOpen && [
35 |
41 | );
42 | }
43 | public togglePicker = () => {
44 | this.setState({ isColorPickerOpen: !this.state.isColorPickerOpen });
45 | };
46 | public handleClose = () => {
47 | this.setState({ isColorPickerOpen: false });
48 | };
49 | public handleOnChangeColor = (color: ColorState) => {
50 | this.setState({
51 | isColorPickerOpen: false
52 | });
53 | this.props.onColorSelected(color.hex);
54 | };
55 | }
56 |
--------------------------------------------------------------------------------
/client/src/client.rs:
--------------------------------------------------------------------------------
1 | use super::handler::WebSocketHandler;
2 | use super::hardware_usage::HardwareService;
3 | use super::logger::init as logger_init;
4 | use super::process::{self, ProcessOption};
5 | use super::rpc::api::add_routing;
6 | use super::rpc::router::Router;
7 | use super::types::{ClientArgs, HandlerContext};
8 | use std::cell::Cell;
9 | use std::rc::Rc;
10 | use std::sync::Arc;
11 | use std::thread;
12 | use std::time::Duration;
13 | use ws::connect;
14 |
15 | pub fn run(args: &ClientArgs<'_>) {
16 | logger_init().expect("Logger should be initialized");
17 |
18 | let count = Rc::new(Cell::new(0));
19 |
20 | let mut router = Arc::new(Router::new());
21 | add_routing(Arc::get_mut(&mut router).unwrap());
22 |
23 | let process = process::spawn(ProcessOption {
24 | codechain_dir: args.codechain_dir.to_string(),
25 | log_file_path: args.log_file_path.to_string(),
26 | });
27 |
28 | let hardware_service = HardwareService::run_thread();
29 |
30 | let context = Arc::new(HandlerContext {
31 | codechain_address: args.codechain_address,
32 | name: args.name.to_string(),
33 | process,
34 | hardware_service,
35 | });
36 |
37 | loop {
38 | let count = count.clone();
39 | let router = router.clone();
40 | let context = context.clone();
41 | cinfo!(MAIN, "Connect to {}", args.hub_url);
42 | if let Err(err) = connect(args.hub_url, move |out| WebSocketHandler {
43 | out,
44 | count: count.clone(),
45 | router: router.clone(),
46 | context: context.clone(),
47 | }) {
48 | cerror!(MAIN, "Error from websocket {}", err);
49 | }
50 | cinfo!(MAIN, "Unconnected from Hub");
51 | thread::sleep(Duration::new(1, 0));
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/ui/src/components/App/App.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import ReactModal from "react-modal";
3 | import { connect, DispatchProp } from "react-redux";
4 | import { BrowserRouter as Router, Route } from "react-router-dom";
5 | import { ToastContainer } from "react-toastify";
6 | import "react-toastify/dist/ReactToastify.css";
7 | import RequestAgent from "../../RequestAgent";
8 | import Dashboard from "../Dashboard/Dashboard";
9 | import { GlobalNavigationBar } from "../GlobalNavigationBar/GlobalNavigationBar";
10 | import Graph from "../Graph/Graph";
11 | import { Header } from "../Header/Header";
12 | import Log from "../Log/Log";
13 | import NodeList from "../NodeList/NodeList";
14 | import RPC from "../RPC/RPC";
15 | import "./App.css";
16 |
17 | class App extends React.Component
36 |
,
38 |
39 | ]}
40 |
33 |
44 |
36 |
42 |
17 |
43 | );
44 | }
45 |
46 | private onClickItem = () => {
47 | this.props.onClickHistoryItem({
48 | method: "Dummy_getBestBlockNumber",
49 | params: ["DummyParam", 1, "number", "123"]
50 | });
51 | };
52 | }
53 |
54 | export default RPCLeftPanel;
55 |
--------------------------------------------------------------------------------
/ui/src/components/NodeList/NodeDetailContainer/NodeDetailContainer.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { connect } from "react-redux";
3 | import { fetchNodeInfoIfNeeded } from "../../../actions/nodeInfo";
4 | import { ReducerConfigure } from "../../../reducers";
5 | import { NodeInfo } from "../../../requests/types";
6 | import NodeDetail from "./NodeDetail/NodeDetail";
7 | import "./NodeDetailContainer.css";
8 |
9 | interface OwnProps {
10 | match: {
11 | params: {
12 | nodeId: string;
13 | };
14 | };
15 | }
16 |
17 | interface StateProps {
18 | nodeInfo?: NodeInfo | null;
19 | }
20 |
21 | interface DispatchProps {
22 | getNodeInfo: () => void;
23 | }
24 |
25 | type Props = DispatchProps & OwnProps & StateProps;
26 | class NodeDetailContainer extends React.Component
18 |
21 | History
19 | Collections
20 |
22 | {_.map(_.range(10), index => {
23 | return (
24 |
42 |
29 |
39 | );
40 | })}
41 | 30 | Dummy_getBestBlockNumber 31 |
32 |33 | parameter1 parameter2 parameter3 parameter4 34 |
35 |36 | agent1 agent2 agent3 agent4 agent5 agant6 37 |
38 |Loading...
;
36 | }
37 | return (
38 |
39 |
41 | );
42 | }
43 | }
44 | const mapStateToProps = (state: ReducerConfigure, ownProps: OwnProps) => ({
45 | nodeInfo:
46 | state.nodeInfoReducer.nodeInfos[decodeURI(ownProps.match.params.nodeId)] &&
47 | state.nodeInfoReducer.nodeInfos[decodeURI(ownProps.match.params.nodeId)]
48 | .info
49 | });
50 | const mapDispatchToProps = (dispatch: any, ownProps: OwnProps) => ({
51 | getNodeInfo: async () => {
52 | const nodeId = decodeURI(ownProps.match.params.nodeId);
53 | dispatch(fetchNodeInfoIfNeeded(nodeId));
54 | }
55 | });
56 | export default connect(
57 | mapStateToProps,
58 | mapDispatchToProps
59 | )(NodeDetailContainer);
60 |
--------------------------------------------------------------------------------
/client/src/logger/logger.rs:
--------------------------------------------------------------------------------
1 | use colored::Colorize;
2 | use env_logger::filter::{Builder as FilterBuilder, Filter};
3 | use log::{LevelFilter, Log, Metadata, Record};
4 | use std::{env, thread};
5 |
6 | pub struct Logger {
7 | filter: Filter,
8 | }
9 |
10 | impl Logger {
11 | pub fn new() -> Self {
12 | let mut builder = FilterBuilder::new();
13 | builder.filter(None, LevelFilter::Info);
14 |
15 | if let Ok(rust_log) = env::var("RUST_LOG") {
16 | builder.parse(&rust_log);
17 | }
18 |
19 | Self {
20 | filter: builder.build(),
21 | }
22 | }
23 |
24 | pub fn filter(&self) -> LevelFilter {
25 | self.filter.filter()
26 | }
27 | }
28 |
29 | impl Log for Logger {
30 | fn enabled(&self, metadata: &Metadata<'_>) -> bool {
31 | self.filter.enabled(metadata)
32 | }
33 |
34 | fn log(&self, record: &Record<'_>) {
35 | if self.filter.matches(record) {
36 | let thread_name = thread::current().name().unwrap_or_default().to_string();
37 | let timestamp = time::strftime("%Y-%m-%d %H:%M:%S %Z", &time::now()).unwrap();
38 |
39 | let stderr_isatty = atty::is(atty::Stream::Stderr);
40 | let timestamp = if stderr_isatty {
41 | timestamp.bold()
42 | } else {
43 | timestamp.normal()
44 | };
45 | let thread_name = if stderr_isatty {
46 | thread_name.blue().bold()
47 | } else {
48 | thread_name.normal()
49 | };
50 | let log_level = record.level();
51 | let log_target = record.target();
52 | let log_message = record.args();
53 | eprintln!("#{} {} {} {} {}", timestamp, thread_name, log_level, log_target, log_message);
54 | }
55 | }
56 |
57 | fn flush(&self) {}
58 | }
59 |
--------------------------------------------------------------------------------
/server/src/logger/logger.rs:
--------------------------------------------------------------------------------
1 | use colored::Colorize;
2 | use env_logger::filter::{Builder as FilterBuilder, Filter};
3 | use log::{LevelFilter, Log, Metadata, Record};
4 | use std::{env, thread};
5 |
6 | pub struct Logger {
7 | filter: Filter,
8 | }
9 |
10 | impl Logger {
11 | pub fn new() -> Self {
12 | let mut builder = FilterBuilder::new();
13 | builder.filter(None, LevelFilter::Info);
14 |
15 | if let Ok(rust_log) = env::var("RUST_LOG") {
16 | builder.parse(&rust_log);
17 | }
18 |
19 | Self {
20 | filter: builder.build(),
21 | }
22 | }
23 |
24 | pub fn filter(&self) -> LevelFilter {
25 | self.filter.filter()
26 | }
27 | }
28 |
29 | impl Log for Logger {
30 | fn enabled(&self, metadata: &Metadata<'_>) -> bool {
31 | self.filter.enabled(metadata)
32 | }
33 |
34 | fn log(&self, record: &Record<'_>) {
35 | if self.filter.matches(record) {
36 | let thread_name = thread::current().name().unwrap_or_default().to_string();
37 | let timestamp = time::strftime("%Y-%m-%d %H:%M:%S %Z", &time::now()).unwrap();
38 |
39 | let stderr_isatty = atty::is(atty::Stream::Stderr);
40 | let timestamp = if stderr_isatty {
41 | timestamp.bold()
42 | } else {
43 | timestamp.normal()
44 | };
45 | let thread_name = if stderr_isatty {
46 | thread_name.blue().bold()
47 | } else {
48 | thread_name.normal()
49 | };
50 | let log_level = record.level();
51 | let log_target = record.target();
52 | let log_message = record.args();
53 | eprintln!("#{} {} {} {} {}", timestamp, thread_name, log_level, log_target, log_message);
54 | }
55 | }
56 |
57 | fn flush(&self) {}
58 | }
59 |
--------------------------------------------------------------------------------
/ui/src/reducers/nodeInfo.ts:
--------------------------------------------------------------------------------
1 | import { NodeInfoAction } from "../actions/nodeInfo";
2 | import { NodeInfo } from "../requests/types";
3 | const merge = require("deepmerge").default;
4 | const overwriteMerge = (
5 | destinationArray: any,
6 | sourceArray: any,
7 | options: any
8 | ) => sourceArray;
9 |
10 | export interface NodeState {
11 | nodeInfos: {
12 | [name: string]: {
13 | info?: NodeInfo | null;
14 | isFetching: boolean;
15 | lastUpdated?: number | null;
16 | };
17 | };
18 | }
19 |
20 | const initialState: NodeState = {
21 | nodeInfos: {}
22 | };
23 |
24 | export const nodeInfoReducer = (
25 | state = initialState,
26 | action: NodeInfoAction
27 | ) => {
28 | switch (action.type) {
29 | case "RequestNodeInfo": {
30 | const nodeInfos = {
31 | ...state.nodeInfos,
32 | [action.name]: {
33 | isFetching: true
34 | }
35 | };
36 | return {
37 | ...state,
38 | nodeInfos
39 | };
40 | }
41 | case "SetNodeInfo": {
42 | const nodeInfos = {
43 | ...state.nodeInfos,
44 | [action.name]: {
45 | info: action.data,
46 | isFetching: false,
47 | lastUpdated: action.receivedAt
48 | }
49 | };
50 | return {
51 | ...state,
52 | nodeInfos
53 | };
54 | }
55 | case "UpdateNodeInfo":
56 | if (!state.nodeInfos[action.name]) {
57 | return {
58 | ...state
59 | };
60 | }
61 | const updatedNodeInfos = {
62 | ...state.nodeInfos,
63 | [action.name]: {
64 | ...state.nodeInfos[action.name],
65 | info: merge(state.nodeInfos[action.name].info || {}, action.data, {
66 | arrayMerge: overwriteMerge
67 | })
68 | }
69 | };
70 | return {
71 | ...state,
72 | nodeInfos: updatedNodeInfos
73 | };
74 | }
75 | return state;
76 | };
77 |
--------------------------------------------------------------------------------
/ui/src/components/GlobalNavigationBar/GlobalNavigationBar.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | faChartLine,
3 | faCoins,
4 | faHistory,
5 | faRetweet,
6 | faTachometerAlt,
7 | IconDefinition
8 | } from "@fortawesome/free-solid-svg-icons";
9 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
10 | import * as React from "react";
11 | import { Link, withRouter } from "react-router-dom";
12 | import "./GlobalNavigationBar.css";
13 | import { ReactComponent as ArrowImg } from "./img/arrow.svg";
14 | const getGnbMenu = (
15 | url: string,
16 | title: string,
17 | icon: IconDefinition,
18 | isSelected: boolean
19 | ) => {
20 | return (
21 |
24 | {isSelected ? (
25 |
34 |
35 |
28 |
30 |
31 | {title}
32 |
33 |
42 |
55 | );
56 | });
57 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: rust
2 | rust:
3 | - 1.42.0
4 | jobs:
5 | include:
6 | - name: server
7 | before_install:
8 | - cd $TRAVIS_JOB_NAME
9 | install:
10 | - rustup set profile minimal
11 | - rustup toolchain install nightly-2020-02-23
12 | - rustup component add rustfmt-preview --toolchain nightly-2020-02-23
13 | - rustup component add clippy-preview --toolchain nightly-2020-02-23
14 | before_script:
15 | - cargo fetch --verbose
16 | script:
17 | - cargo +nightly-2020-02-23 fmt -- --check
18 | && RUST_BACKTRACE=1 cargo test --verbose --all
19 | && cargo +nightly-2020-02-23 clippy --all --all-targets -- -D warnings
20 | - name: client
21 | before_install:
22 | - cd $TRAVIS_JOB_NAME
23 | install:
24 | - rustup set profile minimal
25 | - rustup toolchain install nightly-2020-02-23
26 | - rustup component add rustfmt-preview --toolchain nightly-2020-02-23
27 | - rustup component add clippy-preview --toolchain nightly-2020-02-23
28 | before_script:
29 | - cargo fetch --verbose
30 | script:
31 | - cargo +nightly-2020-02-23 fmt -- --check
32 | && RUST_BACKTRACE=1 cargo test --verbose --all
33 | && cargo +nightly-2020-02-23 clippy --all --all-targets -- -D warnings
34 | - name: ui
35 | before_install:
36 | - cd $TRAVIS_JOB_NAME
37 | - nvm install 10
38 | - nvm use 10
39 | - npm install -g yarn
40 | install:
41 | - yarn install
42 | script:
43 | - yarn lint
44 | - yarn build
45 | cache:
46 | cargo: true
47 | directories:
48 | - "$HOME/.rustup"
49 | before_cache:
50 | - rm -rf $HOME/.cargo/registry
51 | - rm -rf $TRAVIS_BUILD_DIR/target
52 | git:
53 | depth: 1
54 |
55 |
--------------------------------------------------------------------------------
/ui/src/actions/chainNetworks.ts:
--------------------------------------------------------------------------------
1 | import * as _ from "lodash";
2 | import { ReducerConfigure } from "../reducers";
3 | import { ChainNetworksState } from "../reducers/chainNetworks";
4 | import RequestAgent from "../RequestAgent";
5 | import { ChainNetworks, ChainNetworksUpdate } from "../requests/types";
6 | import { changeFilters } from "./log";
7 | export type ChainNetworksAction =
8 | | SetChainNetworks
9 | | UpdateChainNetworks
10 | | RequestChainNetworks;
11 |
12 | export interface SetChainNetworks {
13 | type: "SetChainNetworks";
14 | data: ChainNetworks;
15 | receivedAt: number;
16 | }
17 |
18 | export interface UpdateChainNetworks {
19 | type: "UpdateChainNetworks";
20 | data: ChainNetworksUpdate;
21 | }
22 |
23 | export interface RequestChainNetworks {
24 | type: "RequestChainNetworks";
25 | }
26 |
27 | export const setChainNetworks = (data: ChainNetworks) => ({
28 | type: "SetChainNetworks",
29 | data,
30 | receivedAt: Date.now()
31 | });
32 |
33 | export const updateChainNetworks = (data: ChainNetworksUpdate) => ({
34 | type: "UpdateChainNetworks",
35 | data
36 | });
37 |
38 | export const requestChainNetworks = () => ({
39 | type: "RequestChainNetworks"
40 | });
41 |
42 | const shouldFetchChainNetworks = (state: ChainNetworksState) => {
43 | if (!state.chainNetworks) {
44 | return true;
45 | } else if (state.isFetching) {
46 | return false;
47 | }
48 | return true;
49 | };
50 |
51 | export const fetchChainNetworksIfNeeded = () => {
52 | return async (dispatch: any, getState: () => ReducerConfigure) => {
53 | if (shouldFetchChainNetworks(getState().chainNetworksReducer)) {
54 | dispatch(requestChainNetworks());
55 | const chainNetworks = await RequestAgent.getInstance().call<
56 | ChainNetworks
57 | >("dashboard_getNetwork", []);
58 | dispatch(setChainNetworks(chainNetworks));
59 | dispatch(
60 | changeFilters({
61 | filter: { nodeNames: _.map(chainNetworks.nodes, node => node.name) }
62 | })
63 | );
64 | }
65 | };
66 | };
67 |
--------------------------------------------------------------------------------
/client/rustfmt.toml:
--------------------------------------------------------------------------------
1 | indent_style = "Block"
2 | use_small_heuristics = "Off" # "Default"
3 | binop_separator = "Front"
4 | # combine_control_expr = true
5 | comment_width = 120 # 80
6 | condense_wildcard_suffixes = true # false
7 | control_brace_style = "AlwaysSameLine"
8 | # disable_all_formatting = false
9 | error_on_line_overflow = false # true
10 | # error_on_unformatted = false
11 | fn_args_layout = "Tall"
12 | brace_style = "PreferSameLine" # "SameLineWhere"
13 | empty_item_single_line = true
14 | enum_discrim_align_threshold = 0
15 | fn_single_line = false
16 | # where_single_line = false
17 | force_explicit_abi = true
18 | format_strings = false
19 | format_macro_matchers = false
20 | format_macro_bodies = true
21 | hard_tabs = false
22 | imports_indent = "Block" # "Visual"
23 | imports_layout = "Mixed"
24 | merge_imports = false
25 | match_block_trailing_comma = false
26 | max_width = 120 # 100
27 | merge_derives = true
28 | # force_multiline_blocks = false
29 | newline_style = "Unix"
30 | normalize_comments = false
31 | remove_nested_parens = true
32 | reorder_imports = true
33 | reorder_modules = true
34 | # reorder_impl_items = false
35 | # report_todo = "Never"
36 | # report_fixme = "Never"
37 | # skip_children = false
38 | space_after_colon = true
39 | space_before_colon = false
40 | struct_field_align_threshold = 0
41 | spaces_around_ranges = false
42 | ## struct_lit_single_line = true
43 | tab_spaces = 4
44 | trailing_comma = "Vertical"
45 | trailing_semicolon = false # true
46 | # type_punctuation_density = "Wide"
47 | use_field_init_shorthand = true # false
48 | use_try_shorthand = true # false
49 | # format_code_in_doc_comments = false
50 | wrap_comments = false
51 | match_arm_blocks = true
52 | overflow_delimited_expr = true
53 | blank_lines_upper_bound = 2 # 1
54 | blank_lines_lower_bound = 0
55 | # required_version
56 | hide_parse_errors = false
57 | color = "Always" # "Auto"
58 | unstable_features = false
59 | # license_template_path
60 | # ignore
61 | edition = "2018"
62 | # version
63 | normalize_doc_attributes = true # false
64 | inline_attribute_width = 0
65 |
--------------------------------------------------------------------------------
/server/rustfmt.toml:
--------------------------------------------------------------------------------
1 | indent_style = "Block"
2 | use_small_heuristics = "Off" # "Default"
3 | binop_separator = "Front"
4 | # combine_control_expr = true
5 | comment_width = 120 # 80
6 | condense_wildcard_suffixes = true # false
7 | control_brace_style = "AlwaysSameLine"
8 | # disable_all_formatting = false
9 | error_on_line_overflow = false # true
10 | # error_on_unformatted = false
11 | fn_args_layout = "Tall"
12 | brace_style = "PreferSameLine" # "SameLineWhere"
13 | empty_item_single_line = true
14 | enum_discrim_align_threshold = 0
15 | fn_single_line = false
16 | # where_single_line = false
17 | force_explicit_abi = true
18 | format_strings = false
19 | format_macro_matchers = false
20 | format_macro_bodies = true
21 | hard_tabs = false
22 | imports_indent = "Block" # "Visual"
23 | imports_layout = "Mixed"
24 | merge_imports = false
25 | match_block_trailing_comma = false
26 | max_width = 120 # 100
27 | merge_derives = true
28 | # force_multiline_blocks = false
29 | newline_style = "Unix"
30 | normalize_comments = false
31 | remove_nested_parens = true
32 | reorder_imports = true
33 | reorder_modules = true
34 | # reorder_impl_items = false
35 | # report_todo = "Never"
36 | # report_fixme = "Never"
37 | # skip_children = false
38 | space_after_colon = true
39 | space_before_colon = false
40 | struct_field_align_threshold = 0
41 | spaces_around_ranges = false
42 | ## struct_lit_single_line = true
43 | tab_spaces = 4
44 | trailing_comma = "Vertical"
45 | trailing_semicolon = false # true
46 | # type_punctuation_density = "Wide"
47 | use_field_init_shorthand = true # false
48 | use_try_shorthand = true # false
49 | # format_code_in_doc_comments = false
50 | wrap_comments = false
51 | match_arm_blocks = true
52 | overflow_delimited_expr = true
53 | blank_lines_upper_bound = 2 # 1
54 | blank_lines_lower_bound = 0
55 | # required_version
56 | hide_parse_errors = false
57 | color = "Always" # "Auto"
58 | unstable_features = false
59 | # license_template_path
60 | # ignore
61 | edition = "2018"
62 | # version
63 | normalize_doc_attributes = true # false
64 | inline_attribute_width = 0
65 |
--------------------------------------------------------------------------------
/ui/src/components/NodeList/NodeDetailContainer/NodeDetail/NodeDetail.scss:
--------------------------------------------------------------------------------
1 | @import "styles/variables.scss";
2 | .node-detail {
3 | background-color: white;
4 | border: $container-border-color;
5 | border-radius: 3px;
6 | overflow: hidden;
7 |
8 | .left-panel {
9 | width: 50%;
10 | padding: 16px;
11 | border-right: 1px solid $container-border-color;
12 | }
13 | .status-btn {
14 | font-size: 0.8rem;
15 | }
16 | .link-text {
17 | cursor: pointer;
18 | text-decoration: underline !important;
19 | color: black;
20 | font-style: italic;
21 | &:hover {
22 | color: rgb(97, 97, 97);
23 | }
24 | }
25 | .spin {
26 | animation-name: spin;
27 | animation-duration: 2000ms;
28 | animation-iteration-count: infinite;
29 | animation-timing-function: linear;
30 | /* transform: rotate(3deg); */
31 | /* transform: rotate(0.3rad);/ */
32 | /* transform: rotate(3grad); */
33 | /* transform: rotate(.03turn); */
34 | }
35 | @keyframes spin {
36 | from {
37 | transform: rotate(0deg);
38 | }
39 | to {
40 | transform: rotate(360deg);
41 | }
42 | }
43 | .right-panel {
44 | flex: 1;
45 | padding: 16px;
46 | }
47 | .chart-container {
48 | width: 50%;
49 | .doughnut-chart {
50 | width: 300px;
51 | }
52 | }
53 | .chart-data-container {
54 | width: 50%;
55 | .chart-data {
56 | width: 200px;
57 | }
58 | }
59 | .data-container {
60 | height: 55px;
61 | padding: 8px;
62 | background-color: $dark-background-color;
63 | overflow: scroll;
64 | border: 1px solid $container-border-color;
65 | }
66 | .data-row {
67 | display: flex;
68 | justify-content: space-between !important;
69 | align-items: center !important;
70 | div:nth-child(1) {
71 | width: 50%;
72 | }
73 | div:nth-child(2) {
74 | width: 50%;
75 | text-align: right;
76 | text-overflow: ellipsis;
77 | /* Required for text-overflow to do anything */
78 | white-space: nowrap;
79 | overflow: hidden;
80 | }
81 | }
82 | }
83 |
--------------------------------------------------------------------------------
/client/src/rpc/router.rs:
--------------------------------------------------------------------------------
1 | use super::super::types::HandlerContext;
2 | use super::types::{RPCError, RPCResult};
3 | use serde::de::Deserialize;
4 | use serde::Serialize;
5 | use serde_json::{self, Value};
6 | use std::collections::HashMap;
7 |
8 | pub trait Route {
9 | fn run(&self, context: &HandlerContext, value: Value) -> RPCResult-
43 | {getGnbMenu("", "Dashboard", faTachometerAlt, pathname === "/")}
44 | {getGnbMenu(
45 | "nodelist",
46 | "Node List",
47 | faCoins,
48 | /^\/nodelist/.test(pathname)
49 | )}
50 | {getGnbMenu("rpc", "RPC", faRetweet, pathname === "/rpc")}
51 | {getGnbMenu("log", "Log", faHistory, pathname === "/log")}
52 | {getGnbMenu("graph", "Graph", faChartLine, pathname === "/graph")}
53 |