f81323ff6f
This is a super-simple template to follow to make the filelists work, so we can do all the "hard" work client-side. This also removes the need for a header-dependent '/files/' URL, as we are now just using the JSON representation instead. Signed-off-by: Dan McGee <dan@archlinux.org>
371 lines
12 KiB
JavaScript
371 lines
12 KiB
JavaScript
/* tablesorter custom parsers for various pages:
|
|
* devel/index.html, mirrors/status.html, todolists/view.html */
|
|
if (typeof $.tablesorter !== 'undefined') {
|
|
$.tablesorter.addParser({
|
|
id: 'pkgcount',
|
|
is: function(s) { return false; },
|
|
format: function(s) {
|
|
var m = s.match(/\d+/);
|
|
return m ? parseInt(m[0], 10) : 0;
|
|
},
|
|
type: 'numeric'
|
|
});
|
|
$.tablesorter.addParser({
|
|
id: 'todostatus',
|
|
is: function(s) { return false; },
|
|
format: function(s) {
|
|
return s.match(/incomplete/i) ? 1 : 0;
|
|
},
|
|
type: 'numeric'
|
|
});
|
|
$.tablesorter.addParser({
|
|
/* sorts numeric, but put '', 'unknown', and '∞' last. */
|
|
id: 'mostlydigit',
|
|
special: ['', 'unknown', '∞'],
|
|
is: function(s, table) {
|
|
var c = table.config;
|
|
return ($.inArray(s, this.special) > -1) || $.tablesorter.isDigit(s, c);
|
|
},
|
|
format: function(s) {
|
|
if ($.inArray(s, this.special) > -1) {
|
|
return Number.MAX_VALUE;
|
|
}
|
|
return $.tablesorter.formatFloat(s);
|
|
},
|
|
type: 'numeric'
|
|
});
|
|
$.tablesorter.addParser({
|
|
/* sorts duration; put '', 'unknown', and '∞' last. */
|
|
id: 'duration',
|
|
re: /^([0-9]+):([0-5][0-9])$/,
|
|
special: ['', 'unknown', '∞'],
|
|
is: function(s) {
|
|
return ($.inArray(s, this.special) > -1) || this.re.test(s);
|
|
},
|
|
format: function(s) {
|
|
if ($.inArray(s, this.special) > -1) {
|
|
return Number.MAX_VALUE;
|
|
}
|
|
var matches = this.re.exec(s);
|
|
if (!matches) {
|
|
return Number.MAX_VALUE;
|
|
}
|
|
return matches[1] * 60 + matches[2];
|
|
},
|
|
type: 'numeric'
|
|
});
|
|
$.tablesorter.addParser({
|
|
id: 'epochdate',
|
|
is: function(s) { return false; },
|
|
format: function(s, t, c) {
|
|
/* TODO: this assumes our magic class is the only one */
|
|
var epoch = $(c).attr('class');
|
|
if (!epoch.indexOf('epoch-') == 0) {
|
|
return 0;
|
|
}
|
|
return epoch.slice(6);
|
|
},
|
|
type: 'numeric'
|
|
});
|
|
$.tablesorter.addParser({
|
|
id: 'longDateTime',
|
|
re: /^(\d{4})-(\d{2})-(\d{2}) ([012]\d):([0-5]\d)(:([0-5]\d))?( (\w+))?$/,
|
|
is: function(s) {
|
|
return this.re.test(s);
|
|
},
|
|
format: function(s) {
|
|
var matches = this.re.exec(s);
|
|
if (!matches) {
|
|
return 0;
|
|
}
|
|
/* skip group 6, group 7 is optional seconds */
|
|
if (matches[7] === undefined) {
|
|
matches[7] = 0;
|
|
}
|
|
/* The awesomeness of the JS date constructor. Month needs to be
|
|
* between 0-11, because things have to be difficult. */
|
|
var date = new Date(matches[1], matches[2] - 1, matches[3],
|
|
matches[4], matches[5], matches[7]);
|
|
return $.tablesorter.formatFloat(date.getTime());
|
|
},
|
|
type: 'numeric'
|
|
});
|
|
$.tablesorter.addParser({
|
|
id: 'filesize',
|
|
re: /^(\d+(?:\.\d+)?) (bytes?|KB|MB|GB|TB|PB)$/,
|
|
is: function(s) {
|
|
return this.re.test(s);
|
|
},
|
|
format: function(s) {
|
|
var matches = this.re.exec(s);
|
|
if (!matches) {
|
|
return 0;
|
|
}
|
|
var size = parseFloat(matches[1]);
|
|
var suffix = matches[2];
|
|
|
|
switch(suffix) {
|
|
/* intentional fall-through at each level */
|
|
case 'PB':
|
|
size *= 1024;
|
|
case 'TB':
|
|
size *= 1024;
|
|
case 'GB':
|
|
size *= 1024;
|
|
case 'MB':
|
|
size *= 1024;
|
|
case 'KB':
|
|
size *= 1024;
|
|
}
|
|
return size;
|
|
},
|
|
type: 'numeric'
|
|
});
|
|
}
|
|
|
|
(function($) {
|
|
$.fn.enableCheckboxRangeSelection = function() {
|
|
var lastCheckbox = null;
|
|
var lastElement = null;
|
|
|
|
var spec = this;
|
|
spec.unbind("click.checkboxrange");
|
|
spec.bind("click.checkboxrange", function(e) {
|
|
if (lastCheckbox != null && e.shiftKey) {
|
|
spec.slice(
|
|
Math.min(spec.index(lastCheckbox), spec.index(e.target)),
|
|
Math.max(spec.index(lastCheckbox), spec.index(e.target)) + 1
|
|
).attr({checked: e.target.checked ? "checked" : ""});
|
|
}
|
|
lastCheckbox = e.target;
|
|
});
|
|
|
|
};
|
|
})(jQuery);
|
|
|
|
/* news/add.html */
|
|
function enablePreview() {
|
|
$('#news-preview-button').click(function(event) {
|
|
event.preventDefault();
|
|
$.post('/news/preview/', {
|
|
data: $('#id_content').val(),
|
|
csrfmiddlewaretoken: $('#newsform input[name=csrfmiddlewaretoken]').val()
|
|
},
|
|
function(data) {
|
|
$('#news-preview-data').html(data);
|
|
$('#news-preview').show();
|
|
}
|
|
);
|
|
$('#news-preview-title').html($('#id_title').val());
|
|
});
|
|
}
|
|
|
|
/* packages/details.html */
|
|
function ajaxifyFiles() {
|
|
$('#filelink').click(function(event) {
|
|
event.preventDefault();
|
|
$.getJSON(this.href + 'json/', function(data) {
|
|
// Map each file item into an <li/> with the correct class
|
|
var list_items = $.map(data.files, function(value, i) {
|
|
var cls = value.match(/\/$/) ? 'd' : 'f';
|
|
return ['<li class="', cls, '">', value, '</li>'];
|
|
});
|
|
$('#pkgfilelist').html('<ul>' + list_items.join('') + '</ul>');
|
|
});
|
|
});
|
|
}
|
|
|
|
function collapseDependsList(list) {
|
|
var limit = 20;
|
|
list = $(list);
|
|
// Hide everything past a given limit. Don't do anything if we don't have
|
|
// enough items, or the link already exists.
|
|
var linkid = list.attr('id') + 'link';
|
|
var items = list.find('li').slice(limit);
|
|
if (items.length == 0 || $('#' + linkid).length > 0) {
|
|
return;
|
|
}
|
|
items.hide();
|
|
list.after('<p><a id="' + linkid + '" href="#">Show More…</a></p>');
|
|
|
|
// add link and wire it up to show the hidden items
|
|
$('#' + linkid).click(function(event) {
|
|
event.preventDefault();
|
|
list.find('li').show();
|
|
// remove the full <p/> node from the DOM
|
|
$(this).parent().remove();
|
|
});
|
|
}
|
|
|
|
/* packages/differences.html */
|
|
function filter_packages() {
|
|
/* start with all rows, and then remove ones we shouldn't show */
|
|
var rows = $('#tbody_differences').children();
|
|
var all_rows = rows;
|
|
if (!$('#id_multilib').is(':checked')) {
|
|
rows = rows.not('.multilib').not('.multilib-testing');
|
|
}
|
|
var arch = $('#id_archonly').val();
|
|
if (arch !== 'all') {
|
|
rows = rows.filter('.' + arch);
|
|
}
|
|
if (!$('#id_minor').is(':checked')) {
|
|
/* this check is done last because it is the most expensive */
|
|
var pat = /(.*)-(.+)/;
|
|
rows = rows.filter(function(index) {
|
|
var cells = $(this).children('td');
|
|
|
|
/* all this just to get the split version out of the table cell */
|
|
var ver_a = cells.eq(2).find('span').text().match(pat);
|
|
if (!ver_a) {
|
|
return true;
|
|
}
|
|
|
|
var ver_b = cells.eq(3).find('span').text().match(pat);
|
|
if (!ver_b) {
|
|
return true;
|
|
}
|
|
|
|
/* first check pkgver */
|
|
if (ver_a[1] !== ver_b[1]) {
|
|
return true;
|
|
}
|
|
/* pkgver matched, so see if rounded pkgrel matches */
|
|
if (Math.floor(parseFloat(ver_a[2])) ===
|
|
Math.floor(parseFloat(ver_b[2]))) {
|
|
return false;
|
|
}
|
|
/* pkgrel didn't match, so keep the row */
|
|
return true;
|
|
});
|
|
}
|
|
/* hide all rows, then show the set we care about */
|
|
all_rows.hide();
|
|
rows.show();
|
|
/* make sure we update the odd/even styling from sorting */
|
|
$('.results').trigger('applyWidgets');
|
|
}
|
|
function filter_packages_reset() {
|
|
$('#id_archonly').val('both');
|
|
$('#id_multilib').removeAttr('checked');
|
|
$('#id_minor').removeAttr('checked');
|
|
filter_packages();
|
|
}
|
|
|
|
/* todolists/view.html */
|
|
function todolist_flag() {
|
|
var link = this;
|
|
$.getJSON(link.href, function(data) {
|
|
if (data.complete) {
|
|
$(link).text('Complete').addClass(
|
|
'complete').removeClass('incomplete');
|
|
} else {
|
|
$(link).text('Incomplete').addClass(
|
|
'incomplete').removeClass('complete');
|
|
}
|
|
/* let tablesorter know the cell value has changed */
|
|
$('.results').trigger('updateCell', $(link).closest('td'));
|
|
});
|
|
return false;
|
|
}
|
|
|
|
/* signoffs.html */
|
|
function signoff_package() {
|
|
var link = this;
|
|
$.getJSON(link.href, function(data) {
|
|
link = $(link);
|
|
var signoff = null;
|
|
var cell = link.closest('td');
|
|
if (data.created) {
|
|
signoff = $('<li>').addClass('signed-username').text(data.user);
|
|
var list = cell.children('ul.signoff-list');
|
|
if (list.size() == 0) {
|
|
list = $('<ul class="signoff-list">').prependTo(cell);
|
|
}
|
|
list.append(signoff);
|
|
} else if(data.user) {
|
|
signoff = link.closest('td').find('li').filter(function(index) {
|
|
return $(this).text() == data.user;
|
|
});
|
|
}
|
|
if (signoff && data.revoked) {
|
|
signoff.text(signoff.text() + ' (revoked)');
|
|
}
|
|
/* update the approved column to reflect reality */
|
|
var approved = link.closest('tr').children('.approval');
|
|
approved.attr('class', 'approval');
|
|
if (data.known_bad) {
|
|
approved.text('Bad').addClass('signoff-bad');
|
|
} else if (!data.enabled) {
|
|
approved.text('Disabled').addClass('signoff-disabled');
|
|
} else if (data.approved) {
|
|
approved.text('Yes').addClass('signoff-yes');
|
|
} else {
|
|
approved.text('No').addClass('signoff-no');
|
|
}
|
|
link.removeAttr('title');
|
|
/* Form our new link. The current will be something like
|
|
* '/packages/repo/arch/package/...' */
|
|
var base_href = link.attr('href').split('/').slice(0, 5).join('/');
|
|
if (data.revoked) {
|
|
link.text('Signoff');
|
|
link.attr('href', base_href + '/signoff/');
|
|
/* should we be hiding the link? */
|
|
if (data.known_bad || !data.enabled) {
|
|
link.remove();
|
|
}
|
|
} else {
|
|
link.text('Revoke Signoff');
|
|
link.attr('href', base_href + '/signoff/revoke/');
|
|
}
|
|
$('.results').trigger('updateCell', approved);
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function filter_signoffs() {
|
|
/* start with all rows, and then remove ones we shouldn't show */
|
|
var rows = $('#tbody_signoffs').children();
|
|
var all_rows = rows;
|
|
/* apply arch and repo filters */
|
|
$('#signoffs_filter .arch_filter').add(
|
|
'#signoffs_filter .repo_filter').each(function() {
|
|
if (!$(this).is(':checked')) {
|
|
rows = rows.not('.' + $(this).val());
|
|
}
|
|
});
|
|
/* and then the slightly more expensive pending check */
|
|
if ($('#id_pending').is(':checked')) {
|
|
rows = rows.has('td.signoff-no');
|
|
}
|
|
/* hide all rows, then show the set we care about */
|
|
all_rows.hide();
|
|
rows.show();
|
|
$('#filter-count').text(rows.length);
|
|
/* make sure we update the odd/even styling from sorting */
|
|
$('.results').trigger('applyWidgets');
|
|
}
|
|
function filter_signoffs_reset() {
|
|
$('#signoffs_filter .arch_filter').attr('checked', 'checked');
|
|
$('#signoffs_filter .repo_filter').attr('checked', 'checked');
|
|
$('#id_pending').removeAttr('checked');
|
|
filter_signoffs();
|
|
}
|
|
|
|
/* visualizations */
|
|
function format_filesize(size, decimals) {
|
|
/*var labels = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];*/
|
|
var labels = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
|
var label = 0;
|
|
|
|
while (size > 2048.0 && label < labels.length - 1) {
|
|
label++;
|
|
size /= 1024.0;
|
|
}
|
|
if (decimals === undefined) {
|
|
decimals = 2;
|
|
}
|
|
|
|
return size.toFixed(decimals) + ' ' + labels[label];
|
|
}
|