Now that we are capable of listing all the users from the application, we can implement add and edit capability. But before we start adding new event listeners to the controller, we need to create the new view that we are going to display to the user to edit or add a new user.
This new view is going to be a window, since we want to display it as a popup, and inside this window we will have a form with the user's information, and then we will have a toolbar at the bottom with two buttons: Cancel and Save. It is very similar to the login window that we developed on Chapter 2, The Login Page, but we will add new capabilities to this new form, such as form upload and also a file preview using the new HTML 5 features.
So let's get started and create a new class named Packt.view.security.Profile that is going to extend from the Window class:
Ext.define('Packt.view.security.Profile', {
extend: 'Ext.window.Window',
...