-
Notifications
You must be signed in to change notification settings - Fork 5
Transaction processing
Kiki Pluche edited this page Mar 13, 2018
·
2 revisions
The page shows the process of the SWT transaction and will indicate the state of each step.
- Route: /transaction-processing
- File Name: transaction-processing.html
This page contains:
-
Title (main-title1,white): "Your transaction is being processed."
-
Process-item: txt (bold-default, grey4) + V-mark (small, white)/3dots: "Sending SWT" > Check Extra Non-visible Design-info to see how this should behave.
-
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 3 steps are completed.
- Route: my wallet
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
- Project Management
- Components Types
- Unit Testing
- Infrastructure and services
- Git, Branching & PR’s
- Coding Styles & Standards
- Review and Kick Off Meeting Agenda
- Routing Table
- Smart Contracts
- Roadmap
- Welcome
- Language
- Hashtag List
- Hashtag
- Location
<display-my-info>
<display-filter-list>
<display-filter-deals>
<display-language>
<display-hashtag-about>
<display-hashtag-list>
<display-hashtag-deals>
<display-deal-btn>
<display-geolocation>
- New Here
- Restore Account
- Private Key
- JSON-File
- Stop Signup
- Choose Avatar and Username
- Resize avatar
- Password Warning
- Choose Password
- Account Complete
- Make backup
- My Keys
- Show private Key
- Email Success
- Download Success
<display-json-upload>
- My Profile
- Resize avatar
- Make Backup profile
- Download success profile
- Email success profile
- Warning delete
- Notifications
<display-profile-swr>
- Wallet view
- Confirm sending
- Transaction processing
<display-transaction-status>
<display-transaction-history>
- New Request
- New Request Processing
- Detail
- Cancel request
- Cancel processing
- Deal Chat
- Confirm Payout
- Payout processing
- Confirm Deal Accept
- Stop Deal Accept
- Deal Accept processing
<display-dealstate-detail>
<display-dealstate-mydetail>
- Conflict confirm
- Conflict progressing
- Conflict Payout confirm
- Conflict Payout progressing
- Resolve Payout confirm
- Resolve Payout progressing