var jFrag    =jQuery(fragmentElement);
          
jFrag.addClass("dgi-wait-ajax");

Liferay.Service(
  '/dgi.dgicontent/get-articles-by-structure',
  {
    groupId: 20123,
    structureId: '858346'
  }, (articles) => {
  
    var    downloadList    ={};
    
    articles.forEach(a => downloadList[parseInt(a.id)]="858944");

    articles    =articles.sort((a1, a2) => a2.displayDate - a1.displayDate);
    
    Liferay.Service('/dgi.dgicontent/load-articles-by-id-and-template', {
        idsAndTemplates: downloadList
      }, (articleMap) => {
      
        var bContainer    =jQuery("<div class='fragment_multibox dgi-sandbox container-fluid'></div>");
        var bRow        =jQuery("<div class='dgi-fragment row pt-3 pb-3'></div>");
        
        bContainer.append(bRow);

        jFrag.append(bContainer);

        articles.forEach(a => {
          
            const     id             = parseInt(a.id);
            var    multiBox    =jQuery(articleMap[id]);

            if(!!multiBox) {

                bRow.append(multiBox);

                multiBox.data("article-pk",id);

            }

        });
        
        jFrag.removeClass("dgi-wait-ajax");
        
        jFrag.find("[data-article-id").click(function(){
        
            var    articleID    =jQuery(this).data("article-pk");
            
            document.location.href=Liferay.ThemeDisplay.getLayoutURL() + "/details/#" + articleID;
        
        });
        
    });
    
  }
);