Menu structure

[kevinesaa]

Desing menu objects struture Make a folder with menus objects files

[kevinesaa]

the final result of every menu should looks like this:

const MENU_EXAMPLE = {
    item1:{refId:"", text:"", imageIcon: null, actionLink:{type:"internal", url:"/.."}},
    group1:{
        refId:"",
        text:"",
        imageIcon:{type:"external",url:""},
        items:[
            {refId:"", text:"", imageIcon:{type:"internal",url:""}, actionLink:{type:"internal", url:"/"}},
            {refId:"", text:"", imageIcon:{type:"external",url:""}, actionLink:null},
        ]
    }
};

• A menu can contain items or groups.
• A group should only have items.
• Groups and items have a identifier (refId).
• The refId in most cases will be the id of an html tag.
• Groups and items have a title or text to display.
• Groups and items can contain a default icon url (imageIcon).
• Groups and items can contain a default action url (actionLink).
• All the imageIcon and actionLink have a type that can be internal or external.
• If the imageIcon or the actionLink is internal, then should be process by the method loadInternalRoutesHelper of the JsInternalRouteLoader.
• If the actionLink is null, met that the action function will set it in other place; Something similar to this:

  const item = MENU_EXAMPLE.group1.items[1];
  const obj = document.getElementById(item.refId ):
  obj.innerHTML = item.text;
  obj.onclick = function() {
       //do something
  };

[kevinesaa]

Make a strategy for translate de text menu without remake all the JSON for each one language.
Make a strategy to extract menu texts' into R.COMMONS_STRINGS or R.MODULE_STRINGS Make a strategy to extract menu refId's into R.COMMONS_REFERENCE_ID or R.MODULE_REFERENCE_ID Make a strategy to extract menu internal url's into R.COMMONS_INTERNAL_ROUTES or R.MODULE_INTERNAL_ROUTES Make a strategy to extract menu external url's into R.COMMONS_EXTERNAL_ROUTES or R.MODULE_EXTERNAL_ROUTES Make a strategy to extract menu image url's into R.COMMONS_IMAGES or R.MODULE_IMAGES