e83ce5d729
After the flot update the xaxis labels aren't meaningful to humans (in fact I'm not quite sure what they were showing us). We can explicitly state the input type as milliseconds and the label render format. Doing this gives us labels that are meaningful to humans. Change-Id: I7912a536f3de2756404f8c7e7f31d8bd5890ab22
123 lines
4.0 KiB
JavaScript
123 lines
4.0 KiB
JavaScript
// Copyright 2013 OpenStack Foundation
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License"); you may
|
|
// not use this file except in compliance with the License. You may obtain
|
|
// a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
// License for the specific language governing permissions and limitations
|
|
// under the License.
|
|
|
|
function update_graph_for_bug(main, bug) {
|
|
var div = main.find("#bug-" + bug['number'] + " .graph");
|
|
if (bug['fails'] > 0) {
|
|
$.plot(div, bug['data'],
|
|
{xaxis: {
|
|
mode: "time",
|
|
timeBase: "milliseconds",
|
|
timeformat: "%Y/%m/%d"
|
|
}}
|
|
);
|
|
} else {
|
|
div.html("No matches");
|
|
div.css('height', 'auto');
|
|
div.parent().css('opacity', '0.5');
|
|
}
|
|
|
|
// if we've updated the bug number in question, and our requested
|
|
// location is this bug, reset the window location to visually
|
|
// scroll us to this point.
|
|
if ( ("#" + bug['number']) == window.location.hash ) {
|
|
window.location.replace(window.location.href);
|
|
}
|
|
}
|
|
|
|
function update_critical_dates(data) {
|
|
var last_updated = new Date(data['now']);
|
|
var last_indexed = new Date(data['last_indexed']);
|
|
$('#last_updated').text(last_updated.toString());
|
|
$('#last_indexed').text(last_indexed.toString());
|
|
|
|
var hours = parseInt(data['behind'] / 60 / 60 / 1000);
|
|
var behind = $('#behind');
|
|
if (hours > 0) {
|
|
behind.css('font-weight', 'bold');
|
|
behind.text("Indexing behind by " + hours + " hours");
|
|
$('#behind').text("Indexing behind by " + hours + " hours");
|
|
if (hours > 0) {
|
|
behind.css('color', 'red');
|
|
}
|
|
} else {
|
|
behind.css('font-weight', 'normal');
|
|
$('#behind').text("Up to date");
|
|
}
|
|
}
|
|
|
|
function alert_old_generated_date() {
|
|
var now = new Date();
|
|
var generated_date = Date.parse($('#generated-date').text());
|
|
var delta_hours = (now - generated_date) / 60 / 60 / 1000;
|
|
if (delta_hours > 0) {
|
|
var div = $('#generated-date');
|
|
div.css('color', 'red');
|
|
div.css('font-weight', 'bold');
|
|
var old_text = $('#generated-date').text;
|
|
div.text("Data is old: " + old_text);
|
|
}
|
|
|
|
}
|
|
|
|
function update_health(data) {
|
|
var health = $('#health');
|
|
health.text(data['status']);
|
|
$('#health').text(data['status']);
|
|
if (data['status'] == 'red') {
|
|
// TODO(mriedem): link to the cluster health details
|
|
// http://logstash.openstack.org/elasticsearch/_cluster/health?pretty=true
|
|
health.css('font-weight', 'bold');
|
|
} else {
|
|
health.css('font-weight', 'normal');
|
|
}
|
|
health.css('color', data['status']);
|
|
}
|
|
|
|
function update() {
|
|
var source = $("#bug-template").html();
|
|
var template = Handlebars.compile(source);
|
|
$.getJSON(data_url, function(data) {
|
|
var buglist = data;
|
|
// compatibility while we flip data over
|
|
if ('buglist' in data) {
|
|
buglist = data['buglist'];
|
|
update_critical_dates(data);
|
|
update_health(data);
|
|
}
|
|
|
|
var main = $('#main-container');
|
|
var content = "";
|
|
|
|
$.each(buglist, function(i, bug) {
|
|
content += template({'bug': bug});
|
|
});
|
|
main.append(content);
|
|
|
|
// The graph functions are slow, but there is actually no
|
|
// reason to hold up the main paint thread for them, so put
|
|
// them into an async mode to run as soon as they can. This
|
|
// dramatically increases perceived page load speed.
|
|
$.each(buglist, function(i, bug) {
|
|
setTimeout(function() {
|
|
update_graph_for_bug(main, bug);
|
|
}, 1);
|
|
});
|
|
});
|
|
};
|
|
|
|
$(function() {
|
|
update();
|
|
});
|