Reordering header menu

nikes — Wed, 27 May 2015 15:17:43 GMT

Hello ,I am trying to reorder menus in header bar, but did not find any api for the same.Possible way I found is to,Take reference of the menu item:var sharedMenu = widgetUtils.findObject(model.jsonModel, "id", "HEADER_SHARED_FILES");..Remove all header menu items using following example,widgetUti

Re: Reordering header menu

malliswar — Fri, 29 May 2015 05:54:14 GMT

hi nikes,

i had the same kind of requirement to add/remove and change menu items in share header

the way i did it is

i extended the file share-header.get.js under the below directory into shared folder

alfresco-5.0.adsgsgsdg/tomcat/webapps/share/WEB-INF/classes/alfresco/site-webscripts/org/alfresco/share/header/share-header.get.js


function generateAppItems() {

//New header tabs are added and linked with respective sites
   var appItems = [
      {
         id: "HEADER_HOME",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_HOME",
            label: "header.menu.home.label",
            targetUrl: "site/home/dashboard"
         }
      },

      {
         id: "HEADER_HR_DESK",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_HR_DESK",
            label: "header.menu.hrdesk.label",
            targetUrl: "site/hr-desk/dashboard"
         }
      },
 
      {
         id: "HEADER_Mobility_Desk",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_Mobility_Desk",
            label: "header.menu.monilityedesk.label",
            targetUrl: "site/mobility-desk/dashboard"
         }
      },  

      {
         id: "HEADER_Finance_Desk",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_Finance_Desk",
            label: "header.menu.financedesk.label",
            targetUrl: "site/finance-desk/dashboard"
         }
      },

       {
         id: "HEADER_GALLERY",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_GALLERY",
            label: "header.menu.gallery.label",
            targetUrl: "site/gallery/dashboard"
         }
      },
 
       {
         id: "HEADER_LEAP",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_LEAP",
            label: "header.menu.leap.label",
            targetUrl: "site/leap/dashboard"
         }
      },

       {
         id: "HEADER_ISMS",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_ISMS",
            label: "header.menu.isms.label",
            targetUrl: "site/isms/dashboard"
         }
      },

      {
         id: "HEADER_TASKS",
         name: "alfresco/header/AlfMenuBarPopup",
         config: {
            id: "HEADER_TASKS",
            label: "header.menu.tasks.label",
            widgets: [
               {   
                  name: "alfresco/menus/AlfMenuGroup",
                  config: {
                     widgets: [
                        {
                           id: "HEADER_MY_TASKS",
                           name: "alfresco/header/AlfMenuItem",
                           config:
                           {
                              id: "HEADER_MY_TASKS",
                              label: "header.menu.mytasks.label",
                              iconClass: "alf-mytasks-icon",
                              targetUrl: "my-tasks#filter=workflows|active"
                           }
                        },
                     ]
                  }
               }
            ]
         }
      },

   ];

      appItems.push({
         id: "HEADER_SITES_MENU",
         name: "alfresco/header/AlfSitesMenu",
         config: {
            id: "HEADER_SITES_MENU",
            label: "header.menu.sites.label",
            currentSite: page.url.templateArgs.site,
            currentUser: user.name
         }
      });


   //if (user.isAdmin || showRepositoryLink == "true")
//Added if condition so that only admin has permissions over repository 
   if (user.isAdmin)
   {
      appItems.push({
         id: "HEADER_REPOSITORY",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_REPOSITORY",
            label: "header.menu.repository.label",
            targetUrl: "repository"
         }
      });
   }
   if (user.isAdmin)
   {
      appItems.push({
         id: "HEADER_ADMIN_CONSOLE",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_ADMIN_CONSOLE",
            label: "header.menu.admin.label",
            targetUrl: "console/admin-console/application"
         }
      });
   } 
   else
   {
      appItems.push({
         id: "HEADER_ADMIN_CONSOLE",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_SITES_CONSOLE",
            label: "header.menu.admin.sites.label",
            targetUrl: "console/sites-console/manage-sites",
            renderFilter: [
               {
                  property: "user.groups.GROUP_SITE_ADMINISTRATORS",
                  values: [true]
               }
            ]
         }
      });
   }

   //help dropdown to iconnect users and managers
 
   appItems.push(   {
         id: "HEADER_HELP",
         name: "alfresco/header/AlfMenuBarPopup",
         config: {
            id: "HEADER_HELP",
            label: "Help",
            widgets: [
               {   
                  name: "alfresco/menus/AlfMenuGroup",
                  config: {
                     widgets: [
                        {
                           id: "HEADER_HELP_USER_MANUAL",
                           name: "alfresco/header/AlfMenuItem",
                           config:
                           {
                              id: "HEADER_HELP_USER_MANUAL",
                              label: "User-Manual",
                                targetUrl: "http://is-0548/iconnect/proxy/alfresco/api/node/content/workspace/SpacesStore/214378ac-4e1d-44fd-ae27-c44de73c577f/Iconnect-User-Manual.pdf",
          targetUrlType: "FULL_PATH",
                          targetUrlLocation: "NEW"   
                              
                           }
                        },
                        {
                           id: "HEADER_HELP_MANGER_MANUAL",
                           name: "alfresco/header/AlfMenuItem",
                           config:
                           {
                              id: "HEADER_HELP_MANGER_MANUAL",
                              label: "Manager-Manual",
                              targetUrl: "http://is-0548/iconnect/proxy/alfresco/api/node/content/workspace/SpacesStore/91c54ade-90ad-4cfb-b7e7-eb6a748ab009/Iconnect_Manager_Manual.pdf",
                   targetUrlType: "FULL_PATH",
                   targetUrlLocation: "NEW"   
                           
                           }
                        }
                     ]
                  }
               }
            ]
         }
      });
   return appItems;
}

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

as you can see i ahve added few menus and removed some for consumers like wise you can change the order of display of app-items

take a look the image i atached to see the changes in share-header

//mark this post useful if it solved your problem

Re: Reordering header menu

nikes — Fri, 29 May 2015 11:04:14 GMT

Hi Malliswar,

Thanks for this feedback.

Actually I am able to do it without copying original share-header.lib.js.

I created extension module, and in that .js i did below,

Remove all header menus,
widgetUtils.deleteObjectFromArray(model.jsonModel, "id", "HEADER_SHARED_FILES");
…

Get reference of app header menu bar
var headerAppMenuBar = widgetUtils.findObject(model.jsonModel, "id", "HEADER_APP_MENU_BAR");

Add back required widgets,


testHeaderMenu.config.widgets.push({
         id: "HEADER_REPOSITORY",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_REPOSITORY",
            label: "header.menu.repository.label",
            targetUrl: "repository"
         }
      });

testHeaderMenu.config.widgets.push({
         id: "HEADER_SITES_MENU",
         name: "alfresco/header/AlfSitesMenu",
         config: {
            id: "HEADER_SITES_MENU",
            label: "header.menu.sites.label",
            currentSite: page.url.templateArgs.site,
            currentUser: user.name
         }
      });


and so on..
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

-Nikesh

Re: Reordering header menu

malliswar — Mon, 01 Jun 2015 09:50:17 GMT

hi Nikes,

the way you did the changes to share header, reduces code redundency.

thanks for sharing the solution.

topic Reordering header menu in Alfresco Archive

Reordering header menu

Re: Reordering header menu

Re: Reordering header menu

Re: Reordering header menu