I received many comments on my previous contribution from friends and fellow stemians and Utopian moderator who appreciated my efforts. This time I am adding validation and user interface improvements to the project. All of them are be discussed below with Github code link.

Whats New?

1. SteemEscrow now has field validation

1. Sender name and Recipient name field

From now sender username and recipient username field will check if the user exists in Steemit and will update the field accordingly using Bootstrap 3 input feedback classes. If the user exists it will show STEEM and SBD balances of the respective user. Check the new code on Github.

2. Active Key Validation

User inputed active is first checked for valid WIF, then checked against the Active Public Key of the user to determine key ownership. If user inputed wrong key, it directs user to Steemit permission page. Check the new code on Github.

3. Amount field has number and max validation

Amount field is checked for float value input, and also the maximum amount the sender could send after agent fees. Check the new code on GitHub.

2. Control panel improvements

Control panel now has helpful tooltip.

3. Modal Improvements

Every modal that users see on Control panel button click now has case specific Title, button text, and button color. It increase user experience a lot. Now user know to whom they are releasing fund, they are disputing, then are approving, or disapproving. Checkout the picture below for reference. Check the new code on GitHub.

Minor changes and fixes

1. Improved HTML markup to play along with newly added JS.
2. Changed the order of JS libraries in index.html. Removed inline JS from index.html and moved to app.js

TO-DO

1. Localization
2. Steem Chain and node selection
3. Accessibility

---

Posted on Utopian.io - Rewarding Open Source Contributors

---