kleros / kleros-juror-front Goto Github PK
View Code? Open in Web Editor NEWThe front end for Kleros jurors.
License: MIT License
The front end for Kleros jurors.
License: MIT License
https://drive.google.com/open?id=1AG6v7jzLVBMtNG0LcoIVKtxpjBuFHbfr
This could be a bit complicated to implement before the launch, but if we can't do it now, we could do it a bit later.
Does the Image Show a Doge?
The decision of the jury was NO. The PROSECUTOR won the case.
You voted for the SUBMITTER.
Juror 2 voted for the PROSECUTOR.
Juror 3 voted for the PROSECUTOR.
Your vote was INCOHERENT with the majority. As a result, you lost X PNK.
(Here we could add some link saying "How is this calculated?” This could link to a Medium post explaining that).
https://drive.google.com/open?id=170k4QcirutBURFF3pNkeHdZ4bV8mM_Qi
Instead of TRANSFER TOKENS it should read TRANSFER PNK
And the button should be smaller.
Currently the activate tokens popup stays there until the user presses cancel. Instead it should hide after the user has pushed submit or once the tx has been submitted
https://drive.google.com/open?id=1e-_wyUFzdduEmPNaOcyLUuvoQcrBJssM
We should remove the black dots on the left. They don't have any function.
When you get arbitration fee. It should say that "You have been awarded an XX.XXX ETH arbitration fee." instead of "Juror has been awarded arbitration fee".
For token redistribution say "You have won/lost XXXX PNK due to token redistribution."
In this page:
https://drive.google.com/open?id=1DfGrrZLa3f_CeoqjCRzu4efyT7FwDuQa
Here we should add the case number for the user to quickly identify which case he’s ruling.
It should say: Decision Summary for “Doges on Trial” Case #X
https://drive.google.com/open?id=1hZXke0pp0VhAwDeSluV0BhJeLDzK29qM
There are 2 vertical scroll bars in the decision summary screen. We should remove the one on the left. Users should use the bar on the right to scroll.
https://drive.google.com/open?id=1x_IKlYuVz1qXEyAf1AyuwTwS-CBp510P
In this window, the user will only write a short number. Let's make it smaller.
=> minimumDeposit
<= contractBalance
<= withdrawablePNK
https://drive.google.com/open?id=1mtPA_Q1lrLlyb-Xz1r4PCegMBIyrtdiL
We should remove the name of the file (https://staging-doges-on-trial). It’s not necessary to show that. From the point of view of the user, it looks like an error.
https://drive.google.com/open?id=1y6IB-YRmqccy2TBxOZsBEm91BFQShlIc
Now, the “amount of blue” in the pie represents the percentage of PNK the user deposited in the subcourt out of his total PNK holdings. I think that this is a bit confusing.
Maybe the pie should only have 2 states:
-Empty (no PNK were deposited)
-Full (PNK were deposited)
Currently, the interface asks to put more than 6 000 000 gas. We can change it to 200000
https://drive.google.com/open?id=1AG6v7jzLVBMtNG0LcoIVKtxpjBuFHbfr
I think it's better to replace "Party A" by "Submitter" and "Party B" by "Prosecutor" to make it coherent with the words we are using in the pilot.
An example is trying to activate tokens when you have none. You can still input the amount and push submit and then nothing happens. I would assume because estimateGas
stops the API from making the call but there is no feedback for the user so it just looks like it isn't working.
https://drive.google.com/open?id=1hz2g_hiIh8iWheMPM7w0aa6sewe0VplP
Where it says 1010 PNK, let's add a hov over explaining what this means: "This is the amount of PNK available for you deposit in the court".
All dispute deadlines are currently 'None' in the table
When I tap on the X, the notification should disappear. But now I tap on the X and nothing happens.
https://drive.google.com/open?id=1cev-Fx1LCQ52DLGZLNaknZLXXWYvCcKt
It displays a connection unstable message instead of showing that you try to withdraw more than what you have.
https://drive.google.com/open?id=1tHVN_9tCqAdHBkAwc-38Xx4NhARJ6Bdj
We need to add some explanation about what Locked means: "This is the amount of PNK that are locked waiting for the case to be ruled".
https://drive.google.com/open?id=1y6IB-YRmqccy2TBxOZsBEm91BFQShlIc
We should add some explanation about what "Deposited" means.
"This is the amount of PNK you deposited to be drawn as juror".
We could also add some extra explainer to educate users about how Kleros works. Something like: "The higher the amount of PNK you deposit, the higher your chances of being drawn as juror".
The notification saga waits for notifications to be fetched before starting the event listener. If a user refreshes the page or navigates directly to a page where notifications are not being loaded the notification listener will never initialize.
https://drive.google.com/open?id=1cev-Fx1LCQ52DLGZLNaknZLXXWYvCcKt
See that I got 2 notifications about the exact same event of “Dispute 60: Tokens have been redistributed”.
I should only get one notification for this.
"In order to deposit PNK in a session you must transfer PNK to the arbitrator contract. You may withdraw your tokens at any time as long as you have not activated PNK in the current session."
A lot of contracts can be arbitrator contracts, to be more specific we can replac "arbitrator" to "Kleros".
Evidence in a dispute displays who submitted it and the provides the link but there is no title or description
https://drive.google.com/open?id=1ugTGfHgYg5loDsJA3imw5_DuzmB7vrkj
Replace the word "Disputes" by "Cases"
https://drive.google.com/open?id=1TcUVcw9S_PCSnYgRgg6dz5jzkSyoJytd
The button should read WITHDRAW PNK
And it should be smaller.
similar to "unlock MetaMask"
On some browsers, there is an upper left sliding bar which can't be used. We need to remove it.
Put notification listener in it's own worker so that the main interface doesn't get bogged down
https://drive.google.com/open?id=1vo2N7M8KhTgQMQerKOb9dERPa26Ccixz
Here it says "activate tokens". We should change it for "deposit tokens".
JUROR FRONT should have the same font and font size that DOGE FRONT.
Some changes for the dispute list:
https://drive.google.com/open?id=10JQ9rE1J-t441NSgYkZRDqiTYQNCnpcv
In the deadline date, instead of “28.7 at 10:16 pm” I prefer to have the format July 28th at 10:16 pm.
Some countries (like US) use MM/DD format. Others use DD/MM. I think that putting the month name makes it more clear for users from every country.
In the deposit pop up, show the minimum amount to deposit.
To avoid iterating everytime on all the disputes.
Look at those events:
https://github.com/kleros/kleros/blob/master/contracts/KlerosPOC.sol#L534
https://github.com/kleros/kleros-interaction/blob/master/contracts/standard/arbitration/Arbitrator.sol#L61
raised within a session timeframe.
From them we can get a list of disputeID and only look at those.
In JUROR FRONT let's use the same background color than in DOGE FRONT.
https://drive.google.com/open?id=1hz2g_hiIh8iWheMPM7w0aa6sewe0VplP
Let's write: "Welcome to Kleros Juror Dashboard!"
https://drive.google.com/open?id=1UOwR_iHL62ut4qtLpdXAbnneCRZf2ASe
There's a typo here: "Welcome to Kleros's Juror Dashboard!"
Should say: "Welcome to Kleros' Juror Dashboard!"
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.