beammw / dao-voting-app Goto Github PK
View Code? Open in Web Editor NEWFront end for the BeamX DAO Voting dApp
Home Page: https://beam.mw
Front end for the BeamX DAO Voting dApp
Home Page: https://beam.mw
Facilitator can Changed any proposal from the Future epoch ONLY.
He goes to The proposal. inside he can see to buttons: Delete proposal #26 and Change proposal
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13512
After he pushed "Change" proposal
Opens proposal window with all field fields
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A12751
After all changes are done, and they suit all conditions #24
"create" - save all changes at the proposal
"cancel" - cancel any changes at the proposal
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=442%3A2003
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A3496
the search can be:
1. https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A3815
2. https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A4138
3. https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A4722
When the epoch begins all future proposals transform in present proposals.
The user comes to vote and will see how users voted for this proposal before him.
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4415
The progress line is painted in a way that is proportional to the number of votes received. the entire length is - total staked.
When the epoch begins all future proposals transform in present proposals.
The first person who comes to vote will see voices blank Proposal.
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4886
all this steps create when Facilitator create proposal (separate task)
Make a limited list of formatting by the most necessary (links, indents, etc) without UI for the facilitator.
Also needed small basic instruction.
all numbers over 1010 will be cut.
for numbers from 1010 to 199 994 -> 1.01K to 199.99K
for numbers 199 995 to 999 994 000 -> 1M to 999.99M
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4162
Voting results
Votes Yes/No shows in %. Count as VotedYes/Voted *100%
Total value locked at the New proposal's page stays without changes
Delete quorum line and any quorum info from all of the pages
please change "% of TLV" at "% of total supply" for all pages
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13136
When we set quorum in %, % takes from total supply (100 M)
When quorum doesn't achieve shows red triangle and we need notification:
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4415
changes on Facilitator main page:
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A10652
please make a few changes:
Voting title -> Proposal title
Voting description -> Proposal description
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13136
Voting https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A5063
colors:
Buttons (deposit, withdraw, etc)
Progress line
Thumb up, thumb down
Text ( title, subtitle, other colors, texts)
The head of the page, the main part, proposals card, etc
Icons. Marked all icons (backside menu, currency), icons size
deposit/withdraw pop-up standard. Colors, text with examples.
Notifications proposal past/ failed https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A5063
any other useful info
No meter where user located, if he will click on the "Voting" or Voting icon at side menu he goes to the Home page
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=442%3A1818
Facilitator can delete any proposal from the Future epoch ONLY.
He goes to The proposal. inside he can see to buttons: Delete proposal and Change proposal #27
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13512
After he pushed the "Delete" he gets "are you sure" notification
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13667\
After confirmation the proposal will be deleted and facilitator gets notification
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A11263
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=442%3A1818
Information Staker's block:
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=28%3A2387
4. Total value Locked BeamX;
5. User’s staked BeamX - according to the rule ↓
The only way to vote in the N epoch is to stake BeamX before the N epoch starts. The number of votes = the number of BeamX users have staked in the application before the beginning of the epoch.
The following options are available for BeamX:
If a stakeholder reduces stake in BeamX in the N epoch, then voting power is the minimum value of stake during the current voting epoch.
If a stakeholder increases the amount of BeamX, it's voting power for the N epoch remains unchanged. The N+1 epoch increases proportionally to the increase in the stake in the N epoch (provided they don't reduce their stake during that time). All these restrictions were introduced to avoid hijacking and other manipulations.
To claim voter rewards, a voter must vote all proposals up in the current epoch.
The reward is calculated for BeamX stakeholders based on the sum of BeamX at the end of the epoch. Considering any changes in BeamX during the epoch. The reward is added to the BeamX stake and increases the voice power for the next epoch.
If the user has voted, add disabling buttons for the duration of the transaction to avoid multiple transactions of 1 proposal.
During the transaction, add the text "vote in progress" for proposal
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4660
more clear view
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A10413
Facilitator (Beam Team Representative): The holder of the key that allows:
The personal account is the same as a BeamX stakeholder has. Two additions for Facilitator only:
Button to open Pop up “Form for publication of the Proposal”;
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A10652
Button “Change Proposal” is active on every Proposal page;
Button “Delete Proposal” is active on every Proposal page for future epochs.
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13512
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=442%3A1818
At the bottom of the page located the standard block Transactions like in present version
User chooses past epoch in the filter:
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A2521
the list past epoch proposals.
The list looks like the list on the present epoch, two adds:
The total voting result
1.1. Green - Proposal successfully passed
1.2. Red - Proposal failed
If user didn't voted for the proposal - "The epoch 13 is finished. You hadn’t voted".
Proposal's filter is in he #10
Deposit
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A6331
Voting deposit confirmation. except for the red block
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A6743
Voting deposit notifications.
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A7181
Withdraw
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A9493
Voting Withdraw confirmation except for the red block
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A9756
Voting Withdraw notification
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A9255
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A2243
for the future epoch proposal:
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=1290%3A2472
small misspelling in design, words "proposals" and "staked"
Show staked info - separate task
Quorum - the minimum number of votes needed to be involved in accepting the proposal. If this minimum is not achieved, the vote will be invalid. The facilitator must establish a quorum. https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13136
Any integer in the closed interval [0;100] if we use % or any integer number (voices) if we put quorum in BeamX.
Quorum published only for Yes choice.
can be 3 quorum types:
1. no quorum
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A10413
2. quorum in BeamX
when the user put cursor on the quorum dot-line the explanation is shown
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4162
3. quorum in % from total staked BeamX
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4660
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A1917
When a user clicks at "shows future proposals" he gets on the future proposals list of the N+1 epoch, where N - current epoch.
It's just a list of proposals without any marks and any possibility to vote.
The main differences from the main page:
If we make new proposals with long word in the title or description of a proposals this leads to incorrect display proposal
in current epoch:
in future epoch:
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=442%3A1818
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=550%3A2216
To add Voting Dapp in Dapp store between BeamX Dao and NFT Galery
please make a few changes for all pages:
Voting title -> Proposal title
Voting description -> Proposal description
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13136
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A10183
when the user opens past epoch proposal on which he didn't vote:
when the user changed his mind and decided to change his vote decision, he pushed the "changed decision"
"changed decision" opens a pop-up
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A4152
where can be 2 messages type:
After he approve changing he goes to "not voted proposal page". his votes are subtracted from the previous decision.
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4415
It's several ways to get to past eposchs proposal list:
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=442%3A1818
to push the button at the bottom on the main page " show old epochs"
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A2882
The list looks like the list on the present epoch, two adds:
The total voting result
1.1. Green - Proposal successfully passed
1.2. Red - Proposal failed
If user didn't voted for the proposal - "The epoch 13 is finished. You hadn’t voted".
Change voting power from integers to float(2 numbers after the decimal point.)
if voting power less then 1, we display " voting power <1
after Facilitator fill in all obligatory fields he can public proposal
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A12751
notification for the wrong number is for Quorum only. #24
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A11570
Quorum - integer number,
1 position %: 3 number max, integer in the closed interval [0;100];
2 BeamX position: integer number <= Total value locked BeamX for current epoch. If total value BeamX is withdrawn during the epoch - BeamX quorum position is stable till it <= Total value locked BeamX, then BeamX quorum position decrease at withdrawing quantity BeamX
!!!Any position with “0” or empty field - quorum line doesn’t show.
After everything is fine, button "create" pushed - proposal can be created.
Facilitator get notification
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A10956
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A3918
Started page, if a user did nothing with staked amount
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=1307%3A4290
If user deposits some BeamX. Next Epoch staked changes
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=1307%3A3752
If user withdraws some BeamX in the current epoch
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=1307%3A4021
2 step changes: 1. user withdraws some BeamX and then 2. user deposits some BeamX
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=1307%3A3300
Facilitator (Beam Team Representative): The holder of the key that allows:
Create a proposal by sending a special form
after pushed the button form is opened
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=507%3A13136
The Proposal is published on one page, each block of text in the form is a new paragraph in the Proposal description.
If the field is not filled in, an empty paragraph does not appear in the description.
Select the number of the epoch in which the Proposal will be published. Obligatory field. Could choose epoch: N+1, N+2, N+3, N+4, where N - is the current epoch;
Proposal Title - text, obligatory field, 50 words max;
Specification / Proposal Details - text, obligatory field; field must keep the format of the original document (paragraphs, lists, etc. );
Quorum - integer number,
4.1 position %: 3 number max, integer in the closed interval [0;100];
4.2 BeamX position: integer number <= Total value locked BeamX for current epoch. If total value BeamX is withdrawn during the epoch - BeamX quorum position is stable till it <= Total value locked BeamX, then BeamX quorum position decrease at withdrawing quantity BeamX
!!!Any position with “0” or empty field - quorum line doesn’t show.
A link to a forum proposal discussion, obligatory field;
Reference link - any kind of links;
Total value locked - information for Facilitator, duplicate from the head.
Button “Create” - save and publish Proposal, close Proposal form; #25
Button “Cancel” - Cancel all changes and close the Proposal form.
**Proposal saved with a publication date in the listed epoch. If the proposal was the first in the epoch, the number of the epoch appears in the filter of the epochs. At the head of the voting page became a visible link “Show future votings”.
Еру sequence number is assigned automatically to the Proposal
**
user located at past epoch page.
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A2521
2. AWAITING YOUR VOTE (empty page)
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A2997
3. Your VOTEs (empty page)
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=565%3A3248
we need to make some changes.
Quorum everywhere shows in BeamX. (thousand or millions)
at the progress line show another version in thousands and millions
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=475%3A4162
https://www.figma.com/file/JJwEqNgraxVz0ernKj6ps3/voting?node-id=442%3A1818
The list of the proposal cards.
At the beginning of the epoch, The proposals are numbered. When the user votes for any Proposal, this Proposal is dropped below ‘not voted’ Proposals.
Proposal card on the main page:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.