elastic-recheck/web/share/templates/uncategorized.html
Allison Randal c9752f3e66 Adds time-view filter to uncategorized page
At jog0's request, this bit of javascript for the list of
Uncategorized failed jobs adds a feature to limit the time period of
failures displayed (without reloading the page) to 24 hours, 2 days,
or 1 week, in addition to the usual 2 week limit.

Change-Id: I0b6e9b0ea8d0a8eb1ba6d2e1c47beb0803e3ec33
2014-03-01 16:58:39 -08:00

91 lines
2.5 KiB
HTML

{% 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>