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.
Following are the enhancements that we are going to apply in our Login screen:
Applying a loading mask while authenticating
Submitting the form when a user presses Enter
Displaying a Caps Lock warning message
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, some will not be. The ones that are not very patient will click on the Submit button again; 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 Ext.Ajax.request call:
Ext.get(login.getEl()).mask("Authenticating... Please wait...", 'loading');This...