var resultOutputDiv = document.getElementById("result_output");
var resultControlsDiv = document.getElementById("activity_controls");

var outputHTML = "<%= j render(partial: "application/results", locals: { results: @results }) %>"

if (resultOutputDiv) {
  resultOutputDiv.innerHTML += outputHTML;

  // If scrolled to the bottom or near the bottom, then smooth scroll to the bottom.
  if ((resultOutputDiv.scrollTop + 100) >= (resultOutputDiv.scrollHeight - resultOutputDiv.offsetHeight)) {
    resultOutputDiv.scrollTo({
      top: resultOutputDiv.scrollHeight, left: 0, behavior: 'smooth'
    });
  }
}

if (resultControlsDiv) {
  resultControlsDiv.innerHTML = "<%= j render(partial: "application/timer") %>"
}