[SOLVED] [Admin Extension] UI doesn't displayed.

[stalker]

Hello Guys,

I am developing an Admin Extension. Which adds a new tab to "Accounts" and also add a textbox to configure GID number. I've wrote following javascript code. With the code the tab is displayed under account edit form. But I cannot see any textbox or anything. Please help.

function GIdExtension() {}

ZaAccount.A_GId = "zimbraAccountGId";


// Add my new LDAP attrributes to ZaAccount.myXModel
if(ZaAccount.myXModel && ZaAccount.myXModel.items) {
    ZaAccount.myXModel.items.push(
        {id:ZaAccount.A_GId, 
         type:_STRING_, 
         ref:"attrs/"+ZaAccount.A_GId
         }
    );
}



if(ZaTabView.XFormModifiers["ZaAccountXFormView"]) {

  GIdExtension.AccountXFormModifier = function (xFormObject) {
        try{

    /* find the SWITCH element which is the parent element for all tabs */

    var cnt = xFormObject.items.length;

    var i = 0;

    for (i = 0; i <cnt; i++) {

      if(xFormObject.items[i].type=="switch")

        break; //index i now points to the SWITCH element

           }

      //find the index of the next tab

      var posixTabIx = ++this.TAB_INDEX;

      //tab bar is the element with index 1

      var tabBar = xFormObject.items[1];

      //add the new tab button to the tab bar

      tabBar.choices.push({value:posixTabIx, label:"GID"});

      //define meta data for new form elements

      var posixAccountTab = {

        type:_ZATABCASE_, numCols:1,

        relevant:("instance[ZaModel.currentTab] == " + posixTabIx),

        items: [
         {type:_ZAGROUP_,
            items:[

             {ref:ZaAccount.A_GId, 

               type:_TEXTFIELD_, 

               msgName:ZaAccount.A_GId,

               label:ZaAccount.A_GId, 

               labelLocation:_LEFT_, 

               onChange:ZaTabView.onFormFieldChanged
                }

              ]  
            }
          ]
        };

            //add the new tab to the list of tabs

           xFormObject.items[i].items.push(posixAccountTab);
        }catch(e){
                alert(e);
        }

      };


  ZaTabView.XFormModifiers["ZaAccountXFormView"].push(GIdExtension.AccountXFormModifier);

}


GIdExtension.AccountXFormModifier = function (xFormObject){
        alert("I am here");
        ZaTabView.XFormModifiers["ZaAccountXFormView"].push(GIdExtension.AccountXFormModifier);
}

Thank You.

[stalker]

Hello Guys,

Now I am able to get textbox and tab with following code. But the textbox got display in every tab. What is wrong. Please help me. Just a hint would be good for me.

function GIdExtension() {}

ZaAccount.A_GId = "zimbraAccountGId";


// Add my new LDAP attrributes to ZaAccount.myXModel
if(ZaAccount.myXModel && ZaAccount.myXModel.items) {
    ZaAccount.myXModel.items.push(
        {id:ZaAccount.A_GId, 
         type:_STRING_, 
         ref:"attrs/"+ZaAccount.A_GId
         }
    );
}



if(ZaTabView.XFormModifiers["ZaAccountXFormView"]) {

  GIdExtension.AccountXFormModifier = function (xFormObject) {

      //find the index of the next tab

      var posixTabIx = ++this.TAB_INDEX;

      //tab bar is the element with index 1

      var tabBar = xFormObject.items[1];

      //add the new tab button to the tab bar
      tabBar.choices.push({value:posixTabIx, label:GId.Tab_GId});

      //define meta data for new form elements
      
      var posixAccountTab = {
        type:_ZAGROUP_, relevant:("instance[ZaModel.currentTab] == " + posixTabIx), 
        items: [
             {ref:ZaAccount.A_GId, 

               type:_TEXTFIELD_, 

               msgName:ZaAccount.A_GId,

               label:GId.GId_label, 

               labelLocation:_LEFT_,
               relevant:("instance[ZaModel.currentTab] == " + posixTabIx) 

                }
              ]  
            };


    /* find the SWITCH element which is the parent element for all tabs */

        for (var i = 0; i <xFormObject.items.length; i++) {
                if(xFormObject.items[i].type=="switch"){
                        xFormObject.items[i].items.push(posixAccountTab);
                        break; //index i now points to the SWITCH element
                }
        }

      }


  ZaTabView.XFormModifiers["ZaAccountXFormView"].push(GIdExtension.AccountXFormModifier);

}

Thanks in advance.

[stalker]

Bump.. Anybody?

[mbhanage]

Can you please share the procedure add this in zimbra admin ui with source code

[stalker]

Well, I cannot share more code. But can I help you with any other thing?

Originally Posted by mbhanage

Can you please share the procedure add this in zimbra admin ui with source code

[stalker]

Originally Posted by mbhanage

Hi,

I want add tab mailbox quota under domains so selected domain user mailbox quota will be displayed.

You like to know the admin extension zimlet code or adding an attribute to LDAP?

[mbhanage]

Hi,

I want add tab mailbox quota under domains so selected domain user mailbox quota will be displayed.

[mbhanage]

Hi stalker,

I want zimbra admin extension zimlet code.

[stalker]

Here is the final working code but it will add a new tab into Account and not in domain. You'll have to change it to add it to domain. I hope you can do it.

function GIdExtension() {}

ZaAccount.A_GId = "zimbraAccountGId";
ZaAccount.A_GIdTitle = "This is Title";


// Add my new LDAP attrributes to ZaAccount.myXModel
if(ZaAccount.myXModel && ZaAccount.myXModel.items) {
    ZaAccount.myXModel.items.push(
        {id:ZaAccount.A_GId, 
         type:_STRING_, 
         ref:"attrs/"+ZaAccount.A_GId
         }
    );
}

if(ZaTabView.XFormModifiers["ZaAccountXFormView"]) {

  GIdExtension.AccountXFormModifier = function (xFormObject) {

      //find the index of the next tab

      var posixTabIx = ++this.TAB_INDEX;

      //tab bar is the element with index 1

      var tabBar = xFormObject.items[1];

      //add the new tab button to the tab bar
      tabBar.choices.push({value:posixTabIx, label:GId.Tab_GId});

      //define meta data for new form elements
      
	var posixAccountTab = {

        type:_ZATABCASE_,id:"account_form_GId",numCols:1, colSizes:["800px"],
            caseKey:  posixTabIx,

        items: [

               {type:_ZAGROUP_,

            items:[

             {ref:ZaAccount.A_GId, 

               type:_TEXTFIELD_, editable:true,

               msgName:"GId group",

               label:GId.GId_label, 

               labelLocation:_LEFT_, 

               onChange:ZaTabView.onFormFieldChanged} ]  

            }

          ]

        };
    /* find the SWITCH element which is the parent element for all tabs */

	for (var i = 0; i <xFormObject.items.length; i++) {
		if(xFormObject.items[i].type=="switch"){
			break; //index i now points to the SWITCH element
		}
	}
	xFormObject.items[i].items.push(posixAccountTab);

      }
  ZaTabView.XFormModifiers["ZaAccountXFormView"].push(GIdExtension.AccountXFormModifier);
}

[mbhanage]

Hi stalker,

Thanks for giving the code, I am new for zimbra development Please tell me how deploy this or I have to write zimlet for this or if you have any zimlet example for admin ui please share with me. I make Hello World zimlet and properly updated in Zimbra Webmail but I have issue in admin UI.

Thanks & Regards

Mangesh Bhanage
India