Enhancing the Login screen
Our Login screen is done. However, there are some enhancements we can apply to it to make it even better and also offer a better experience to the user.
The following list details the enhancements that we are going to apply in our Login screen:
- Apply a loading mask while authenticating
- Submit the form when the user presses Enter
- Displaying a Caps Lock warning message
Applying a loading mask on the form while authenticating
Sometimes, when the user clicks on the Submit button, there can be some delay while waiting for the server to send back the response. Some users will be patient, while some others will not. The ones that are not very patient will be able to click on the Submit button again, and this means making another request to the server. We can avoid this behavior by applying a loading mask to the Login window while awaiting the response.
First, we need to add the following code right before the form.submit call (inside the doLogin method):
this.getView().mask...
