header.html

<!-- Hide/show certain divs according to URL (UMONS or noinstitution) -->
<script>
// Parse the URL parameter
function getParameterByName(name, url) {
  if (!url) url = window.location.href;
  name = name.replace(/[\[\]]/g, "\\$&");
  var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
  if (!results) return null;
  if (!results[2]) return '';
  return decodeURIComponent(results[2].replace(/\+/g, " "));
}
// Collect parameters and store their values (as passed by Moodle)
//var email       = getParameterByName('email');
//var id          = getParameterByName('id');
//var name        = getParameterByName('name');
//var surname     = getParameterByName('surname');
var institution = getParameterByName('institution');
//var course      = getParameterByName('course');
//var ref         = getParameterByName('ref');

function showUMONS() {
  var elems = document.getElementsByClassName('UMONS');
  for (i = 0; i < elems.length; i++) {
    var elem = elems[i];
    elem.style.display = 'block';
  }
  var elems = document.getElementsByClassName('noinstitution');
  for (i = 0; i < elems.length; i++) {
    var elem = elems[i];
    elem.style.display = 'none';
  }
}

function hideUMONS() {
  var elems = document.getElementsByClassName('UMONS');
  for (i = 0; i < elems.length; i++) {
    var elem = elems[i];
    elem.style.display = 'none';
  }
  var elems = document.getElementsByClassName('noinstitution');
  for (i = 0; i < elems.length; i++) {
    var elem = elems[i];
    elem.style.display = 'block';
  }
}

function processParameters() {
  if (institution == 'UMONS') {
    showUMONS();
  } else {
    hideUMONS();
  }
  // Process other parameters too here...
}

window.onload = processParameters;
</script>

<!-- Show/hide R output as details -->
<script>
(function() {
  var codes = document.querySelectorAll('pre:not([class])');
  var code, i, d, s, p;
  for (i = 0; i < codes.length; i++) {
    code = codes[i];
    p = code.parentNode;
    d = document.createElement('details');
    s = document.createElement('summary');
    s.innerText = 'Details';
    // <details><summary>Details</summary></details>
    d.appendChild(s);
    // move the code into <details>
    p.replaceChild(d, code);
    d.appendChild(code);
  }
})();
</script>

<!-- Pass URL arguments to iframe 'app' (embedded shiny app) & 'h5p' -->
<script>
var params = window.location.toString().split('?')[1];
// Detect if we have the Sepia or Night theme
if (document.getElementsByClassName('color-theme-1')) {
  if (params === undefined) {
    params = "theme=Sepia";
  } else {
    params = params + '&theme=Sepia';
  }
}
if (document.getElementsByClassName('color-theme-22')) {
  if (params === undefined) {
    params = "theme=Night";
  } else {
    params = params + '&theme=Night';
  }
}

if (params !== undefined) {
  var apps = document.getElementsByClassName('app');
  for (i = 0; i < apps.length; i++) {
    var appitem = apps[i];
    appitem.src = appitem.src + '?' + params;
  }

  var h5ps = document.getElementsByClassName('h5p');
  for (i = 0; i < h5ps.length; i++) {
    var h5pitem = h5ps[i];
    h5pitem.src = h5pitem.src + '&' + params;
  }
}
</script>

<!-- Launch the app on click with URL parameters + theme -->
<script>
launchApp = function(id, src) {
  var params = window.location.toString().split('?')[1];
  // Detect if we have the Sepia or Night theme
  if (document.getElementsByClassName('color-theme-1')[0]) {
    if (params === undefined) {
      params = "theme=Sepia";
    } else {
      params = params + '&theme=Sepia';
    }
  }
  if (document.getElementsByClassName('color-theme-2')[0]) {
    if (params === undefined) {
      params = "theme=Night";
    } else {
      params = params + '&theme=Night';
    }
  }
  if (params !== undefined) {
    src = src + '?' + params;
  }
  var img = document.getElementById('img' + id);
  var app = document.getElementById(id);
  app.src = src;
  app.style.display='block';
  img.style.display='none';
}
</script>