// jquery plugin for Zuul status page
//
// Copyright 2012 OpenStack Foundation
// Copyright 2013 Timo Tijhof
// Copyright 2013 Wikimedia Foundation
// Copyright 2014 Rackspace Australia
//
// 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.
'use strict';
(function ($) {
function set_cookie(name, value) {
document.cookie = name + '=' + value + '; path=/';
}
function read_cookie(name, default_value) {
var nameEQ = name + '=';
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0) === ' ') {
c = c.substring(1, c.length);
}
if (c.indexOf(nameEQ) === 0) {
return c.substring(nameEQ.length, c.length);
}
}
return default_value;
}
$.zuul = function(options) {
var options = $.extend({
'enabled': true,
'graphite_url': '',
'source': 'status.json',
'msg_id': '#zuul_msg',
'pipelines_id': '#zuul_pipelines',
'queue_events_num': '#zuul_queue_events_num',
'queue_results_num': '#zuul_queue_results_num',
}, options);
var collapsed_exceptions = [];
var current_filter = read_cookie('zuul_filter_string', current_filter);
var $jq;
var xhr,
zuul_graph_update_count = 0,
zuul_sparkline_urls = {};
function get_sparkline_url(pipeline_name) {
if (options.graphite_url !== '') {
if (!(pipeline_name in zuul_sparkline_urls)) {
zuul_sparkline_urls[pipeline_name] = $.fn.graphite
.geturl({
url: options.graphite_url,
from: "-8hours",
width: 100,
height: 26,
margin: 0,
hideLegend: true,
hideAxes: true,
hideGrid: true,
target: [
"color(stats.gauges.zuul.pipeline." + pipeline_name
+ ".current_changes, '6b8182')"
]
});
}
return zuul_sparkline_urls[pipeline_name];
}
return false;
}
var format = {
job: function(job) {
var $job_line = $('');
if (job.url !== null) {
$job_line.append(
$('')
.addClass('zuul-job-name')
.attr('href', job.url)
.text(job.name)
);
}
else {
$job_line.append(
$('')
.addClass('zuul-job-name')
.text(job.name)
);
}
$job_line.append(this.job_status(job));
if (job.voting === false) {
$job_line.append(
$(' ')
.addClass('zuul-non-voting-desc')
.text(' (non-voting)')
);
}
return $job_line;
},
job_status: function(job) {
var result = job.result ? job.result.toLowerCase() : null;
if (result === null) {
result = job.url ? 'in progress' : 'queued';
}
if (result === 'in progress') {
return this.job_progress_bar(job.elapsed_time,
job.remaining_time);
}
else {
return this.status_label(result);
}
},
status_label: function(result) {
var $status = $('');
$status.addClass('zuul-job-result label');
switch (result) {
case 'success':
$status.addClass('label-success');
break;
case 'failure':
$status.addClass('label-danger');
break;
case 'unstable':
$status.addClass('label-warning');
break;
case 'in progress':
case 'queued':
case 'lost':
$status.addClass('label-default');
break;
}
$status.text(result);
return $status;
},
job_progress_bar: function(elapsed_time, remaining_time) {
var progress_percent = 100 * (elapsed_time / (elapsed_time +
remaining_time));
var $bar_inner = $('
')
.addClass('progress-bar')
.attr('role', 'progressbar')
.attr('aria-valuenow', 'progressbar')
.attr('aria-valuemin', progress_percent)
.attr('aria-valuemin', '0')
.attr('aria-valuemax', '100')
.css('width', progress_percent + '%');
var $bar_outter = $('')
.addClass('progress zuul-job-result')
.append($bar_inner);
return $bar_outter;
},
enqueue_time: function(ms) {
// Special format case for enqueue time to add style
var hours = 60 * 60 * 1000;
var now = Date.now();
var delta = now - ms;
var status = 'text-success';
var text = this.time(delta, true);
if (delta > (4 * hours)) {
status = 'text-danger';
} else if (delta > (2 * hours)) {
status = 'text-warning';
}
return '' + text + '';
},
time: function(ms, words) {
if (typeof(words) === 'undefined') {
words = false;
}
var seconds = (+ms)/1000;
var minutes = Math.floor(seconds/60);
var hours = Math.floor(minutes/60);
seconds = Math.floor(seconds % 60);
minutes = Math.floor(minutes % 60);
var r = '';
if (words) {
if (hours) {
r += hours;
r += ' hr ';
}
r += minutes + ' min';
} else {
if (hours < 10) {
r += '0';
}
r += hours + ':';
if (minutes < 10) {
r += '0';
}
r += minutes + ':';
if (seconds < 10) {
r += '0';
}
r += seconds;
}
return r;
},
change_total_progress_bar: function(change) {
var job_percent = Math.floor(100 / change.jobs.length);
var $bar_outter = $('')
.addClass('progress zuul-change-total-result');
$.each(change.jobs, function (i, job) {
var result = job.result ? job.result.toLowerCase() : null;
if (result === null) {
result = job.url ? 'in progress' : 'queued';
}
if (result !== 'queued') {
var $bar_inner = $('')
.addClass('progress-bar');
switch (result) {
case 'success':
$bar_inner.addClass('progress-bar-success');
break;
case 'lost':
case 'failure':
$bar_inner.addClass('progress-bar-danger');
break;
case 'unstable':
$bar_inner.addClass('progress-bar-warning');
break;
case 'in progress':
case 'queued':
break;
}
$bar_inner.attr('title', job.name)
.css('width', job_percent + '%');
$bar_outter.append($bar_inner);
}
});
return $bar_outter;
},
change_header: function(change) {
var change_id = change.id || 'NA';
if (change_id.length === 40) {
change_id = change_id.substr(0, 7);
}
var $change_link = $('');
if (change.url !== null) {
$change_link.append(
$('').attr('href', change.url).text(change.id)
);
}
else {
$change_link.text(change_id);
}
var $change_progress_row_left = $('')
.addClass('col-xs-3')
.append($change_link);
var $change_progress_row_right = $('')
.addClass('col-xs-9')
.append(this.change_total_progress_bar(change));
var $change_progress_row = $('')
.addClass('row')
.append($change_progress_row_left)
.append($change_progress_row_right);
var $project_span = $('')
.addClass('change_project')
.text(change.project);
var $left = $('')
.addClass('col-xs-8')
.append($project_span, $change_progress_row);
var remaining_time = this.time(
change.remaining_time, true);
var enqueue_time = this.enqueue_time(
change.enqueue_time);
var $remaining_time = $('').addClass('time')
.attr('title', 'Remaining Time').html(remaining_time);
var $enqueue_time = $('').addClass('time')
.attr('title', 'Elapsed Time').html(enqueue_time);
var $right = $('')
.addClass('col-xs-4 text-right')
.append($remaining_time, $(' '), $enqueue_time);
var $header = $('')
.addClass('row')
.append($left, $right);
return $header;
},
change_list: function(jobs) {
var format = this;
var $list = $('
')
.addClass('list-group zuul-patchset-body');
$.each(jobs, function (i, job) {
var $item = $('')
.addClass('list-group-item')
.addClass('zuul-change-job')
.append(format.job(job));
$list.append($item);
});
return $list;
},
change_panel: function (change) {
var $header = $('')
.addClass('panel-heading zuul-patchset-header')
.append(this.change_header(change));
var panel_id = change.id ? change.id.replace(',', '_')
: change.project.replace('/', '_') +
'-' + change.enqueue_time;
var $panel = $('')
.attr('id', panel_id)
.addClass('panel panel-default zuul-change')
.append($header)
.append(this.change_list(change.jobs));
$header.click(this.toggle_patchset);
return $panel;
},
change_status_icon: function(change) {
var icon_name = 'green.png';
var icon_title = 'Succeeding';
if (change.active !== true) {
// Grey icon
icon_name = 'grey.png';
icon_title = 'Waiting until closer to head of queue to' +
' start jobs';
}
else if (change.failing_reasons &&
change.failing_reasons.length > 0) {
var reason = change.failing_reasons.join(', ');
icon_title = 'Failing because ' + reason;
if (reason.match(/merge conflict/)) {
// Black icon
icon_name = 'black.png';
}
else {
// Red icon
icon_name = 'red.png';
}
}
var $icon = $('')
.attr('src', 'images/' + icon_name)
.attr('title', icon_title)
.css('margin-top', '-6px');
return $icon;
},
change_with_status_tree: function(change, change_queue) {
var $change_row = $('
');
for (var i = 0; i < change_queue._tree_columns; i++) {
var $tree_cell = $('
')
.css('height', '100%')
.css('padding', '0 0 10px 0')
.css('margin', '0')
.css('width', '16px')
.css('min-width', '16px')
.css('overflow', 'hidden')
.css('vertical-align', 'top');
if (i < change._tree.length && change._tree[i] !== null) {
$tree_cell.css('background-image',
'url(\'images/line.png\')')
.css('background-repeat', 'repeat-y');
}
if (i === change._tree_index) {
$tree_cell.append(
this.change_status_icon(change));
}
if (change._tree_branches.indexOf(i) !== -1) {
var $image = $('')
.css('vertical-align', 'baseline');
if (change._tree_branches.indexOf(i) ===
change._tree_branches.length - 1) {
// Angle line
$image.attr('src', 'images/line-angle.png');
}
else {
// T line
$image.attr('src', 'images/line-t.png');
}
$tree_cell.append($image);
}
$change_row.append($tree_cell);
}
var change_width = 360 - 16*change_queue._tree_columns;
var $change_column = $('