Adding extra field to user console

[askdctm]

Hi All,

I followed the article http://experience-aem.blogspot.in/2014/01/aem-cq-56-extend-useradmin-add-new-user.html and its working fine on my local OOTB instance.

I am trying to learn things and have doubts as below:

1] CQ.Ext.ns("MyClientLib") 

is registering our own custom xtype or something?

2] var fields = CQ.security.data.AuthRecord.FIELDS 
   
   I am not able to get what exactly does this do. I thought it was part of extjs api, but could not find anything.

3]  What does the below lines indicate. 

    addSecondEmail: function(propPanel){
    var userForm = propPanel.userForm;

    userForm.insert(userForm.items.indexOf(emailComp[0]) + 1, secondEmailComp);
    userForm.doLayout();

4] What is the best procedure I need to follow to understand such code. Any pointers/links etc would be helpful.

[Sham_HC · Accepted solution]

1. It is creating the namespace
2. The article is about hack around of adding new elements to existing object using java script rather than creating a new library. You do not find details in any of  documentation because it is not intended. You can find details by using debugger tools like firebug when you open useradmin page.
3. Creating an new function addSecondEmail. Which is called later part in the article.  
4. Ask the question in those blog post so that author can respond since they are more knowledgable. To self learn become familiar with extjs, javascript, debug tools, & how xtypes are created http://docs.adobe.com/docs/en/cq/current/developing/widgets/xtypes.html