I've made some initial progress on reworking the trading interface of the wallet, I would like to get some feedback and for us to do some brainstorming on features. I've used the coinbase interface as inspiration, but due to the complexity of Bitshares trading with shorts/margin calls etc you end up having to display more info resulting in a more cramped interface, so it's hard to get it as nice as theirs.
The biggest changes so far are:
- Buy/Sell/Short section is now fixed on the left side and always visible
- The order book is displayed vertically next to the orderbook chart (sorting is weird because of ui-grid table)
- Open orders for the currently selected tab are displayed immediately below in order to always be visible
- Removed the price history chart
- Removed grid lines from plots
- Open orders other than the currently selected tab shown below the orderbook chart
- Table headings are now black and bolded instead of grey (this applies elsewhere too, the old one was hardly visible imo)
- Less paddings and margins to fit everything
Improvements I'd like to make still:
- Ideally I'd prefer to use standard tables instead of ui-grid but they do offer speed compared to standard angular.
- Put daily range, volume etc on top of orderbook chart like on bitsharesblocks
- Unify open order tables to contain buy, sell and shorts
- Split order history and price history chart into separate tab
You can check this out by using the web_wallet in a browser, simply checkout the branch newlayout_market, then follow the standard procedure for running the web wallet.
Here are some screenshots: