summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBelen Barros <belen.barros.pena@intel.com>2014-01-27 14:05:54 +0000
committerRichard Purdie <richard.purdie@linuxfoundation.org>2014-02-17 15:38:52 +0000
commit985017af3dd73c58ff6fa6e6e7cc630e56ba9445 (patch)
tree7b43f8215f27f9df2e2d9c1ae2c603e7d432902a
parentb4416e324fa982db305e7bd1a23ce4677d4355aa (diff)
downloadpoky-985017af3dd73c58ff6fa6e6e7cc630e56ba9445.tar.gz
poky-985017af3dd73c58ff6fa6e6e7cc630e56ba9445.tar.bz2
poky-985017af3dd73c58ff6fa6e6e7cc630e56ba9445.zip
bitbake: toaster: Clean up main.js
Clean up main.js to leave only what is being used in the design prototype. Initialise the Bootstrap tooltips for any anchor tag inside a table heading with the btn-primary class applied. This effectively styles the title attribute of the applied filters to look like all other Toaster tooltips. (Bitbake rev: 71a07268c3a2e969c088ef9f6bcf4c54254b3600) Signed-off-by: Belen Barros <belen.barros.pena@intel.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
-rw-r--r--[-rwxr-xr-x]bitbake/lib/toaster/toastergui/static/js/main.js476
1 files changed, 32 insertions, 444 deletions
diff --git a/bitbake/lib/toaster/toastergui/static/js/main.js b/bitbake/lib/toaster/toastergui/static/js/main.js
index 4c236689d4..52e0084095 100755..100644
--- a/bitbake/lib/toaster/toastergui/static/js/main.js
+++ b/bitbake/lib/toaster/toastergui/static/js/main.js
@@ -1,200 +1,4 @@
-// Create a namespace
-var yocto = yocto || {};
-
-
-// Utilities
-yocto.utils = function() {
- return {
- document: jQuery(document),
- window: jQuery(window),
- body: jQuery('body')
- };
-}();
-
-// Links opening file browsers
-yocto.files = function() {
- var links = jQuery('.file-type');
- return {
- init: function() {
- links.each(this.each);
- links.click(this.click);
- },
- each: function() {
- var form = jQuery(this.hash);
- var file = form.find('[type=file]');
- file.change(function() {
- form.trigger('submit');
- });
- },
- click: function(e) {
- var form = jQuery(this.hash);
- var file = form.find('[type=file]');
- file.trigger('click');
- e.preventDefault();
- }
- };
-}();
-
-yocto.users = function() {
- var table = jQuery('#user-list');
- return {
- init: function() {
- this.permissions.init();
- },
- permissions: {
- init: function() {
- var inputs = table.find('[type=checkbox]');
- inputs.removeAttr('disabled').removeAttr('checked');
- inputs.click(this.click);
- },
- click: function() {
- var checkbox = jQuery(this);
- var siblings = checkbox.parents('tr').find('[name=' + this.name + ']');
- var chain = jQuery('[class^="' + this.className + '"]');
-
- if (checkbox.is(':checked')) {
- siblings.removeAttr('checked');
- chain.prop('checked', true);
- chain.prop('disabled', true);
- checkbox.prop('disabled', false);
- }
- else {
- siblings.removeAttr('disabled').removeAttr('checked');
- }
- }
- }
- };
-}();
-
-yocto.branches = function() {
- var modal = jQuery('#branchModal');
- var triggers = jQuery('a.branchModal');
- var branches = modal.find('table a');
- var current = triggers.filter(':first');
- return {
- init: function() {
- triggers.click(this.click);
- branches.click(this.close);
- },
- click: function(e) {
- current = jQuery(this);
- modal.modal('show');
- },
- close: function() {
- current.text(this.text);
- modal.modal('hide');
- }
- };
-}();
-
-yocto.dependencies = function() {
- var images = jQuery('.dependencies-graph');
- var table = jQuery('.dependencies-table');
- var input = jQuery('#recommended-show');
- return {
- init: function() {
- input.removeAttr('checked');
- input.click(this.click);
- images.hover(this.in, this.out);
- },
- click: function() {
- if (input.is(':checked')) {
- images.addClass(this.id);
- table.addClass(this.id);
- }
- else {
- images.removeClass(this.id);
- table.removeClass(this.id);
- }
- },
- in: function() {
- table.addClass('hover');
- },
- out: function() {
- table.removeClass('hover');
- }
- }
-}();
-
-$('.dropdown-toggle').dropdown();
-$('.popover-toggle').popover();
-$('.alert').alert();
-
-// Initialise all
-yocto.init = function() {
- yocto.files.init();
- yocto.users.init();
- yocto.dependencies.init();
- yocto.branches.init();
-}();
-
-
$(document).ready(function() {
- /*
- * Table filtering.
- *
- */
- // Enable table filtering using the search input
- /*$('.filter').on('keyup', function() {
- var $this = $(this);
- var target = $this.attr('data-filter');
- var filter = $this.val().toLowerCase();
- if (target) {
- // Retrieve array of td's that this input provides filtering for
- var candidates = $('td[data-filter=' + target + ']');
- candidates.each(function() {
- if (filter) {
- var innerText = $(this).text().toLowerCase();
- if (innerText.indexOf(filter) === -1) {
- $(this).closest('tr').hide();
- }
- } else {
- // Restore hidden rows
- $(this).closest('tr').show();
- }
- });
- }
- });*/
-
- /*
- * Table sorting
- *
- */
- // Init tablesorter plugin
- //$('.tablesorter').tablesorter();
-
- // Append sort icon to each table header
- //$('.tablesorter th').append('&nbsp;<i class="sort icon-sort"></i>');
-
- // Update/change sort icon (up or down) when sort happens
- $('.tablesorter').on('sortEnd', function() {
- $(this).find('th').each(function() {
- var $this = $(this);
- // sort icon for this th
- var $icon = $(this).find('.sort');
- // switch icon depending on current sort status
- if ($this.hasClass('headerSortUp')) {
- $icon.attr('class', 'sort icon-caret-up');
- } else if ($this.hasClass('headerSortDown')) {
- $icon.attr('class', 'sort icon-caret-down');
- } else {
- $icon.attr('class', 'sort');
- }
- });
- });
-
- /*
- * Collapse plugin.
- *
- */
- $('.collapse').on('hide', function() {
- $(this).siblings('[class="icon-caret-down"]').attr('class', 'icon-caret-right');
- $(this).parent().find('[class="icon-caret-down"]').attr('class', 'icon-caret-right');
- });
- $('.collapse').on('show', function() {
- $(this).siblings('[class="icon-caret-right"]').attr('class', 'icon-caret-down');
- $(this).parent().find('[class="icon-caret-right"]').attr('class', 'icon-caret-down');
- });
/*
* PrettyPrint plugin.
@@ -203,240 +7,56 @@ $(document).ready(function() {
// Init
prettyPrint();
- /*
- * Misc
- *
- */
- // Prevent clicking on muted (disabled) link
- /* $('a.muted, div.muted').click(function() {
- return false;
-
- // Show tooltip for disabled links
- }).tooltip({
- title: 'Link is not functional in this demo.',
- delay: {
- show: 400,
- hide: 0
- }
- });*/
-
- /*$('table').tooltip({
- title: 'Sorting disabled',
- delay: {
- show: 400,
- hide: 0
- }
- });*/
-
- $('.info').tooltip();
-
- // Box functions on project-build page
- $('.box-close').click(function() {
- $(this).closest('.box').hide(100);
- });
-
- $('[name=highlight-row]').click(function() {
- var parent = jQuery(this).parents('tr:first');
- if (this.type == 'radio') {
- parent.siblings().removeClass('selected');
- }
- if (this.checked) {
- parent.addClass('selected');
- }
- else {
- parent.removeClass('selected');
- }
- });
-
- /*$('a.error, a.warning').each(function() {
- this.href = 'all-tasks.html?filter=' + this.className;
- });
-
- $('.icon-minus-sign.warning').each(function() {
- jQuery(this).next('a').attr('href', 'all-tasks.html?filter=warning');
- });
-
- $('.icon-minus-sign.error').each(function() {
- jQuery(this).next('a').attr('href', 'all-tasks.html?filter=error');
- });
-
- $('#failedbuild').each(function() {
- this.href = '#';
- });
-
- if (location.href.search('filter=') > -1) {
- var filter = location.href.split('filter=')[1];
- var cells = jQuery('.' + filter);
- //jQuery('tr').hide();
- $("tbody > tr").hide();
- cells.each(function() {
- if($(this).is('a')) {
- jQuery(this).parents('tr').show();
- }
- });
- }*/
-
// Prevent invalid links from jumping page scroll
$('a[href=#]').click(function() {
return false;
});
- jQuery('#project-project-files-search-results').each(function() {
- jQuery('input.' + this.id).val(jQuery(this).text());
- });
- jQuery('.bar.building').each(function() {
- var bar = jQuery(this);
- bar.animate({
- width: '100%'
- }, {
- duration: parseInt(bar.attr('data-time')),
- complete: function() {
- location.href = bar.attr('data-url');
- }
- });
- });
+ /* Belen's additions */
- jQuery('#project-build-packages').each(function() {
- var link = this;
- var size = jQuery('[href=#size]');
- var dependencies = jQuery('[href=#dependencies]');
- size.click(function() {
- link.href = 'project-build-packages.html';
- });
- dependencies.click(function() {
- link.href = 'project-build-packages-dependencies.html';
- });
- });
+ // enable popovers in any table cells that contain an anchor with the
+ // .btn class applied
+ $('td > a.btn').popover({html:true, container:'body', placement:'left'});
- if (location.href.search('tab') !== -1) {
- jQuery('[href=#' + location.href.split('tab=')[1] + ']').trigger('click');
- }
+ // enable tooltips for applied filters
+ $('th a.btn-primary').tooltip({container:'body', html:true, placement:'bottom'});
- jQuery('.tree a').each(function() {
- var link = jQuery(this);
- var parent = link.parents('li:first');
- var child = parent.find('ul');
- var prev = link.prev('i:first');
- link.click(function() {
- if (prev.attr('class') == 'icon-caret-down') {
- child.slideUp('fast');
- prev.attr('class', 'icon-caret-right');
- }
- else {
- child.slideDown('fast');
- prev.attr('class', 'icon-caret-down');
- }
- return false;
- });
- });
+ // enable help information tooltip
+ $(".get-help").tooltip({container:'body', html:true, delay:{show:300}});
- /*jQuery('#nav').each(function() {
- var links = jQuery(this).find('a');
- var split = location.href.split('/');
- var file = split[split.length - 1].split('?')[0];
- if (file == 'project-build-packages-busybox.html') {
- file = 'project-build-packages.html';
- }
- else if (file == 'project-build-packages-dependencies.html') {
- file = 'project-build-packages.html';
- }
- links.filter('[href="' + file + '"]').parent().addClass('active');
- });*/
-
- //Belen's additions
-
- //make help tooltip and popovers work on click, mutually exclusive and dismiss them when clicking outside their area
- //from http://fuzzytolerance.info/blog/quick-hack-one-bootstarp-popover-at-a-time/
- //one problem: clicking inside the tooltip or popover should not dismiss it, but it currently does
-
- // Global variables - cringe
- var visibleTooltip;
-
- //show help information
- $(".get-help").tooltip({ container: 'body', html: true, delay: {show: 300} /* trigger: 'hover'*/});
-
- //show help for task outcome on hover
- $(".hover-help").hide();
- $("tr").hover(function () {
- $(this).find(".hover-help").show();
+ // show help bubble only on hover inside tables
+ $(".hover-help").css("visibility","hidden");
+ $("th, td").hover(function () {
+ $(this).find(".hover-help").css("visibility","visible");
});
- $("tr").mouseleave(function () {
- $(this).find(".hover-help").hide();
- });
-
- /*
- //only allow one tooltip at a time
- $(".get-help").on('click', function(e) {
- // don't fall through
- e.stopPropagation();
- var $this = $(this);
- // check if the one clicked is now shown
- if ($this.data('tooltip').tip().hasClass('in')) {
- // if another was showing, hide it
- visibleTooltip && visibleTooltip.tooltip('hide');
- // then store the current tooltip
- visibleTooltip = $this;
- } else {
- // if it was hidden, then nothing must be showing
- visibleTooltip = '';
- }
- // dismiss tooltips when you click outside them
- $('body').on("click", function (e) {
- var $target = $(e.target),
- inTooltip = $(e.target).closest('.popover').length > 0
- //hide only if clicked on button or inside popover
- if (!inTooltip) {
- visibleTooltip.tooltip('hide');
- visibleTooltip = '';
- }
- });
+ $("th, td").mouseleave(function () {
+ $(this).find(".hover-help").css("visibility","hidden");
});
- */
-
- // Global variables - cringe
- var visiblePopover;
- // enable popovers
- $('.depends > a , .brought_in_by > a, .recommends > a, .layer_commit > a').popover({html:true, container:'body', placement: 'left'});
+ // show task type and outcome in task details pages
+ $(".task-info").tooltip({ container: 'body', html: true, delay: {show: 200}, placement: 'right' });
- // make sure on hover elements do not disappear while the pointer is inside them
- // buggy: doesn't work if you hover over the same popover twice in a row
+ // linking directly to tabs
+ $(function(){
+ var hash = window.location.hash;
+ hash && $('ul.nav a[href="' + hash + '"]').tab('show');
- /*$('.depends > a , .brought_in_by > a, .recommends > a, .layer_commit').popover({
- offset: 10,
- trigger: 'manual',
- animate: false,
- html: true,
- placement: 'left',
- container: 'body',
- template: '<div class="popover" onmouseover="$(this).mouseleave(function() {$(this).hide(); });"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
+ $('.nav-tabs a').click(function (e) {
+ $(this).tab('show');
+ $('body').scrollTop();
+ });
+ });
- }).click(function(e) {
- $(this).popover('show');
- });*/
+ /* Make help tooltip and popovers work on click, mutually exclusive and dismiss them when clicking outside their area
+ from http://fuzzytolerance.info/blog/quick-hack-one-bootstarp-popover-at-a-time/ */
+
+ // Global variables - cringe
+ var visibleTooltip;
+ var visiblePopover;
- /*
- // only allow 1 tooltip at a time
- $('.get-help').on('click', function(e) {
- // don't fall through
- e.stopPropagation();
- var $this = $(this);
- // check if the one clicked is now shown
- if ($this.data('tooltip').tip().hasClass('in')) {
- // if another was showing, hide it
- visibleTooltip && visibleTooltip.tooltip('hide');
- // then store the current popover
- visibleTooltip = $this;
- } else {
- // if it was hidden, then nothing must be showing
- visibleToolitp = '';
- }
- });
- */
-
//only allow 1 popover at a time
- $('.depends > a , .brought_in_by > a, .recommends > a, .layer_commit > a').on('click', function(e) {
+ $('.depends > a , .brought_in_by > a, .layer_commit > a').on('click', function(e) {
// don't fall through
e.stopPropagation();
var $this = $(this);
@@ -461,37 +81,5 @@ $(document).ready(function() {
}
});
});
-
-
- /*
- // hide all tooltips if any non-tooltip part of the body is clicked
- // this does not work properly: clicking the tooltip will also dismiss the tootlip
- $("body").on('click', function () {
- $(".get-help").tooltip('hide');
- visibleTootlip = '';
- });*/
-
-
-
- // hide all popovers if any non-popover part of the body is clicked
- // this does not work properly: clicking the popover will also dismiss the popover
- /*$("body").on('click', function () {
- $('.depends > a , .brought_in_by > a, .recommends > a, .layer_commit > a').popover('hide');
- visiblePopover = '';
- });*/
-
- //linking directly to tabs
- $(function(){
- var hash = window.location.hash;
- hash && $('ul.nav a[href="' + hash + '"]').tab('show');
-
- $('.nav-tabs a').click(function (e) {
- $(this).tab('show');
- //var scrollmem = $('body').scrollTop();
- //window.location.hash = this.hash;
- //$('html,body').scrollTop(scrollmem);
- });
- });
-
});