{% extends "base.html" %}
{% block title %}Check #{{ check.ordinal }}{% end %}
{% block content %}
  <div class="uk-container uk-container-center uk-margin-large-top">
    <h2>
      <a href="{{ project.get_url() }}">{{ project.get_title() }}</a>:
      check #{{ check.ordinal }}
    </h2>
    <p>
      {% if check.success %}
        {{ locale.translate('{} error', '{} errors', check.errors).format(check.errors) }},
        {{ locale.translate('{} warning', '{} warnings', check.warnings).format(check.warnings) }}
      {% else %}
        Job failed.
      {% end %}
    </p>
    <div class="uk-grid">
      <div class="uk-width-medium-1-3">
        <dl class="uk-description-list-horizontal list-terse">
          <dt>Started:</dt>
          <dd>{% module Time(check.started) %}</dd>
          <dt>Finished:</dt>
          <dd>{% module Time(check.finished) %}</dd>
          <dt>Duration:</dt>
          <dd>{{ check.get_duration() }}</dd>
        </dl>
      </div>
      <div class="uk-width-medium-2-3">
        <dl class="uk-description-list-horizontal list-terse">
          {% set change = check.change %}
          <dt>Commit:</dt>
          <dd>{{ change.rev }}:{{ change.node[:12] }} {{ change.branch }}</dd>
          <dt>Author:</dt>
          <dd>{{ change.author }}</dd>
          <dt>Date:</dt>
          <dd>{% module Time(change.date, False) %}</dd>
          <dt>Description:</dt>
          <dd>{{ change.message }}</dd>
        </dl>
      </div>
    </div>
    <pre class="check-log">{#
    #}{% for number, line in enumerate(lines, 1) %}{#
      #}<div id="l{{ number }}"{% if 'task' in line %} data-task="{{ line['task'] }}"{% end %}{% if 'cls' in line %} class="{{ line['cls'] }}"{% end %}>{#
        #}<a href="#l{{ number }}" class="lineno" data-line-number="{{ number }}"></a>{#
        #}{{ line['text'] }}{#
        #}{% if line.get('cls') == 'task' and line.get('task') != 'cleanup' %}{#
          #}<a class="collapser"></a>{#
        #}{% end %}{#
      #}</div>{#
    #}{% end %}{#
  #}</pre>
    <script>
      (function($) {
        $('.check-log .collapser').each(function() {
          var $collapser = $(this);
          var $header = $collapser.closest('div');
          var task = $header.attr('data-task');
          var $lines = $header.nextAll('[data-task="' + task + '"]');
          var toggle = function() {
            var collapsed = $collapser.hasClass('collapsed');
            $lines.toggleClass('uk-hidden', collapsed);
          };
          $collapser.on('click', function() {
            $collapser.toggleClass('collapsed');
            toggle();
          });
          if ((task == 'setup' || task == 'clone') && $lines.filter('.error, .warning, :target').length === 0) {
            $collapser.addClass('collapsed');
            toggle();
          }
        });
      })(jQuery);
    </script>
  </div>
{% end %}