{% extends "base.html" %}
{% block body %}
    {{ super() }}

<style>
  .menu {
     float: right;
     padding-top: 1em;
  }
  .jobs {
     padding-top: 1em;
  }
</style>
<script type="text/javascript">
    function filter_log_age(ev, days) {
        ev.preventDefault();
        var generated = $('#generated-date').text();
        var gen_date = Date.parse(generated);
        $( "li.log-link" ).each(function() {
            if (! $( this ).hasClass("dated") ) {
                var timestamp = $( this ).text().substr(0,16);
                var item_date = Date.parse(timestamp);
                var date_delta = (gen_date - item_date) / 86400000;
                $( this ).addClass("dated");
                $( this ).attr("age", date_delta);
            }
            if ($( this ).attr("age") > days ) {
                $( this ).hide();
            } else {
                $( this ).show();
            }
        });
    }

    $(function() {
        $("#24hours").click(function(e) {
          filter_log_age(e, 1);
        });
        $("#2days").click(function(e) {
          filter_log_age(e, 2);
        });
        $("#1week").click(function(e) {
          filter_log_age(e, 7);
        });
        $("#2weeks").click(function(e) {
          filter_log_age(e, 14);
        });
    });
</script>
<div class="container">
  <ul class="nav nav-tabs">
    <li><a href="../index.html">All Pipelines</a></li>
    <li><a href="../gate.html">Gate Pipeline</a></li>
    <li class="active"><a href="uncategorized.html">Uncategorized</a></li>
  </ul>
</div>


<div class="menu">
<a name="top"></a>
{% for job in jobs %}
<li><a href="#{{job[0]}}">{{job[0]}} ({{job[1]}})</a></li>
{% endfor %}
</div>
<div class="jobs">
<h1>Unclassified failed jobs</h1>
Overall Categorization Rate: {{ rate['overall'] }}%
<p>
  Total: {{ total }} - Found: {{ count }} = Unclassifed: {{ uncounted }}
</p>
<p>
  Generated at: <span id="generated-date">{{ generated_at }}</span>
  (View: <a id="24hours" href="#">24 hours</a>,
         <a id="2days" href="#">2 days</a>,
         <a id="1week" href="#">1 week</a>,
         <a id="2weeks" href="#">2 weeks</a>)
</p>
{% for job in jobs %}
<a name="{{job[0]}}"></a>
<a href="#top"><i>back to top</i></a>
<h2>{{ job[0] }} : {{ job[1] }} Uncategorized Fails. {{rate[job[0]]}}% Classification Rate ({{total_job_failures[job[0]]}} Total Fails)</h2>
<ul>
  {% for url in urls[job[0]] %}

  <li class="log-link">{{url['timestamp']}}: <a href="{{ url['log'] }}">{{ url['log'] }}</a></li>
  {% endfor %}
</ul>
{% endfor %}
{% endblock %}
</div>