conflict payout progressing
This page shows the progress of the deal that was in conflict being payed out.
- File Name: conflict-payout-processing.html
- Route: /conflict-payout-processing
(This page is similar to Transaction processing )
This page contains:
-
Title (main-title1,white): "Your action is being processed."
-
Process-item: txt (bold-default, grey4) + V-mark (small, white)/3dots: "Received TXhash" > Check Extra Non-visible Design-info to see how this should behave.
-
Process-item: txt (bold-default, grey4) + V-mark (small, white)/3dots: "TX complete" > Check Extra Non-visible Design-info to see how this should behave.
-
(CLICKABLE) next-icon: > is disabled until the 2 steps are completed.
- Route: Detail > dealstate = in conflict !!!
Extra non-visible design-info:
- On desktop, align all elements towards the left
- Process-item: The process-items represent the state of that step in the process. It always follows the same structure: a text describes the step and behind that txt, we can see the actual state in a symbol/icon. These are the different states:
- Default state (= no progress made on this step): the symbol is the V-mark (small, white) in 0.2 opacity
- In progress (= this step is in progress): we see 3 white dots. The dots are by default 4x4 px, 0.5 opacity and each dot has a right margin of 8px. Each dot in its turn does a small animation, starting with the first, then the second, then the third, then the first again, second, third... looping until the step is completed. The small animation = the dot growing to 6x6 px and getting full opacity.
- Complete state (= this step is done): the symbol is the V-mark (small, white) in 1 opacity
- Error state (= something went wrong with this step): the symbol is the X-mark (small, grey4) > more info/video soon