Giter VIP home page Giter VIP logo

dashboard.tokamak.network's Introduction

dashboard.tokamak.network

Setup

$ git checkout develop
$ npm install

Run

# run file server
$ npm run server

# run vue app
$ npm run serve

dashboard.tokamak.network's People

Contributors

cd4761 avatar ggs134 avatar lakmi94 avatar shingonu avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dashboard.tokamak.network's Issues

Apply css rule

  • -container has outer style
  • row and column has more than 2 child comp
  • use unique name in the root element of child component

Specify block number when contract function is called

we have many contract calls. so depending on block number, consistency of states can be break. so, we have to use timer based on block number not time.

web3.eth.call(callObject [, **defaultBlock**] [, callback])
(instead of using defaultBlock, specify specific number)

Show background color if there is no avatar

{
  "rootchain": "0xed35b9631dc26d8fac44cee215d729626ba46b48",
  "name": "ONTHER_1",
  "website": "https://tokamak.network/",
  "description": "Tokamak Network is a platform that assures decentralized and secure property same as Ethereum Main chain while supporting high level of scalability and extendability. Each Dapp is built easily for specific purpose through Tokamak Network.",
  "avatar": "",
  "background": "rgb(156,16,164)"
},

Delete divider

we have 2 options:

  1. labeling like table or
  2. delete line

Set tools to detect memory leak

be careful with using 3rd party library

Memory leaks in Vue applications do not typically come from Vue itself, rather they can happen when incorporating other libraries into an application.

Register RootChain with genesis file.

Each plasma chains are identified with chain id, which must not be same as another plasma chains due to replay attack. If dashboard supports displaying chain id of each plasma chain, others can use another chain id already used.

Also, a lot of network using EIP155 other than ethereum mainnet and testnet should be displayed.

genesis JSON references

chain id references

Changes about calculating `duration` and `recentCommitTimeStamp`

const getRecentCommitTimeStamp = async () => {
  const fork = await RootChain.methods.forks(forkNumber).call();
  const epochNumber = fork.lastFinalizedEpoch;
  const blockNumber = fork.lastFinalizedBlock;

  const epoch = await RootChain.methods.getEpoch(forkNumber, epochNumber).call();
  const timestamp
                  = epoch.isRequest ?
                    epoch.NRE.submittedAt :
                    (await RootChain.methods.getBlock(forkNumber, blockNumber).call()).timestamp;
  return timestamp;
};

even though commit count was 10, recentCommitTimestamp is 0. I think these issue related with not yet being finalized.

So I think we have to rename recentCommitTimestap to recentFinalizedTimestamp.

Have same withdrawalRequestIndex after withdrawal request

image

  • initial value (withdrawalRequestIndex: 0)
  • after withdrawal request (withdrawalRequestIndex: 0)

reverted, when I try to get request with 0 withdrawalRequestIndex (initial value).

this issue doesn't happen when there is at least one withdrawal request.

Need to check account nonce?

In dev mode, we often restart rootchain. after then, nonce can be different from metamask's nonce. is there any solution?

Fix layout

image

image

when enter power TON section, width is get minimized a little bit.

Can `userDeposited` be bigger than `userStaked`?

image

console.log(operatorFromRootChain.userDeposit.toNumber(), operatorFromRootChain.userStaked.toNumber());

can userDeposited be bigger than userStaked?

suddenly, userDeposited amount increased. I don't know why it happened.

Error message improvement

image

If user tried to connect to dashboard.tokamak.network with improper network, then error message should be more clear.

add commission rate input field

tokamak-network/plasma-evm-contracts#18 supports commission rates. So users have to be able to check each operator's commission rates and operator update their commission rates.

the validity of commissionRate is checked by

(commissionRate == 0) ||
      (MIN_VALID_COMMISSION_RATE <= commissionRate &&
       commissionRate <= MAX_VALID_COMMISSION_RATE)

where

MAX_VALID_COMMISSION_RATE = 10 ** 27; // 1 RAY
MIN_VALID_COMMISSION_RATE = 10 ** 25; // 0.01 RAY

Considering rank service at server side

before user sign in, we can get all the accounts that have power. but after user sign in, vapp can't detect event for other user's deposit.

so we have to consider to make rank service at server side.

Should validate to all the props

like this:

props: {
  status: {
    type: String,
    required: true,
    validator: function (value) {
      return [
        'syncing',
        'synced',
        'version-conflict',
        'error'
      ].indexOf(value) !== -1
    }
  }
}

Use openSSL

since now preview use https, dashboard server must use https protocol.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.