Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Graphical Block Display #535

Closed
wants to merge 23 commits into from

Conversation

freethinkingaway
Copy link

@freethinkingaway freethinkingaway commented Jul 3, 2018

Work for #453. Runs on localhost:7777/nexthome.

screen shot 2018-07-02 at 10 23 32 pm

For the Non-Mempool Blocks (Recent Blocks):

First Row: Votes.
Green blocks represent Valid votes, Red if Not Valid.

Second Row: Ticket & Revocation transactions.
Tickets are grey. Rev's are yellow.
Fee rate (DCR/kb) determines light/darkness of the buttons as follows:

< 0.001 = "lowest"/lightest
0.001 - 0.01 = "low"/light
0.01 - 0.1 = "moderate"/medium
0.1 - 0.5 = "moderate-high"/medium-dark
0.5 - 1.0 = "high"/dark
1.0 < = "very-high"/darkest

Third Row: Regular non-Coinbase transactions.
Width of the slot represents TxAmount (DCR) as follows:

< 50 = "xs"
50 - 100 = "s"
100 - 200 = "m"
200 - 500 = "l"
500 - 1000 = "xl"
1000 < = "xxl"

Height of the slot represents ByteSize (TxSize) as follows:

< 500 B = "xs-size"
500 - 1KB = "s-size"
1KB - 2KB = "m-size"
2KB - 10KB = "l-size"
10KB - 50KB = "xl-size"
50KB < = "xxl-size"

Note: The websocket is configured to pull in and repopulate the Recent Blocks but the blocks currently overflow. As is, the most recent block gets pulled in, old blocks are not removed, and the recent blocks eventually overflow the page. I tried a number of ways to remedy this, but haven't quite cracked the issue.

The Mempool Block:

The websocket is configured to represent every incoming transaction (including the coinbase) to be placed into the next block, however the websocket processes/displays the transactions as they come in and does not currently display them in order or neatly. I developed this using simnet, which even while generating a block at a time, is difficult to accurately represent the live network. Perhaps it won't be as difficult to reorder and display appropriately using the testnet and/or mainnet.

Work To Be Done:

Properly configuring the websocket to display the Mempool in a better displayed/ordered format.
Properly configuring the websocket to display and repopulate the Recent Blocks, remove old blocks as new ones come in.

… FeeRateSize, applied FeeRateSize to Tickets in NextHome.tmpl to determine Ticket button slot hue, added CSS elements for various FeeRateSizes
…pl for ASR features, fixed ByteSize code for appropriate sizing
…nt, & ByteSize to MempoolTx struct, adjusted NextHome blocks, and added FeeRateSize, TxAmount, & ByteSize calculations to GetMempool()
…tmpl, refactored mempool block display in nexthome.tmpl
@raedah
Copy link

raedah commented Jul 3, 2018

@freethinkingaway has gotten this component off the ground. He is away currently, and someone else can jump in to move this forward.

@raedah raedah added this to In Progress in dcrdata board Jul 4, 2018
@chappjc chappjc added this to the tbd milestone Jul 12, 2018
@decred decred deleted a comment from denyszayets Jul 24, 2018
@decred decred deleted a comment from gozart1 Jul 24, 2018
@raedah raedah moved this from In Progress to To Do in dcrdata board Jul 27, 2018
dmigwi pushed a commit to dmigwi/dcrdata that referenced this pull request Sep 7, 2018
dmigwi pushed a commit to dmigwi/dcrdata that referenced this pull request Sep 7, 2018
dmigwi pushed a commit to dmigwi/dcrdata that referenced this pull request Sep 7, 2018
dmigwi pushed a commit to dmigwi/dcrdata that referenced this pull request Sep 7, 2018
dmigwi pushed a commit to dmigwi/dcrdata that referenced this pull request Sep 7, 2018
@dmigwi
Copy link
Member

dmigwi commented Sep 10, 2018

Closing this since its Superseded by #660

@dmigwi dmigwi closed this Sep 10, 2018
@raedah raedah removed this from To Do in dcrdata board Sep 10, 2018
@raedah
Copy link

raedah commented Oct 3, 2018

for historical ref, technically superceded by
#689

@chappjc chappjc removed this from the tbd milestone Oct 29, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants