Skip to content

D
debomatic-webui
Commit c0c918ec authored by Leo Iannacone's avatar Leo Iannacone
Browse files
Options

jslint client code

parent 08e14f2f
Show whitespace changes
Inline Side-by-side
Showing with 912 additions and 926 deletions
debomatic-webui/public/javascripts/debug.js
View file @ c0c918ec
"use strict";
/*
General information about debugging:
......@@ -10,17 +11,17 @@
3 - socket emit data
4 - socket received data
*/
var debug = function() {
var debug = function () {
if (arguments.length < 2) {
return
return;
}
var level = arguments[0]
arguments[0] = "debug [" + level + "]:"
var level = arguments[0];
arguments[0] = "debug [" + level + "]:";
if (level <= config.preferences.debug) {
if (console.debug)
console.debug.apply(console, arguments)
console.debug.apply(console, arguments);
else
console.log.apply(console, arguments)
console.log.apply(console, arguments);
}
}
......@@ -30,11 +31,11 @@ var debug = function() {
usage: debug_socket("emit"|"received", event_name, data)
*/
var debug_socket = function() {
var debug_socket = function () {
if (arguments.length != 3)
return
return;
var level = 3;
if (arguments[0] == "received")
level = 4
debug(level, "socket", arguments[0], "event:", arguments[1], "data:", arguments[2])
level = 4;
debug(level, "socket", arguments[0], "event:", arguments[1], "data:", arguments[2]);
}
debomatic-webui/public/javascripts/main.js
View file @ c0c918ec
// main client javascript
'use strict';
var preferences = new Preferences()
var preferences = new Preferences();
var page_generic = new Page_Generic()
var page_generic = new Page_Generic();
if (window.location.pathname == config.paths.preferences) {
preferences.initPage()
preferences.initPage();
}
if (window.location.pathname == '/') {
// convert email addresses in the right format
var emails = $(".email")
$.each(emails, function (){
var subject = ''
var emails = $('.email');
$.each(emails, function () {
var subject = '';
if ($(this).attr('subject')) {
subject = '?subject=' + $(this).attr('subject')
subject = '?subject=' + $(this).attr('subject');
}
var real_email = $(this).attr('address').replace('AT','@').replace('DOT','.').replace(/ /g,'')
var label = real_email
if (config.debomatic.admin.name && config.debomatic.admin.name != 'Your Name')
label = config.debomatic.admin.name
real_email = '<a href="mailto:' + real_email + subject + '">' + label + '</a>'
$(this).html(real_email)
var real_email = $(this).attr('address').replace('AT', '@').replace('DOT', '.').replace(/ /g, '');
var label = real_email;
if (config.debomatic.admin.name && config.debomatic.admin.name != 'Your Name');
label = config.debomatic.admin.name;
real_email = '<a href="mailto:' + real_email + subject + '">' + label + '</a>';
$(this).html(real_email);
})
}
var socket = io.connect('/');
page_generic.start(socket)
page_generic.start(socket);
if (window.location.pathname == config.paths.distribution) {
new Page_Distrubion(socket).start()
new Page_Distrubion(socket).start();
}
debomatic-webui/public/javascripts/page_distribution.js
View file @ c0c918ec
'use strict';
// function to get all files in on click
// event comes from HTML
function download_all (div_id) {
frame_id = 'downloadAllFrame'
if ($("#" + frame_id).length > 0)
frame = $($("#" + frame_id)[0])
function download_all(div_id) {
var frame_id = 'downloadAllFrame';
var frame = null;
if ($('#' + frame_id).length > 0)
frame = $($('#' + frame_id)[0]);
else {
frame = $('<iframe></iframe>')
frame.hide()
frame.attr('id', frame_id)
$('body').append(frame)
}
files = $(div_id).find('ul li a')
$.each(files, function(index, item) {
setTimeout(function() {
frame.attr('src', item.href)
}, index * 1000)
})
frame = $('<iframe></iframe>');
frame.hide();
frame.attr('id', frame_id);
$('body').append(frame);
}
var files = $(div_id).find('ul li a');
$.each(files, function (index, item) {
setTimeout(function () {
frame.attr('src', item.href);
}, index * 1000);
});
}
function Page_Distrubion(socket)
{
function Page_Distrubion(socket) {
/*
......@@ -60,549 +62,533 @@ function Page_Distrubion(socket)
*/
var socket = socket
var _e = config.events.client
var view = Utils.from_hash_to_view()
var sidebarOffset = 0
var new_lines = []
var _e = config.events.client;
var view = Utils.from_hash_to_view();
var sidebarOffset = 0;
var new_lines = [];
function __check_hash_makes_sense() {
if (window.location.hash.indexOf('..') >= 0) {
error.set("Detected '..' God Is Watching You !")
return false
error.set('Detected ".." God Is Watching You !');
return false;
}
if (! window.location.hash) {
welcome.show()
return false
if (!window.location.hash) {
welcome.show();
return false;
}
var info = window.location.hash.split('/')
var info = window.location.hash.split('/');
if (info.length == 2)
window.location.hash = info[0]
return true
window.location.hash = info[0];
return true;
}
var title = {
set: function(label) {
set: function (label) {
if (label) {
$('#title').html(label)
page_generic.set_window_title(label)
return
$('#title').html(label);
page_generic.set_window_title(label);
return;
}
var label = ''
var window_title = null
label = '';
var window_title = null;
if (Utils.check_view_file(view)) {
var complete_name = view.package.orig_name + '.' + view.file.name
window_title = complete_name
if (! view.file.path)
view.file.path = config.paths.debomatic + '/' + view.distribution.name + '/pool/' + view.package.orig_name + '/' + complete_name
label = complete_name + ' \
<a class="btn btn-link btn-lg" title="Download" href="' + view.file.path + '">\
<span class="glyphicon glyphicon-download-alt"></span>\
</a>'
}
else if (Utils.check_view_package(view))
label = view.package.orig_name
var complete_name = view.package.orig_name + '.' + view.file.name;
window_title = complete_name;
if (!view.file.path);
view.file.path = config.paths.debomatic + '/' + view.distribution.name + '/pool/' + view.package.orig_name + '/' + complete_name;
label = complete_name + '<a class="btn btn-link btn-lg" title="Download" href="' + view.file.path + '"> ' +
'<span class="glyphicon glyphicon-download-alt"></span></a>';
} else if (Utils.check_view_package(view))
label = view.package.orig_name;
else if (Utils.check_view_distribution(view))
label = view.distribution.name
$('#title').html(label)
label = view.distribution.name;
$('#title').html(label);
if (window_title)
label = window_title
page_generic.set_window_title(label)
label = window_title;
page_generic.set_window_title(label);
},
clean: function() {
$('#title').html('')
page_generic.set_window_title()
}
clean: function () {
$('#title').html('');
page_generic.set_window_title();
}
};
var packages = {
set: function (socket_data) {
packages.clean()
var tmp = Utils.clone(socket_data)
tmp.file = null
view.packages = {}
packages.clean();
var tmp = Utils.clone(socket_data);
tmp.file = null;
view.packages = {};
if (socket_data.distribution.packages && socket_data.distribution.packages.length > 0) {
socket_data.distribution.packages.forEach(function(p){
tmp.package = p
socket_data.distribution.packages.forEach(function (p) {
tmp.package = p;
// get datestamp if package is clicked
$('#packages ul').append('<li id="package-' + p.orig_name + '"><a href="' + Utils.from_view_to_hash(tmp) + '/datestamp">'+ p.name + ' <span>'+p.version+'</span></a></li>')
view.packages[p.orig_name] = Utils.clone(p)
})
packages.select()
}
else {
$('#packages ul').append('<li class="text-muted">No packages yet</li>')
$('#packages ul').append('<li id="package-' + p.orig_name + '"><a href="' +
Utils.from_view_to_hash(tmp) + '/datestamp">' + p.name + ' <span>' + p.version + '</span></a></li>');
view.packages[p.orig_name] = Utils.clone(p);
});
packages.select();
} else {
$('#packages ul').append('<li class="text-muted">No packages yet</li>');
}
packages.show()
sticky.updateOffset()
packages.show();
sticky.updateOffset();
},
clean: function () {
$('#packages ul').html('')
$('#packages ul').html('');
},
get: function () {
if (Utils.check_view_distribution(view)) {
var query_data = {}
query_data.distribution = view.distribution
debug_socket("emit", _e.distribution_packages.get, query_data)
socket.emit(_e.distribution_packages.get, query_data)
var query_data = {};
query_data.distribution = view.distribution;
debug_socket('emit', _e.distribution_packages.get, query_data);
socket.emit(_e.distribution_packages.get, query_data);
}
},
select: function() {
packages.unselect()
select: function () {
packages.unselect();
if (Utils.check_view_package(view)) {
$("#packages li[id='package-"+ view.package.orig_name + "']").addClass('active')
$('#packages li[id="package-' + view.package.orig_name + '"]').addClass('active');
}
},
unselect: function() {
$('#packages li').removeClass('active')
unselect: function () {
$('#packages li').removeClass('active');
},
set_status: function (status_data) {
// set status in view
if ( view.distribution.name == status_data.distribution
&& view.packages[status_data.package] )
{
view.packages[status_data.package].status = status_data.status
if (view.distribution.name == status_data.distribution && view.packages[status_data.package]) {
view.packages[status_data.package].status = status_data.status;
if (status_data.hasOwnProperty('success'))
view.packages[status_data.package].success = status_data.success
view.packages[status_data.package].success = status_data.success;
else
delete(view.packages[status_data.package].success)
delete(view.packages[status_data.package].success);
}
// and in html
var p_html = $("#packages li[id='package-"+ status_data.package + "'] a")
p_html.find('span.icon').remove()
p_html.append(Utils.get_status_icon_html(status_data))
if (Utils.check_view_package(view)
&& view.package.orig_name == status_data.package
&& view.distribution.name == status_data.distribution)
{
var p_html = $('#packages li[id="package-' + status_data.package + '"] a');
p_html.find('span.icon').remove();
p_html.append(Utils.get_status_icon_html(status_data));
if (Utils.check_view_package(view) && view.package.orig_name == status_data.package && view.distribution.name == status_data.distribution) {
// in case user is watching this package, update also view.package
view.package = Utils.clone(view.packages[status_data.package])
view.package = Utils.clone(view.packages[status_data.package]);
}
},
show: function() {
$("#packages").show()
show: function () {
$('#packages').show();
},
hide: function() {
$("#packages").hide()
}
hide: function () {
$('#packages').hide();
}
};
var files = {
set: function (socket_data) {
files.clean()
var tmp = Utils.clone(socket_data)
files.clean();
var tmp = Utils.clone(socket_data);
if (socket_data.package.files && socket_data.package.files.length > 0) {
// update view
view.package.files = Utils.clone(socket_data.package.files)
view.package.files = Utils.clone(socket_data.package.files);
// update html
socket_data.package.files.forEach(function(f){
tmp.file = f
var html_file = $('<li id="file-'+ f.orig_name +'"><a title="'+ f.orig_name +'" href="'+ Utils.from_view_to_hash(tmp) + '">' + f.name + '</a></li>')
html_file.on("click", function(){
files.select(this)
})
$('#logs ul').append(html_file)
})
$('#logs').show()
files.select()
socket_data.package.files.forEach(function (f) {
tmp.file = f;
var html_file = $('<li id="file-' + f.orig_name + '"><a title="' + f.orig_name + '" href="' +
Utils.from_view_to_hash(tmp) + '">' + f.name + '</a></li>');
html_file.on('click', function () {
files.select(this);
});
$('#logs ul').append(html_file);
});
$('#logs').show();
files.select();
}
if (socket_data.package.debs && socket_data.package.debs.length > 0) {
// update view
view.package.debs = Utils.clone(socket_data.package.debs)
view.package.debs = Utils.clone(socket_data.package.debs);
// update.html
socket_data.package.debs.forEach(function(f){
$('#debs ul').append('<li><a title="'+ f.orig_name +'" href="' + f.path + '">' + f.name +'</a> <span>.' + f.extension + '</span></li>')
})
$('#debs').show()
socket_data.package.debs.forEach(function (f) {
$('#debs ul').append('<li><a title="' + f.orig_name + '" href="' + f.path + '">' +
f.name + '</a> <span>.' + f.extension + '</span></li>');
});
$('#debs').show();
}
if (socket_data.package.sources && socket_data.package.sources.length > 0) {
// update view
view.package.sources = Utils.clone(socket_data.package.sources)
view.package.sources = Utils.clone(socket_data.package.sources);
// update html
socket_data.package.sources.forEach(function(f){
$('#sources ul').append('<li><a title="'+ f.orig_name +'" href="' + f.path + '">' + f.name +'</a></li>')
socket_data.package.sources.forEach(function (f) {
$('#sources ul').append('<li><a title="' + f.orig_name + '" href="' + f.path + '">' + f.name + '</a></li>');
})
$('#sources').show()
$('#sources').show();
}
files.show()
sticky.updateOffset()
files.show();
sticky.updateOffset();
},
clean: function() {
clean: function () {
$('#logs ul').html('');
$('#logs').hide()
$('#logs').hide();
$('#debs ul').html('');
$('#debs').hide();
$('#sources ul').html('')
$('#sources').hide()
files.hide()
$('#sources ul').html('');
$('#sources').hide();
files.hide();
},
get: function () {
if (Utils.check_view_package(view)) {
var query_data = {}
query_data.distribution = view.distribution
query_data.package = view.package
debug_socket("emit", _e.package_files_list.get, query_data)
socket.emit(_e.package_files_list.get, query_data)
var query_data = {};
query_data.distribution = view.distribution;
query_data.package = view.package;
debug_socket('emit', _e.package_files_list.get, query_data);
socket.emit(_e.package_files_list.get, query_data);
}
},
select: function() {
files.show()
files.unselect()
select: function () {
files.show();
files.unselect();
if (Utils.check_view_file(view)) {
$("#logs li[id='file-" + view.file.orig_name + "']").addClass('active')
$('#logs li[id="file-' + view.file.orig_name + '"]').addClass('active');
}
},
unselect: function() {
unselect: function () {
$('#logs li').removeClass('active');
},
hide: function() {
$('#files').hide()
hide: function () {
$('#files').hide();
},
show: function() {
$('#files').show()
show: function () {
$('#files').show();
},
}
};
var file = {
set: function(socket_data) {
view.file = Utils.clone(socket_data.file)
$("#file pre").html(socket_data.file.content)
$("#file").show()
set: function (socket_data) {
view.file = Utils.clone(socket_data.file);
$('#file pre').html(socket_data.file.content);
$('#file').show();
},
clean: function() {
$('#file pre').html('')
$('#file').hide()
clean: function () {
$('#file pre').html('');
$('#file').hide();
},
append: function(new_content) {
var content = $("#file pre")
content.append(new_content)
append: function (new_content) {
var content = $('#file pre');
content.append(new_content);
if (config.preferences.autoscroll) {
// scroll down if file is covering footer
var file_height = $("#fileOffset").offset().top
var footerOffset = $("footer").offset().top
var file_height = $('#fileOffset').offset().top;
var footerOffset = $('footer').offset().top;
if (file_height > footerOffset) {
debug(2, 'scoll down on new content')
$('html,body').animate({ scrollTop: file_height }, 0);
debug(2, 'scoll down on new content');
$('html,body').animate({
scrollTop: file_height
}, 0);
}
}
},
get: function() {
get: function () {
if (Utils.check_view_file(view)) {
var query_data = {}
query_data.distribution = view.distribution
query_data.package = view.package
query_data.file = view.file
query_data.file.content = null
var query_data = {};
query_data.distribution = view.distribution;
query_data.package = view.package;
query_data.file = view.file;
query_data.file.content = null;
// get a feedback to user while downloading file
$("#file pre").html("Downloading file, please wait a while ...")
$("#file").show()
debug_socket("emit", _e.file.get, query_data)
socket.emit(_e.file.get, query_data)
}
$('#file pre').html('Downloading file, please wait a while ...');
$('#file').show();
debug_socket('emit', _e.file.get, query_data);
socket.emit(_e.file.get, query_data);
}
}
};
var breadcrumb = {
update: function(label) {
update: function (label) {
if (label) {
$('.breadcrumb').html('<li class="active">' + label + '</li>')
return
}
hash = window.location.hash.replace('#', '')
var new_html = ''
var new_hash = '#'
var info = hash.split('/')
for (var i = 0; i < info.length ; i++) {
new_hash += info[i]
$('.breadcrumb').html('<li class="active">' + label + '</li>');
return;
}
var hash = window.location.hash.replace('#', '');
var new_html = '';
var new_hash = '#';
var info = hash.split('/');
for (var i = 0; i < info.length; i++) {
new_hash += info[i];
if (i == (info.length - 1))
new_html += '<li class="active">' + info[i] + '</li>'
new_html += '<li class="active">' + info[i] + '</li>';
else
new_html += '<li><a href="' + new_hash + '">' + info[i] + '</a>'
new_hash += '/'
}
$('.breadcrumb').html(new_html)
new_html += '<li><a href="' + new_hash + '">' + info[i] + '</a>';
new_hash += '/';
}
$('.breadcrumb').html(new_html);
}
};
// sticky sidebar
var sticky = {
init: function() {
if (sidebarOffset == 0)
return
init: function () {
if (sidebarOffset === 0)
return;
if ($(window).scrollTop() > sidebarOffset) {
sticky.show()
sticky.show();
} else {
sticky.hide()
sticky.updateOffset()
sticky.hide();
sticky.updateOffset();
}
},
start: function() {
$(window).scroll(sticky.init)
start: function () {
$(window).scroll(sticky.init);
},
stop: function() {
$(window).off("scroll")
stop: function () {
$(window).off('scroll');
},
reset: function() {
sticky.stop()
sticky.update()
sticky.init()
sticky.start()
reset: function () {
sticky.stop();
sticky.update();
sticky.init();
sticky.start();
},
show: function() {
show: function () {
if (config.preferences.sidebar) {
$("#sticky").addClass('fixed')
$('#sticky').addClass('fixed');
}
debug(2, "showing sticky")
$("#sticky-package").fadeIn()
debug(2, 'showing sticky');
$('#sticky-package').fadeIn();
},
hide: function() {
$("#sticky").removeClass('fixed')
$("#sticky-package").fadeOut(150)
hide: function () {
$('#sticky').removeClass('fixed');
$('#sticky-package').fadeOut(150);
},
update: function() {
sticky.updateOffset()
update: function () {
sticky.updateOffset();
if (Utils.check_view_distribution(view))
$("#sticky-package .distribution").html(view.distribution.name)
$('#sticky-package .distribution').html(view.distribution.name);
if (Utils.check_view_package(view)) {
$("#sticky-package .name").html(view.package.name)
$("#sticky-package .version").html(view.package.version)
sticky.set_status()
$('#sticky-package .name').html(view.package.name);
$('#sticky-package .version').html(view.package.version);
sticky.set_status();
}
},
updateOffset: function() {
var sidebar = $("#files")
sidebarOffset = sidebar.offset().top
updateOffset: function () {
var sidebar = $('#files');
sidebarOffset = sidebar.offset().top;
},
set_status: function(status_data) {
if (! status_data) {
status_data = {}
status_data.distribution = view.distribution.name
status_data.package = view.package.orig_name
status_data.status = view.package.status
set_status: function (status_data) {
if (!status_data) {
status_data = {};
status_data.distribution = view.distribution.name;
status_data.package = view.package.orig_name;
status_data.status = view.package.status;
if (view.package.hasOwnProperty('success'))
status_data.success = view.package.success
status_data.success = view.package.success;
}
if ( Utils.check_view_package(view)
&& status_data.distribution == view.distribution.name
&& status_data.package == view.package.orig_name)
{
if (Utils.check_view_package(view) && status_data.distribution == view.distribution.name && status_data.package == view.package.orig_name) {
// update html
var info = Utils.get_status_icon_and_class(status_data)
var panel = $("#sticky-package-content")
panel.removeClass()
panel.addClass('panel panel-' + info.className)
var div = $("#sticky-package .status")
div.find('span.icon').remove()
div.append(Utils.get_status_icon_html(status_data))
}
var info = Utils.get_status_icon_and_class(status_data);
var panel = $('#sticky-package-content');
panel.removeClass();
panel.addClass('panel panel-' + info.className);
var div = $('#sticky-package .status');
div.find('span.icon').remove();
div.append(Utils.get_status_icon_html(status_data));
}
}
};
var error = {
set: function(socket_error) {
$("#error span").html(socket_error)
error.view()
set: function (socket_error) {
$('#error span').html(socket_error);
error.view();
},
clean: function() {
$("#error").hide()
$("#error span").html('')
clean: function () {
$('#error').hide();
$('#error span').html('');
},
view: function() {
$("#error").fadeIn(100)
title.set("Something is wrong ...")
breadcrumb.update('Something is wrong ...')
file.clean()
files.hide()
unselect()
view: function () {
$('#error').fadeIn(100);
title.set('Something is wrong ...');
breadcrumb.update('Something is wrong ...');
file.clean();
files.hide();
unselect();
},
}
};
var welcome = {
set: function(distributions) {
welcome.clean()
if(distributions.length < 1) {
$('#welcome').append('<p class="lead text-muted">There is no distribution at the moment</p>')
}
else {
distributions.forEach(function (name){
$('#welcome').append('<a class="btn btn-lg btn-primary" href="'+ config.paths.distribution + '#'+ name + '">' + name + '</a>');
set: function (distributions) {
welcome.clean();
if (distributions.length < 1) {
$('#welcome').append('<p class="lead text-muted">There is no distribution at the moment</p>');
} else {
distributions.forEach(function (name) {
$('#welcome').append('<a class="btn btn-lg btn-primary" href="' + config.paths.distribution +
'# ' + name + '">' + name + '</a>');
});
}
},
show: function() {
title.set("Please select a distribution")
breadcrumb.update("Select a distribution")
packages.hide()
file.clean()
files.hide()
unselect()
$("#welcome").show()
show: function () {
title.set('Please select a distribution');
breadcrumb.update('Select a distribution');
packages.hide();
file.clean();
files.hide();
unselect();
$('#welcome').show();
},
clean: function() {
$("#welcome").html('')
clean: function () {
$('#welcome').html('');
},
hide: function() {
$("#welcome").hide()
}
hide: function () {
$('#welcome').hide();
}
};
var preferences = function() {
if (! config.preferences.sidebar) {
debug(2, "no sidebar - updating html")
$("#sidebar").removeClass()
$("#sidebar").addClass("col-md-12 row")
$("#packages").addClass("col-md-4")
$("#logs").addClass("col-md-4")
$("#files .others").addClass("col-md-4")
$("#main").removeClass().addClass("col-md-12")
$("#sticky-package").addClass("on-top")
var preferences = function () {
if (!config.preferences.sidebar) {
debug(2, 'no sidebar - updating html');
$('#sidebar').removeClass();
$('#sidebar').addClass('col-md-12 row');
$('#packages').addClass('col-md-4');
$('#logs').addClass('col-md-4');
$('#files .others').addClass('col-md-4');
$('#main').removeClass().addClass('col-md-12');
$('#sticky-package').addClass('on-top');
}
if (! config.preferences.file_background) {
$("#file pre").addClass("no-background")
}
$("#file pre").css('font-size', config.preferences.file_fontsize)
if (!config.preferences.file_background) {
$('#file pre').addClass('no-background');
}
$('#file pre').css('font-size', config.preferences.file_fontsize);
};
var select = function() {
unselect()
var select = function () {
unselect();
if (Utils.check_view_distribution(view)) {
$("#distributions li[id='distribution-" + view.distribution.name + "']").addClass('active')
}
packages.select()
files.select()
}
var unselect = function() {
$('#distributions li').removeClass('active')
files.unselect()
packages.unselect()
}
var clean = function() {
welcome.hide()
title.clean()
packages.clean()
files.clean()
file.clean()
unselect()
breadcrumb.update()
error.clean()
}
$('#distributions li[id="distribution-' + view.distribution.name + '"]').addClass('active');
}
packages.select();
files.select();
};
var unselect = function () {
$('#distributions li').removeClass('active');
files.unselect();
packages.unselect();
};
var clean = function () {
welcome.hide();
title.clean();
packages.clean();
files.clean();
file.clean();
unselect();
breadcrumb.update();
error.clean();
};
var update = {
page: function(old_view) {
if ( ! old_view
|| ! Utils.check_view_distribution(old_view)
|| ! Utils.check_view_distribution(view)
|| view.distribution.name != old_view.distribution.name
|| ! view.package.orig_name
)
{ // new distribution view
populate()
return
}
else if ( ! Utils.check_view_package(old_view) ||
! Utils.check_view_package(view) ||
view.package.orig_name != old_view.package.orig_name )
{ // new package view
files.get()
file.get()
}
else if ( ! Utils.check_view_file(old_view) ||
! Utils.check_view_file(view) ||
view.file.name != old_view.file.name )
{ // new file view
file.get()
}
update.view(view)
},
view : function() {
error.clean()
title.set()
breadcrumb.update()
select()
sticky.reset()
}
}
page: function (old_view) {
if (!old_view || !Utils.check_view_distribution(old_view) || !Utils.check_view_distribution(view) || view.distribution.name != old_view.distribution.name || !view.package.orig_name) { // new distribution view
populate();
return;
} else if (!Utils.check_view_package(old_view) || !Utils.check_view_package(view) ||
view.package.orig_name != old_view.package.orig_name) { // new package view
files.get();
file.get();
} else if (!Utils.check_view_file(old_view) || !Utils.check_view_file(view) ||
view.file.name != old_view.file.name) { // new file view
file.get();
}
update.view(view);
},
view: function () {
error.clean();
title.set();
breadcrumb.update();
select();
sticky.reset();
}
};
var populate = function () {
clean()
packages.get()
files.get()
file.get()
update.view()
}
clean();
packages.get();
files.get();
file.get();
update.view();
};
this.start = function () {
socket.on(config.events.error, function(socket_error) {
debug_socket("received", config.events.error, socket_error)
error.set(socket_error)
})
socket.on(config.events.error, function (socket_error) {
debug_socket('received', config.events.error, socket_error);
error.set(socket_error);
});
socket.on(config.events.broadcast.distributions, function (socket_data) {
debug_socket("received", config.events.broadcast.distributions, socket_data)
welcome.set(socket_data)
})
debug_socket('received', config.events.broadcast.distributions, socket_data);
welcome.set(socket_data);
});
socket.on(_e.distribution_packages.set, function (socket_data){
debug_socket("received", _e.distribution_packages.set, socket_data)
packages.set(socket_data)
})
socket.on(_e.distribution_packages.set, function (socket_data) {
debug_socket('received', _e.distribution_packages.set, socket_data);
packages.set(socket_data);
});
socket.on(_e.distribution_packages.status, function (socket_data){
debug_socket("received", _e.distribution_packages.set, socket_data)
packages.set_status(socket_data)
sticky.set_status(socket_data)
})
socket.on(_e.distribution_packages.status, function (socket_data) {
debug_socket('received', _e.distribution_packages.set, socket_data);
packages.set_status(socket_data);
sticky.set_status(socket_data);
});
socket.on(config.events.broadcast.status_update, function (socket_data){
packages.set_status(socket_data)
sticky.set_status(socket_data)
})
socket.on(config.events.broadcast.status_update, function (socket_data) {
packages.set_status(socket_data);
sticky.set_status(socket_data);
});
socket.on(_e.package_files_list.set, function (socket_data){
debug_socket("received", _e.package_files_list.set, socket_data)
files.set(socket_data)
})
socket.on(_e.package_files_list.set, function (socket_data) {
debug_socket('received', _e.package_files_list.set, socket_data);
files.set(socket_data);
});
socket.on(_e.file.set, function (socket_data) {
debug_socket("received", _e.file.set, socket_data)
file.set(socket_data)
})
debug_socket('received', _e.file.set, socket_data);
file.set(socket_data);
});
socket.on(_e.file_newcontent, function (socket_data) {
debug_socket("received", _e.file_newcontent, socket_data)
new_lines.push(socket_data.file.new_content)
})
debug_socket('received', _e.file_newcontent, socket_data);
new_lines.push(socket_data.file.new_content);
});
$(window).on('hashchange', function() {
if (! __check_hash_makes_sense())
return
var old_view = Utils.clone(view)
var new_view = Utils.from_hash_to_view()
$(window).on('hashchange', function () {
if (!__check_hash_makes_sense())
return;
var old_view = Utils.clone(view);
var new_view = Utils.from_hash_to_view();
// reset current view
view.distribution = Utils.clone(new_view.distribution)
view.package = Utils.clone(new_view.package)
view.distribution = Utils.clone(new_view.distribution);
view.package = Utils.clone(new_view.package);
if (view.packages[new_view.package.orig_name])
view.package = Utils.clone(view.packages[new_view.package.orig_name])
view.file = Utils.clone(new_view.file)
update.page(old_view)
$('html,body').animate({scrollTop: 0}, 0);
debug(1, "changing view", "old:", old_view, "new:", view)
view.package = Utils.clone(view.packages[new_view.package.orig_name]);
view.file = Utils.clone(new_view.file);
update.page(old_view);
$('html,body').animate({
scrollTop: 0
}, 0);
debug(1, 'changing view', 'old:', old_view, 'new:', view);
});
if (! __check_hash_makes_sense())
return
populate()
if (!__check_hash_makes_sense())
return;
populate();
// Init sticky-package back_on_top on click
$("#sticky-package").on("click", function(){
$('html,body').animate({scrollTop: 0}, 100);
})
$('#sticky-package').on('click', function () {
$('html,body').animate({
scrollTop: 0
}, 100);
});
// WORKAROUND:
// when page is loaded sidebar has offset().top
......@@ -615,15 +601,15 @@ function Page_Distrubion(socket)
// Append lines every 200 mills.
function watch_for_new_lines() {
if (new_lines.length > 0) {
file.append(new_lines.join(''))
new_lines = []
file.append(new_lines.join(''));
new_lines = [];
}
setTimeout(watch_for_new_lines, 200);
}
watch_for_new_lines()
watch_for_new_lines();
// Update html according with preferences
preferences()
preferences();
}
};
}
debomatic-webui/public/javascripts/page_generic.js
View file @ c0c918ec
function Page_Generic()
{
var _e = config.events
'use strict';
function Page_Generic() {
var _e = config.events;
function __get_status_html_id(status_data) {
var result = 'status-' + status_data.status + '-' + status_data.distribution
var result = 'status-' + status_data.status + '-' + status_data.distribution;
if (status_data.hasOwnProperty('package'))
result += '-' + status_data.package
return result
result += '-' + status_data.package;
return result;
}
function __get_status_html_href(status_data) {
result = config.paths.distribution + '#' + status_data.distribution
result = config.paths.distribution + '#' + status_data.distribution;
if (status_data.hasOwnProperty('package'))
result += '/' + status_data.package.replace('_', '/') + '/datestamp'
return result
result += '/' + status_data.package.replace('_', '/') + '/datestamp';
return result;
}
function __get_status_html_title(status_data) {
result = status_data.status + ': ' + status_data.distribution
result = status_data.status + ': ' + status_data.distribution;
if (status_data.hasOwnProperty('package'))
result += ' > ' + status_data.package
result += ' > ' + status_data.package;
if (status_data.hasOwnProperty('uploader') && status_data.uploader.length > 0)
result += ' by ' + status_data.uploader
return result
result += ' by ' + status_data.uploader;
return result;
}
function __get_status_html_inner(status_data) {
if (status_data.hasOwnProperty('package'))
return status_data.package;
return status_data.distribution
return status_data.distribution;
}
function __get_status_html(status_data) {
var _s = status_data
var li = $('<li></li>')
li.attr('id', __get_status_html_id(status_data))
var button = $('<a></a>')
button.addClass('btn btn-xs')
button.addClass(_s.status)
button.attr('title', __get_status_html_title(_s))
button.attr('href', __get_status_html_href(_s))
button.html(__get_status_html_inner(_s))
var info = Utils.get_status_icon_and_class(_s)
button.addClass('btn-' + info.className)
var _s = status_data;
var li = $('<li></li>');
li.attr('id', __get_status_html_id(status_data));
var button = $('<a></a>');
button.addClass('btn btn-xs');
button.addClass(_s.status);
button.attr('title', __get_status_html_title(_s));
button.attr('href', __get_status_html_href(_s));
button.html(__get_status_html_inner(_s));
var info = Utils.get_status_icon_and_class(_s);
button.addClass('btn-' + info.className);
// add icon
button.html(button.html() + ' ' + Utils.get_status_icon_html(_s))
li.html(button)
var result = $('<div></div>')
result.html(li)
return result.html()
button.html(button.html() + ' ' + Utils.get_status_icon_html(_s));
li.html(button);
var result = $('<div></div>');
result.html(li);
return result.html();
}
var distributions = {
set: function(distributions) {
set: function (distributions) {
$('#distributions ul').html('');
if(distributions.length < 1) {
$('#distributions ul').append('<li><a title="There is no distribution at the moment" onclick="return false">None</li>')
}
else {
distributions.forEach(function (name){
$('#distributions ul').append('<li id="distribution-' + name +'"><a href="'+ config.paths.distribution + '#'+ name + '">' + name + '</a></li>');
if (distributions.length < 1) {
$('#distributions ul').append('<li><a title="There is no distribution at the moment" onclick="return false">None</li>');
} else {
distributions.forEach(function (name) {
$('#distributions ul').append('<li id="distribution-' + name + '"><a href="' + config.paths.distribution + '#' + name + '">' + name + '</a></li>');
});
if (window.location.pathname == config.paths.distribution) {
var data = Utils.from_hash_to_view()
var data = Utils.from_hash_to_view();
if (Utils.check_view_distribution(data)) {
$("#distributions li[id='distribution-" + data.distribution.name + "']").addClass('active')
$('#distributions li[id="distribution-' + data.distribution.name + '"]').addClass('active');
}
}
}
......@@ -72,107 +72,104 @@ function Page_Generic()
}
var status = {
set: function(data_status) {
$("#status ul").html('')
set: function (data_status) {
$("#status ul").html('');
if (data_status.length > 0) {
data_status.forEach(function(s){
status.append(s)
data_status.forEach(function (s) {
status.append(s);
})
}
},
append: function(status_data) {
$('#status .idle').hide()
$("#status ul").append(__get_status_html(status_data))
append: function (status_data) {
$('#status .idle').hide();
$("#status ul").append(__get_status_html(status_data));
},
update: function(status_data) {
update: function (status_data) {
var li = $("#status li[id='" + __get_status_html_id(status_data) + "']")
if (li.length > 0
&& status_data.hasOwnProperty('success'))
{
var li = $('#status li[id="' + __get_status_html_id(status_data) + '"]');
if (li.length > 0 && status_data.hasOwnProperty('success')) {
// Update color and icon
li = $(li[0])
li.html($(__get_status_html(status_data)).children())
li.attr('id', '')
li = $(li[0]);
li.html($(__get_status_html(status_data)).children());
li.attr('id', '');
// This is a chain to have a fadeOut and correctly
// delete status li from list.
// The first timemout fades out the status element.
setTimeout(function() {
li.children().fadeOut(config.status.delay.fadeOut)
setTimeout(function () {
li.children().fadeOut(config.status.delay.fadeOut);
// Then resize list.
setTimeout(function() {
li.animate({width: 'toggle'})
}, config.status.delay.fadeOut)
setTimeout(function () {
li.animate({
width: 'toggle'
});
}, config.status.delay.fadeOut);
// Finally remove status html
// and show idle label if necessary.
setTimeout(function() {
li.remove()
if ($('#status li').length == 0)
$('#status .idle').show()
}, config.status.delay.remove + 2000) // more delay on remove html
}, config.status.delay.remove)
}
else if (!status_data.hasOwnProperty('success')) {
status.append(status_data)
setTimeout(function () {
li.remove();
if ($('#status li').length === 0);
$('#status .idle').show();
}, config.status.delay.remove + 2000); // more delay on remove html
}, config.status.delay.remove);
} else if (!status_data.hasOwnProperty('success')) {
status.append(status_data);
}
},
}
};
this.preferences = function() {
this.preferences = function () {
if (config.preferences.header) {
$("#pageheader").show()
$(".navbar .home-link").hide()
}
else {
$("#pageheader").hide()
$(".navbar .home-link").show()
$('#pageheader').show();
$('.navbar .home-link').hide();
} else {
$('#pageheader').hide();
$('.navbar .home-link').show();
}
if (config.preferences.glossy_theme) {
if ($("head").find("link[href='/external_libs/bootstrap-3.1.1-dist/css/bootstrap-theme.min.css']").length == 0)
$("head").append('<link rel="stylesheet" href="/external_libs/bootstrap-3.1.1-dist/css/bootstrap-theme.min.css">')
}
else {
$("head").find("link[href='/external_libs/bootstrap-3.1.1-dist/css/bootstrap-theme.min.css']").remove()
}
if ($('head').find('link[href="/external_libs/bootstrap-3.1.1-dist/css/bootstrap-theme.min.css"]').length === 0)
$('head').append('<link rel="stylesheet" href="/external_libs/bootstrap-3.1.1-dist/css/bootstrap-theme.min.css">');
} else {
$('head').find('link[href="/external_libs/bootstrap-3.1.1-dist/css/bootstrap-theme.min.css"]').remove();
}
};
this.set_window_title = function (label) {
var window_title_separator = ' \u00ab '
var window_title_separator = ' \u00ab ';
if (label)
window.document.title = label + window_title_separator + config.title
window.document.title = label + window_title_separator + config.title;
else
window.document.title = config.title
}
window.document.title = config.title;
};
this.start = function (socket) {
// update distributions
socket.on(_e.broadcast.distributions, function(socket_distributions) {
debug_socket("received", _e.broadcast.distributions, socket_distributions)
distributions.set(socket_distributions)
socket.on(_e.broadcast.distributions, function (socket_distributions) {
debug_socket('received', _e.broadcast.distributions, socket_distributions);
distributions.set(socket_distributions);
});
socket.on(_e.client.status, function(socket_status) {
debug_socket("received", _e.client.status, socket_status)
status.set(socket_status)
})
socket.on(_e.client.status, function (socket_status) {
debug_socket('received', _e.client.status, socket_status);
status.set(socket_status);
});
socket.on(_e.broadcast.status_update, function(package_status) {
debug_socket("received", _e.broadcast.status_update, package_status)
status.update(package_status)
})
socket.on(_e.broadcast.status_update, function (package_status) {
debug_socket('received', _e.broadcast.status_update, package_status);
status.update(package_status);
});
socket.on(_e.error, function(error) {
console.error("socket > " + error)
})
}
socket.on(_e.error, function (error) {
console.error('socket > ' + error);
});
};
// select current page in navbar
if (window.location.pathname != config.paths.distribution) {
$(".navbar li a[href='" + window.location.pathname + "']").parent().addClass("active")
$('.navbar li a[href="' + window.location.pathname + '"]').parent().addClass('active');
}
// update html according with preferences
this.preferences()
this.preferences();
}
debomatic-webui/public/javascripts/preferences.js
View file @ c0c918ec
'use strict';
function Preferences() {
// update config.preferences according with user choices
var load = function () {
for (key in config.preferences) {
if ((value = localStorage.getItem(key))) {
debug(2, 'loading preference', key, value)
config.preferences[key] = JSON.parse(value)
}
for (var key in config.preferences) {
var value = localStorage.getItem(key);
if (value) {
debug(2, 'loading preference', key, value);
config.preferences[key] = JSON.parse(value);
}
}
};
// set prefence
var set = function (key, value) {
if (config.preferences.hasOwnProperty(key)) {
debug(1, 'setting preference', key, value)
localStorage.setItem(key, value)
config.preferences[key] = JSON.parse(value)
}
debug(1, 'setting preference', key, value);
localStorage.setItem(key, value);
config.preferences[key] = JSON.parse(value);
}
};
// init prefence page
this.initPage = function() {
this.initPage = function () {
page_generic.set_window_title("Preferences")
page_generic.set_window_title('Preferences');
// set view according with config.preferences
for (key in config.preferences) {
var element = $("#preferences #" + key)
if (element.attr('type') == "checkbox") {
element.prop('checked', config.preferences[key])
}
else {
element.val(config.preferences[key])
for (var key in config.preferences) {
var element = $('#preferences #' + key);
if (element.attr('type') == 'checkbox') {
element.prop('checked', config.preferences[key]);
} else {
element.val(config.preferences[key]);
}
}
// on input change, set prefence
$("#preferences input, #preferences select").change(function() {
var key = $(this).attr('id')
var value = $(this).val()
$('#preferences input, #preferences select').change(function () {
var key = $(this).attr('id');
var value = $(this).val();
if ($(this).attr('type') == 'checkbox')
value = $(this).is(':checked')
set(key,value)
value = $(this).is(':checked');
set(key, value);
// give to user an immediate feedback changing preferences
page_generic.preferences()
})
}
page_generic.preferences();
});
};
load()
load();
}
debomatic-webui/public/javascripts/utils.js
View file @ c0c918ec
'use strict';
var Utils = {
from_hash_to_view: function (hash) {
if (! hash )
hash = window.location.hash
hash = hash.replace('#', '')
info = hash.split('/');
var view = {}
view.distribution = {}
view.packages = {}
view.package = {}
view.file = {}
if (!hash)
hash = window.location.hash;
hash = hash.replace('#', '');
var info = hash.split('/');
var view = {};
view.distribution = {};
view.packages = {};
view.package = {};
view.file = {};
if (info.length >= 1) {
view.distribution.name = info[0];
}
if (info.length >= 3){
if (info.length >= 3) {
view.package.name = info[1];
view.package.version = info[2];
view.package.orig_name = view.package.name + '_' + view.package.version
view.package.orig_name = view.package.name + '_' + view.package.version;
}
if (info.length >= 4) {
view.file.name = info[3]
view.file.orig_name = view.package.orig_name + '.' + view.file.name
view.file.name = info[3];
view.file.orig_name = view.package.orig_name + '.' + view.file.name;
}
return view
return view;
},
from_view_to_hash: function (view) {
hash = "#"
var hash = '#';
if (Utils.check_view_distribution(view)) {
hash = hash + view.distribution.name
hash = hash + view.distribution.name;
if (Utils.check_view_package(view)) {
hash = hash + '/' + view.package.name + "/" + view.package.version
hash = hash + '/' + view.package.name + '/' + view.package.version;
if (Utils.check_view_file(view))
hash = hash + '/' + view.file.name
hash = hash + '/' + view.file.name;
}
}
return hash
return hash;
},
check_view_distribution: function(view) {
return view && view.distribution && view.distribution.name
check_view_distribution: function (view) {
return view && view.distribution && view.distribution.name;
},
check_view_package: function(view) {
return Utils.check_view_distribution(view) && view.package && view.package.name && view.package.version && view.package.orig_name
check_view_package: function (view) {
return Utils.check_view_distribution(view) && view.package && view.package.name && view.package.version && view.package.orig_name;
},
check_view_file: function(view) {
return Utils.check_view_package(view) && view.file && view.file.name
check_view_file: function (view) {
return Utils.check_view_package(view) && view.file && view.file.name;
},
get_status_icon_and_class: function (status_data) {
var _c = config.status.className
var _i = config.status.icons
var _s = status_data
var className = null
var icon = null
var _c = config.status.className;
var _i = config.status.icons;
var _s = status_data;
var className = null;
var icon = null;
if (_s.hasOwnProperty('success')) {
if (_s.success == true) {
className = _c.success
icon = _i.success
}
else {
className = _c.fail
icon = _i.fail
if (_s.success === true) {
className = _c.success;
icon = _i.success;
} else {
className = _c.fail;
icon = _i.fail;
}
}
else {
className = _c[_s.status]
icon = _i[_s.status]
} else {
className = _c[_s.status];
icon = _i[_s.status];
}
// do not change color if update or create and successed
if (_s.success == true &&
_s.status != config.status.build)
{
className = _c[_s.status]
if (_s.success === true &&
_s.status != config.status.build) {
className = _c[_s.status];
}
return {
className: className,
icon: icon
}
};
},
get_status_icon_html: function (status_data) {
info = Utils.get_status_icon_and_class(status_data)
return '<span class="icon glyphicon glyphicon-' + info.icon + '"></span>'
var info = Utils.get_status_icon_and_class(status_data);
return '<span class="icon glyphicon glyphicon-' + info.icon + '"></span>';
},
// clone an object via JSON
clone: function (object) {
return JSON.parse(JSON.stringify(object));
}
}
};
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment