Design and Description - Githubissues

OasisDEX / oasis-direct-old

Oasis.Direct - crypto exchange in few clicks

1 stars 0 forks source link

Design and Description #1

Closed pimato closed 7 years ago

pimato commented 7 years ago

Definition

Contract : MatchingContract https://github.com/makerdao/maker-otc/blob/master/src/matching_market.sol
Pairs: W-ETH/MKR SAI/MKR W-ETH/SAI
No Registration needed because of Web3.js
The user will have the chance to select his account via a dropdown menu

View 1

od_1_assets

Left List/Picker indicates the token the user wants to sell
Right List/Picker indicates the token the user wants to buy.
The text will change dynamically according what the user has picked.
With the inputfield the user needs to specify his amount to buy.
Button continue will show View 2

View 2

od_2_offer

Frontend will get the best offer from the contract and display it.
Button cancel will show View 1
Button proceed will show View 3

View 3 (User accepted offer)

od_3_prepare

Button cancel will show View 1
Button wrap triggers a metamask window where the user needs to confirm the wrap-transaction. After the transaction got confirmed, the Frontend will show View 4

View 4 (User confirms trade)

od_4_review

Users sees the final order informations.
Button cancel will show View 1
Button buy triggers a metamask window where the user needs to confirm the buy-transaction. After the transaction got confirmed, the Frontend will show View 5

View 5 (Trade status)

od_5_success

Button Etherscanwill create a new tab and display the transaction page.
Button Refreshis refreshing the UI for confirmations.

pimato commented 7 years ago

every view has his own issue now.