logs.html

{% extends "base.html" %}

{% block content %}

<div class="row">
  <div class="columns">
    <h1 class="section-title">Logs</h1>
  </div>
</div>

<div class="row">
  <div class="large-12 columns">
    <pre>
      <code id="robot-logs" class="accesslog hljs">{{ logs_content }}</code>
    </pre>
  </div>
</div>

{% endblock content %}

{% block endscript %}
<script>

var timeOut;

function refreshLogs() {
  $.get('{{ url_for('raw_logs') }}', function(rawLogs) {
    var logsElement = document.getElementById('robot-logs');

    logsElement.innerHTML = rawLogs;
    hljs.highlightBlock(logsElement);

    startTimeout();
  });
}

function startTimeout() {
  timeOut = window.setTimeout(refreshLogs, 500);
}

startTimeout();

</script>
{% endblock endscript %}