web/apps/hello-infrastructure/js/hello-infrastructure.js
function sortReceiversAndHighlight(receiverSignature) {
  let trs = Array.from(tbody.getElementsByTagName('tr'));
  let sortedFragment = document.createDocumentFragment();

  trs.sort(sortFunction);

  trs.forEach(function(tr) {
    if(tr.id === receiverSignature) {
      tr.setAttribute('class', 'monospace animated-highlight-reelyactive');
    }
    else {
      tr.setAttribute('class', 'monospace');
    }
    sortedFragment.appendChild(tr);
  });

  tbody.appendChild(sortedFragment);
}
function sortReceiversAndHighlight(receiverSignature) {
  let trs = Array.from(tbody.getElementsByTagName('tr'));
  let sortedFragment = document.createDocumentFragment();

  trs.sort(sortFunction);

  trs.forEach(function(tr) {
    if(tr.id === receiverSignature) {
      tr.setAttribute('class', 'monospace animated-highlight-reelyactive');
    }
    else {
      tr.setAttribute('class', 'monospace');
    }
    sortedFragment.appendChild(tr);
  });

  tbody.appendChild(sortedFragment);
}
function sortReceiversAndHighlight ( receiverSignature ) { let trs = Array . from ( tbody . getElementsByTagName ( 'tr' ) ) ; let sortedFragment = document . createDocumentFragment ( ) ; trs . sort ( sortFunction ) ; trs . forEach ( function ( tr ) { if ( tr . id === receiverSignature ) { tr . setAttribute ( 'class' , 'monospace animated-highlight-reelyactive' ) ; } else { tr . setAttribute ( 'class' , 'monospace' ) ; } sortedFragment . appendChild ( tr ) ; } ) ; tbody . appendChild ( sortedFragment ) ; }
Sort the receivers in the table, highlighting the given receiver
Sort the receivers in the table highlighting the given receiver