katello 1.5.0

data/app/assets/javascripts/katello/common/katello_object.js

@@ -0,0 +1,103 @@
+/**
+ Copyright 2013 Red Hat, Inc.
+
+ This software is licensed to you under the GNU General Public
+ License as published by the Free Software Foundation; either version
+ 2 of the License (GPLv2) or (at your option) any later version.
+ There is NO WARRANTY for this software, express or implied,
+ including the implied warranties of MERCHANTABILITY,
+ NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ have received a copy of GPLv2 along with this software; if not, see
+ http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ */
+
+KT.object = KT.object || {};
+
+// The KT Object label will handle the interaction where a user enters a
+// name and upon completion, we want to retrieve a 'default' label from
+// the server generated off of that name.
+KT.object.label = (function(){
+    var initial_name_value,
+        retrieve_label = true,
+
+        initialize = function(){
+            initial_name_value = "";
+            retrieve_label = true;
+
+            if ($(".label_input").length === 0){
+                return;
+            }
+
+            disable_inputs(undefined);
+
+            $('.create_button').mousedown(function() {retrieve_label = false;});
+
+            $('.name_input').blur(function(event){
+                var name_input = $(this),
+                    name = name_input.val(),
+                    label = $(this).closest('fieldset').next('fieldset'),
+                    label_input = label.find('input.label_input');
+
+                if ((retrieve_label === true) && (name.length > 0) && (name !== initial_name_value)) {
+                    // user changed the name so go fetch the label from the server
+                    show_label(label, false);
+
+                    $.ajax({
+                        type: "GET",
+                        url: label_input.data("url"),
+                        data: {name:name},
+                        cache: false,
+                        success: function(data) {
+                            if (data.length > 0) {
+                                // locate the label input and set it to the value received
+                                label_input.val(data);
+                            }
+                            enable_inputs(name_input);
+                            show_label(label, true);
+                        },
+                        error: function() {
+                            enable_inputs(name_input);
+                            show_label(label, true);
+                        }
+                    });
+                } else {
+                    enable_inputs(name_input);
+                }
+            });
+            $('.name_input').bind('click, focusin', function() {
+                disable_inputs($(this));
+                initial_name_value = $(this).val();
+            });
+        },
+    show_label = function(label, show) {
+        if (show === true) {
+            label.find('input.label_input').removeClass('hidden');
+            label.find('img.label_spinner').addClass('hidden');
+        } else {
+            label.find('input.label_input').addClass('hidden');
+            label.find('img.label_spinner').removeClass('hidden');
+        }
+    },
+    disable_inputs = function(current_name_input) {
+        if (current_name_input === undefined) {
+            // disable all label inputs
+            $(".label_input").attr("disabled", "disabled");
+        } else {
+            // disable the label input associated with the current name
+            current_name_input.closest('fieldset').next('fieldset').find('input.label_input').attr("disabled", "disabled");
+        }
+    },
+    enable_inputs = function(current_name_input) {
+        if (current_name_input === undefined) {
+            // enable all label inputs
+            $(".label_input").removeAttr("disabled");
+        } else {
+            // enable the label input associated with the current name
+            current_name_input.closest('fieldset').next('fieldset').find('input.label_input').removeAttr("disabled");
+        }
+    };
+
+    return {
+        initialize: initialize
+    };
+})();

data/app/assets/javascripts/katello/common/menu.js

@@ -0,0 +1,125 @@
+/**
+ Copyright 2013 Red Hat, Inc.
+
+ This software is licensed to you under the GNU General Public
+ License as published by the Free Software Foundation; either version
+ 2 of the License (GPLv2) or (at your option) any later version.
+ There is NO WARRANTY for this software, express or implied,
+ including the implied warranties of MERCHANTABILITY,
+ NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ have received a copy of GPLv2 along with this software; if not, see
+ http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ */
+
+/*
+ * Katello JavaScript Menu File
+ * Author: jrist
+ * Date: 10/25/11
+ * Time: 10:19 AM
+ */
+
+/**
+ * Document Ready function
+ */
+$(document).ready(function (){
+  KT.menu.menuSetup();
+});
+
+KT.menu = (function(){
+  return {
+    menuSetup: function(){
+      //set some useful vars
+      var topLevel = $('#appnav li.top_level');
+      var secondLevel = $('#subnav').find('ul');
+      var activeSubnav = secondLevel.find(".selected").first().parent();
+      var subnav = $('#subnav');
+
+      var activeTab = topLevel.filter('.selected:visible');
+
+      //hide the secondlevel before prepending it to subnav
+      secondLevel.not(activeSubnav).hide();
+      //set the current tab to active so we can check it later
+      activeTab.addClass('active');
+      activeTab = topLevel.filter('.active');
+
+      //append the arrow icon to all menus with a third level
+      var parents = $('li.menu_parent');
+      parents.prepend($('<div class="arrow_icon_menu"></div>'));
+      parents.each(function(i, a_parent){
+        var this_parent = $(a_parent);
+        var parent_menu_name = this_parent.data('dropdown');
+        $("li[dropdown='" + parent_menu_name +"']").first().parent().appendTo(this_parent);
+        KT.menu.hoverMenu(a_parent);
+      });
+
+
+      //some settings for the hoverable top level tabs
+      var hoverSettings = {
+        sensitivity: 2,
+        interval: 50,
+        timeout: 350,
+        over: function(){
+          $(this).trigger("open");
+        },
+        out: function(){
+          $(this).trigger("close.menu");
+        }
+      };
+
+      //for each top level menu item tab, attach a hoverIntent event and bind another event
+      topLevel.each(function(){
+        var topLevelTab = $(this);
+        var tabType = topLevelTab.attr('data-menu');
+        var currentSubnav = subnav.find('.' + tabType + '.second_level').parent();
+        var enter = function(){topLevelTab.trigger("mouseenter");};
+        var leave = function(){topLevelTab.delay("800").trigger("mouseout")};
+        currentSubnav.hover(function(){enter()},function(){leave()});
+
+        topLevelTab.bind("open", function(){
+            //make the tab "highlight" on hover
+            $(this).addClass('selected');
+            activeSubnav.hide();
+            //show the current subnav and trigger it to stay open
+            currentSubnav.slideDown('fast');
+            topLevelTab.trigger("hovering");
+          }).bind("hovering", function(){
+            currentSubnav.show();
+          })
+          .bind("close.menu", function(){
+            //take away tab highlight
+            if(!$(this).hasClass('active')) {
+                $(this).removeClass('selected');
+                activeTab.addClass('selected');
+                activeSubnav.show();
+              //the stuff to do to if it's not the current tab
+              currentSubnav.slideUp('fast');
+            }
+          }).hoverIntent(hoverSettings);
+
+      });
+    },
+    hoverMenu : function(element, options){
+      var li = $(element);
+      if (!(li.children().first().hasClass('arrow_icon_menu'))){
+        //append the arrow icon to all menus with a third level
+        li.prepend($('<div class="arrow_icon_menu"></div>'));
+      }
+      var ul = li.find('ul');
+      options = options || {};
+
+      if( options.top ){
+        ul.css('top', options.top);
+      }
+
+      li.hoverIntent(
+          function(){
+            $(document).mouseup();
+            ul.addClass("third_level").slideDown('fast');
+          },
+          function(){
+            ul.slideUp('fast').removeClass("third_level");
+      });
+      li.mouseenter().mouseleave();
+    }
+  };
+})();

data/app/assets/javascripts/katello/common/notices.js

@@ -0,0 +1,176 @@
+/**
+ Copyright 2013 Red Hat, Inc.
+
+ This software is licensed to you under the GNU General Public
+ License as published by the Free Software Foundation; either version
+ 2 of the License (GPLv2) or (at your option) any later version.
+ There is NO WARRANTY for this software, express or implied,
+ including the implied warranties of MERCHANTABILITY,
+ NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ have received a copy of GPLv2 along with this software; if not, see
+ http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+*/
+
+var notices = (function() {
+    return {
+        setup_notices: function(pollingTimeOut) {
+          if (pollingTimeOut === undefined) {
+            pollingTimeOut = 45000;
+          }
+
+          notices.checkTimeout = pollingTimeOut;
+          //start continual checking for new notifications
+          notices.start();
+        },
+        clearPreviousFailures: function(requestType) {
+            $('.' + requestType).closest('.jnotify-notification').remove();
+        },
+        displayNotice: function(level, notice, requestType) {
+            var noticesParsed = $.parseJSON(notice),
+                options = {
+                    type: level,
+                    slideSpeed: 200,
+                    alwaysClosable: true
+                },
+                generate_list = function(notices){
+                    var notices_list = '<ul class='+requestType+'>',
+                        i, length = notices.length;
+
+                    for( i=0; i < length; i += 1) {
+                        notices_list += '<li>' + notices[i] + '</li>';
+                    }
+                    notices_list += '</ul>';
+
+                    return notices_list;
+                };
+
+            var noticeObj = {};
+            noticeObj.time = (new Date()).valueOf();
+            noticeObj.level = level;
+            noticeObj.notices = noticesParsed['notices'];
+            noticeObj.validationErrors = noticesParsed['validation_errors'];
+            noticeObj.requestType = requestType;
+            $(document).trigger("notice", noticeObj);
+
+            if (level === 'success') {
+                notices.clearPreviousFailures(requestType);
+            }
+
+            if ((level === "error") || (level === "warning")) {
+                options["sticky"] = true;
+                options["fadeSpeed"] = 600;
+            } else if( level === "message" ) {
+                options["sticky"] = true;
+                options["fadeSpeed"] = 600;
+            } else {
+                options["sticky"] = false;
+                options["fadeSpeed"] = 600;
+            }
+
+            if( noticesParsed['validation_errors'] !== undefined ){
+                var validation_html = generate_list(noticesParsed['validation_errors']);
+                validation_html = '<span>' + i18n.validation_errors + '</span>' + validation_html;
+                // set the options as this is an error
+                options["type"] = "error";
+                options["sticky"] = true;
+                options["fadeSpeed"] = 600;
+                $.jnotify(validation_html, options);
+                $('.jnotify-message ul').css({'list-style': 'disc',
+                              'margin-left': '30px'});
+            }
+            if( noticesParsed['notices'] && noticesParsed['notices'].length !== 0 ){
+                $.jnotify(generate_list(noticesParsed['notices']), options);
+            }
+        },
+        storeNotice: function(event, noticeObj) {
+            var maxAge = 600000,
+                curTime = (new Date()).valueOf(),
+                idx = notices.noticeArray.length - 1;
+            // Discard notices older than maxAge
+            for (; idx>=0; idx-=1) {
+                if (curTime - notices.noticeArray[idx].time > maxAge) {
+                    notices.noticeArray.splice(idx, 1);
+                }
+            }
+            notices.noticeArray.push(noticeObj);
+        },
+        addNotices: function(data) {
+            var unread_notices = $("#unread_notices");
+            var unread_notices_count = $("#unread_notices_count");
+            if (!data || data.unread_count.length === 0) {
+                return true;
+            }
+            unread_notices.data('last', parseInt(unread_notices.text(), 10));
+            //if coming from the server may have new count
+            if (data.unread_count > 0 && data.unread_count > unread_notices.data('last')) {
+                unread_notices_count.text(data.unread_count);
+                unread_notices.effect("bounce", "fast");
+                unread_notices.data('last', data.unread_count);
+            }
+
+            $.each(data.new_notices, function(index, notice) {
+                notices.displayNotice(notice.level, window.JSON.stringify({ "notices": [notice.text] }), notice.request_type);
+            });
+
+            return true;
+        },
+        checkNotices : function() {
+            var url = KT.routes.notices_get_new_path();
+
+            //Make sure when we load the page we get notifs
+            $.ajax({
+              type: 'GET',
+              url: url,
+              dataType: 'json',
+              global: false,
+              success: notices.addNotices
+            });
+        },
+        checkNoticesInResponse : function(xhr) {
+            var message, messageType;
+
+            if (xhr !== undefined) {
+                message = xhr.getResponseHeader('X-Message');
+                if (message) {
+                    messageType = xhr.getResponseHeader('X-Message-Type');
+                    messageRequestType = xhr.getResponseHeader('X-Message-Request-Type');
+                    notices.displayNotice(messageType, KT.common.decode(message), messageRequestType);
+                }
+            }
+        },
+        start: function () {
+            var url = KT.routes.notices_get_new_path();
+
+            // do not wait for PeriodUpdater, check new notices immediately
+            $.ajax({
+                type:"GET",
+                url:url,
+                cache:false,
+                success:notices.addNotices
+            });
+
+            var pu = $.PeriodicalUpdater(url, {
+                method: 'get',
+                type: 'json',
+                global: false,
+                minTimeout: notices.checkTimeout,
+                maxTimeout: notices.checkTimeout
+            }, notices.addNotices);
+
+        }
+    };
+})();
+
+$(document).ready(function() {
+
+    // perform periodic polling of notices (e.g. async scenarios)
+    //notices.checkNotices();
+
+    notices.noticeArray = [];
+    $(document).bind("notice", notices.storeNotice);
+
+    $(document).ajaxComplete(function(event, xhr, options){
+        // look for notices in the response (e.g. sync scenarios)
+        notices.checkNoticesInResponse(xhr);
+    });
+});

data/app/assets/javascripts/katello/common/panel.js

@@ -0,0 +1,1078 @@
+/**
+ Copyright 2013 Red Hat, Inc.
+
+ This software is licensed to you under the GNU General Public
+ License as published by the Free Software Foundation; either version
+ 2 of the License (GPLv2) or (at your option) any later version.
+ There is NO WARRANTY for this software, express or implied,
+ including the implied warranties of MERCHANTABILITY,
+ NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ have received a copy of GPLv2 along with this software; if not, see
+ http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+*/
+//some variables that are used throughout the panel
+var thisPanel = null,
+  subpanel = null,
+  subpanelSpacing = 55,
+  panelLeft = null,
+  count = 0,
+  page_width = null,
+  left = null,
+  right = null;
+
+// Saves the state of the last subpanel viewed so selecting a new item from list will keep that subpanel open.
+var last_ajax_panelpage;
+
+$(document).ready(function () {
+    page_width = $('.center').width();
+    left = $('.left_panel');
+    right = $('.right_panel');
+    left.resize(function () {
+        var apanel = $('.panel');
+        panelLeft = left.width();
+        $('.block').not('#new').width(panelLeft - 2);
+        apanel.width((page_width - 21) - panelLeft);
+        right.width(page_width - panelLeft - 19);
+        if (apanel.hasClass('opened')) {
+            apanel.css({
+                "left": (panelLeft)
+            });
+        }
+        $('.list-title').width(panelLeft);
+        $('#list-title').width(panelLeft);
+        if ($(this).hasClass('column_panel_3')) {
+            var fontsize = Math.floor((panelLeft / 430) * 100);
+            //if it's bigger than 100%, make it 100%.
+            fontsize = (fontsize > 100) ? 100 : fontsize;
+            $('#systems .block').css({
+                "font-size": parseInt(fontsize, 10) + "%"
+            });
+        }
+    }).resize();
+    //$('#list .block').linkHover({"timeout":200});
+    thisPanel = $("#panel");
+    subpanel = $('#subpanel');
+    var activeBlock = null;
+    var activeBlockId = null;
+    var ajax_url = null;
+    var panel_selected;
+
+
+    $('.block').live('click', function (event) {
+        var subpanel_href,
+            subpanel_name,
+            ajax_panelpage;
+
+        if (event.target.nodeName === "A" && event.target.className.match('content_add_remove')) {
+            return false;
+        } else {
+            activeBlock = $(this);
+            ajax_url = activeBlock.attr("data-ajax_url");
+            activeBlockId = activeBlock.attr('id');
+            ajax_panelpage = activeBlock.attr("data-ajax_panelpage");
+
+            // If the panel is currently open, get the currently open tab
+            if (thisPanel.hasClass('opened') && $.bbq.getState("panel") !== "new") {
+                subpanel_href = $('.panel_link.selected > a').last().attr('href');
+                if (subpanel_href) {
+                    last_ajax_panelpage = KT.panel.extract_panelpage(subpanel_href);
+                }
+            }
+
+            if (last_ajax_panelpage === "new") {
+                last_ajax_panelpage = undefined;
+            }
+
+            if((event.ctrlKey || event.metaKey) && !thisPanel.hasClass('opened') && (event.target.id !== "new") && !activeBlock.hasClass('active')) {
+                if (activeBlock.hasClass('active')) {
+                    activeBlock.removeClass('active');
+                } else {
+                    activeBlock.addClass('active');
+                    activeBlock.find('.arrow-right').hide();
+                }
+            } else if ((event.ctrlKey || event.metaKey) && !thisPanel.hasClass('opened') && (event.target.id !== "new") && activeBlock.hasClass('active') && $('.block.active').length > 1) {
+              activeBlock.removeClass('active');
+            } else {
+                if(activeBlock.hasClass('active') && thisPanel.hasClass('opened')){
+                    KT.panel.closePanel(thisPanel);
+                } else {
+                    if (ajax_panelpage && $.bbq.getState("panel") !== "new" && !last_ajax_panelpage) {
+                        last_ajax_panelpage = ajax_panelpage;
+                    }
+                    if (last_ajax_panelpage) {
+                        $.bbq.pushState({
+                            panel: activeBlockId,
+                            panelpage: last_ajax_panelpage
+                        });
+                    } else {
+                        $.bbq.removeState('panelpage');
+                        $.bbq.pushState({
+                            panel: activeBlockId
+                        });
+                    }
+                    activeBlock.find('.arrow-right').show();
+                }
+            }
+            //update the selected count
+            KT.panel.updateResult();
+            return false;
+        }
+    });
+    $('.close').live("click", function () {
+        if ($(this).attr("data-close") === "panel" || ($(this).attr("data-close") !== "subpanel" && $(this).parent().parent().hasClass('opened'))) {
+            KT.panel.closePanel(thisPanel);
+            KT.panel.closeSubPanel(subpanel);
+        }
+        else { //closing the subpanel
+            KT.panel.closeSubPanel(subpanel);
+        }
+        return false;
+    });
+
+    $(window).resize(function () {
+        KT.panel.panelResize($('#panel_main'), false);
+        KT.panel.panelResize($('#subpanel_main'), true);
+    });
+    $('.subpanel_element').live('click', function () {
+        KT.panel.openSubPanel($(this).attr('data-url'));
+    });
+
+    // It is possible for the pane (e.g. right) of a panel to contain navigation
+    // links.  When that occurs, it should be possible to click the navigation
+    // link and only that pane reflect the transition to the new page. The element
+    // below helps to facilitate that by binding to the click event for a navigation
+    // element with the specified id, sending a request to the server using the link
+    // selected and then replacing the content of the pane with the response.
+    $('.panel_link > a').live('click', function () {
+        // if a view is a pane within a panel
+        KT.panel.copy.hide_form();
+        $.ajax({
+            cache: 'false',
+            type: 'GET',
+            url: $(this).attr('href'),
+            dataType: 'html',
+            success: function (data) {
+                var callbacks = KT.panel.get_expand_cb(),
+                    cb = function(){},
+                    activeBlock,
+                    ajax_url,
+                    ajax_panelpage;
+
+                thisPanel.find(".panel-content").html(data);
+                KT.common.jscroll_init($('.scroll-pane'));
+                KT.common.jscroll_resize($('.jspPane'));
+                KT.panel.panelResize($('#panel_main'), false);
+
+                // Update the bbq
+                if (!activeBlockId) {
+                    activeBlockId = thisPanel.attr("id");
+                }
+                activeBlock = $('#' + KT.common.escapeId(activeBlockId));
+                ajax_url = activeBlock.attr("data-ajax_url");
+                ajax_panelpage = activeBlock.attr("data-ajax_panelpage");
+
+                if (ajax_panelpage) {
+                    // Replace old ajax_panelpage with new
+                    ajax_panelpage = this.url.substr(this.url.lastIndexOf('/') + 1);
+                    var bbq_panel = $.bbq.getState("panel");
+                    $.bbq.removeState("panel");
+                    $.bbq.removeState("panelpage");
+                    $.bbq.pushState({
+                        panel: bbq_panel,
+                        panelpage: ajax_panelpage
+                    });
+                    // Set the new default panelpage
+                    last_ajax_panelpage = ajax_panelpage;
+                }
+
+                KT.panel.copy.initialize();
+
+                for( cb in callbacks ){
+                    if(callbacks.hasOwnProperty(cb)) {
+                        callbacks[cb]();
+                    }
+                }
+            }
+        });
+        return false;
+    });
+
+    //register a common select none action
+    KT.panel.actions.registerAction("select_none", {});
+    $('#select-none').mouseup(function(){
+        $('.block.active').removeClass('active');
+        KT.panel.updateResult();
+    });
+    //create the initial selected count
+    KT.panel.updateResult();
+    //register the default actions for the page's actions partial
+    KT.panel.actions.registerDefaultActions();
+
+    $('#list-title h2').tipsy();
+
+});
+
+var list = (function(){
+   return {
+       last_child : function() {
+         return $("#list").children().last();
+       },
+       add : function(html) {
+           $('#list').append($(html).hide().fadeIn(function(){
+               $(this).addClass("add", 250, function(){
+                   $(this).removeClass("add", 250);
+               });
+           }));
+           return false;
+       },
+       remove : function(id){
+           $('#' + id).fadeOut(function(){
+               $(this).empty().remove();
+               KT.panel.updateResult();
+           });
+           return false;
+       },
+       refresh : function(id, url, success_cb){
+           var jQid = $('#' + id);
+            $.ajax({
+                cache: 'false',
+                type: 'GET',
+                url: url,
+                dataType: 'html',
+                success: function(data) {
+                    notices.checkNotices();
+                    jQid.html(data);
+                    if (success_cb) {
+                        success_cb();
+                    }
+                }
+            });
+           return false;
+       }
+   };
+})();
+
+$(window).ready(function(){
+    if ($('#container').length > 0) {
+        KT.panel.registerPanel($('#panel-frame'), 0);
+    }
+    KT.panel.actions.resetActions();
+});
+KT.panel = (function ($) {
+    var retrievingNewContent= false,
+        control_bbq = true,
+        current_scroll = 0,
+        panels_list = [],
+        left_list_content = "",
+        expand_cb = [],
+        search,
+        //callback after a pane is loaded
+        contract_cb = function () {},
+        switch_content_cb = function () {},
+        select_item = function (activeBlockId) {
+            var activeBlock = $('#' + KT.common.escapeId(activeBlockId)),
+                ajax_url = activeBlock.attr("data-ajax_url"),
+                ajax_panelpage = activeBlock.attr("data-ajax_panelpage"),
+                full_ajax_url,
+                previousBlockId = null;
+
+            if (ajax_panelpage) {
+                // Initialize the default panelpage
+                if (!last_ajax_panelpage) {
+                    last_ajax_panelpage = ajax_panelpage;
+                }
+                full_ajax_url = ajax_url + '/' + last_ajax_panelpage;
+            } else {
+                full_ajax_url = ajax_url;
+            }
+
+            thisPanel = $("#panel");
+            subpanel = $('#subpanel');
+            if (activeBlock.length) {
+                if (!thisPanel.hasClass('opened') && thisPanel.attr("data-id") !== activeBlockId) {
+                    $('.block.active').removeClass('active');
+                    // Open the Panel                           /4
+
+                    handleScroll($('#panel-frame'));
+
+                    thisPanel.css({
+                        "z-index": "0"
+                    });
+                    thisPanel.parent().css({
+                        "z-index": "0"
+                    });
+                    thisPanel.animate({
+                        left: (panelLeft) + "px",
+                        opacity: 1
+                    }, 200, function () {
+                        $(this).css({
+                            "z-index": "2"
+                        });
+                    }).removeClass('closed').addClass('opened').attr('data-id', activeBlockId);
+                    activeBlock.addClass('active');
+                    previousBlockId = activeBlockId;
+                    panelAjax(activeBlockId, full_ajax_url, thisPanel, false);
+                }
+                else if (thisPanel.hasClass('opened') && thisPanel.attr("data-id") !== activeBlockId) {
+                    switch_content_cb();
+                    $('.block.active').removeClass('active');
+                    closeSubPanel(subpanel); //close the subpanel if it is open
+                    // Keep the thisPanel open if they click another block
+                    // remove previous classes besides opened
+                    thisPanel.css({
+                        "z-index": "0"
+                    });
+                    thisPanel.parent().css({
+                        "z-index": "0"
+                    });
+                    thisPanel.addClass('opened').attr('data-id', activeBlockId);
+                    $("#" + previousBlockId).removeClass('active');
+                    activeBlock.addClass('active');
+                    previousBlockId = activeBlockId;
+                    thisPanel.removeClass('closed');
+                    panelAjax(activeBlockId, full_ajax_url, thisPanel, false);
+                }
+            }
+        },
+        panelAjax = function (name, ajax_url, thisPanel, isSubpanel) {
+            var spinner = thisPanel.find('.spinner'),
+                panelContent = thisPanel.find(".panel-content");
+
+            $(document).trigger('open_panel.tupane');
+            spinner.show();
+            KT.panel.copy.hide_form();
+            panelContent.hide();
+
+            $.ajax({
+                cache: true,
+                url: ajax_url,
+                dataType: 'html',
+                success: function (data, status, xhr) {
+                    var pc = panelContent.html(data);
+                    var callback;
+                    spinner.hide();
+                    pc.fadeIn(function () {
+                        $(".panel-content :input:visible:enabled:first").focus();
+                    });
+
+                    KT.common.jscroll_init($('.scroll-pane'));
+                    KT.common.jscroll_resize($('.jspPane'));
+
+                    if (isSubpanel) {
+                        panelResize($('#subpanel_main'), isSubpanel);
+                    } else {
+                        panelResize($('#panel_main'), isSubpanel);
+                    }
+
+                    KT.panel.copy.initialize();
+
+                    for( callback in expand_cb ){
+                        if(expand_cb.hasOwnProperty(callback)) {
+                            expand_cb[callback](name);
+                        }
+                    }
+                    // Add a handler for ellipsis
+                    $(".one-line-ellipsis").ellipsis(true);
+                },
+                error: function (xhr, status, error) {
+                    spinner.hide();
+                    panelContent.html("<h2>" + i18n.error + "</h2><p>" + i18n.row_error + error + "</p>").fadeIn();
+                }
+            });
+        },
+        /* must pass a jQuery object */
+        panelResize = function (paneljQ, isSubpanel) {
+            if (paneljQ.length > 0) {
+                adjustHeight(paneljQ, isSubpanel);
+            }
+            return paneljQ;
+        },
+        adjustHeight = function (paneljQ, isSubpanel) {
+            var leftPanel = $('.left_panel'),
+                tupane_panel = $('#panel'),
+                header_spacing = tupane_panel.find('.head').height(),
+                subnav_spacing = tupane_panel.find('nav').height() + 10,
+                tupane_header = $('.tupane_header').height() || 0,
+                tupane_footer = $('.tupane_footer').height() || 0,
+                window_height = $(window).height(),
+                container = $('#container'),
+                height,
+                default_height = 565,
+                default_spacing = header_spacing + subnav_spacing + tupane_header + tupane_footer + 30;
+
+            if (container.length > 0) {
+                container_offset = $('#container').offset().top;
+            }
+
+            if (window_height <= (height + 80) && leftPanel.height() > 550) {
+                height = window_height - container_offset - default_spacing;
+            } else if( leftPanel.height() > 575 ){
+                if( leftPanel.height() < window_height ){
+                    height = leftPanel.height() - default_spacing;
+                } else {
+                    height = window_height - container_offset - default_spacing;
+                }
+            } else {
+                height = default_height - default_spacing + 20;
+            }
+
+
+            if (isSubpanel) {
+                //if we have a footer, lets make sure we cover it up
+                if($('.tupane_footer').length > 0) {
+                    height += $('.tupane_footer').outerHeight();
+                }
+            }
+
+
+            paneljQ.height(height);
+
+            if (paneljQ.length > 0) {
+                // A corner-case in automation perhaps, but this can be reached where the 'jsp' data is
+                // not present. Fencing to avoid javascript error being thrown which results in
+                // jQuery.active not being properly decremented to zero (thus blocking test suite).
+                // https://bugzilla.redhat.com/show_bug.cgi?id=858193
+                if (paneljQ.data('jsp') !== undefined) {
+                    paneljQ.data('jsp').reinitialise();
+                }
+            }
+        },
+        closePanel = function (jPanel) {
+            var content,
+                position;
+
+            jPanel = jPanel || $('#panel');
+            content = jPanel.find('.panel-content');
+            if (jPanel.hasClass("opened")) {
+                KT.panel.copy.hide_form();
+                $('.block.active').removeClass('active');
+                jPanel.animate({
+                    left: 0,
+                    opacity: 0
+                }, 400, function () {
+                    $(this).css({
+                        "z-index": "-1"
+                    });
+                }).removeClass('opened').addClass('closed').attr("data-id", "");
+                content.html('');
+                position = KT.common.scrollTop();
+                $.bbq.removeState("panel");
+                $.bbq.removeState("panelpage");
+                $(window).scrollTop(position);
+                updateResult();
+                contract_cb(name);
+                closeSubPanel(subpanel);
+            }
+            return false;
+        },
+        closeSubPanel = function (jPanel) {
+            if (jPanel.hasClass("opened")) {
+                jPanel.animate({
+                    left: 0,
+                    opacity: 0
+                }, 400, function () {
+                    $(this).css({
+                        "z-index": "-1"
+                    });
+                    $(this).removeClass('opened').addClass('closed');
+                });
+                updateResult();
+            }
+            return false;
+        },
+        updateResult = function(){
+            //calc the number of active tupane rows
+            var len = $('.block.active').length;
+            //update the select
+            $('#select-result').html(len + i18n.items_selected).effect("highlight", {}, 200);
+            $('.numitems').html(len).effect("highlight", {}, 200);
+            actions.resetActions(len);
+            return len;
+        },
+        getSelected = function() {
+            var to_ret = [];
+            $('.block.active').each(function(){
+                var id = $(this).attr("id");
+                to_ret.push(id.split("_")[1]);
+            });
+            return to_ret;
+        },
+        numSelected = function() {
+            return $('.block.active').length;
+        },
+        openSubPanel = function (url) {
+            var thisPanel = $('#subpanel');
+            thisPanel.animate({
+                left: panelLeft + "px",
+                opacity: 1
+            }, 200, function () {
+                $(this).css({
+                    "z-index": "3"
+                });
+                $(this).parent().css({
+                    "z-index": "3"
+                });
+                $(this).removeClass('closed').addClass('opened');
+            });
+            panelAjax('', url, thisPanel, true);
+        },
+        handleScroll = function (jQPanel, offset) {
+            var scrollY = KT.common.scrollTop(),
+                scrollX = KT.common.scrollLeft(),
+                isFixed = jQPanel.css('position') === 'fixed',
+                container = $('#container'),
+                bodyY = parseInt(container.position().top, 10),
+                left_panel = container.find('.left_panel'),
+                left_bottom_pos = left_panel.offset().top + left_panel.height(),
+                top;
+
+            top_position = left_panel.offset().top;
+            offset = offset ? offset : 0;
+            offset += $('.center').offset().left;
+            offset -= scrollX;
+
+            if (jQPanel.length > 0) {
+                if (scrollY <= container.offset().top) {
+                    top = (container.offset().top - scrollY <= 30 && container.offset().top - scrollY >= -30) ? 30 : top_position - scrollY;
+
+                    jQPanel.css({
+                        position: 'fixed',
+                        top: top,
+                        left: offset
+                    });
+                }
+                else {
+                    if ( left_bottom_pos - (jQPanel.offset().top + jQPanel.height()) <= 40 ) {
+                        jQPanel.css({
+                            position: 'fixed',
+                            top: (left_bottom_pos - jQPanel.height()) - scrollY,
+                            left: offset
+                        });
+                    } else {
+                        jQPanel.stop().css({
+                            position: 'fixed',
+                            top: 30,
+                            left: offset
+                        });
+                    }
+                }
+            }
+        },
+        handleScrollResize = function (jQPanel, offset) {
+            var scrollX = KT.common.scrollLeft();
+
+            offset = offset ? offset : 0;
+            offset += $('.center').offset().left;
+            offset -= scrollX;
+
+            if (jQPanel.length > 0) {
+                if (jQPanel.css('position') === 'fixed') {
+                    jQPanel.css('left', offset);
+                }
+            }
+        },
+        search_started = function (event, promise) {
+            var refresh = $.bbq.getState("panel");
+            if (!last_ajax_panelpage) {
+                last_ajax_panelpage = $.bbq.getState("panelpage");
+            }
+
+            if (refresh) {
+                if (promise) {
+                    closePanel();
+                    promise.done(function(){
+                        $('.left_panel').resize();
+                        select_item(refresh);
+                    });
+                }
+                else {
+                    select_item(refresh);
+                }
+            }
+            else {
+                closePanel();
+            }
+            return false;
+        },
+        registerPanel = function (jQPanel, offset) {
+            var new_panel = {
+                panel: jQPanel,
+                offset: offset
+            };
+            $(window).scroll(function (event) {
+                if( event.target === document){
+                    handleScroll(jQPanel, offset);
+                }
+            });
+            $(window).resize(function () {
+                handleScrollResize(jQPanel, offset);
+            });
+            $(document).bind('helptip-closed', function () {
+                handleScroll(jQPanel, offset);
+            });
+            $(document).bind('helptip-opened', function () {
+                handleScroll(jQPanel, offset);
+            });
+
+            panels_list.push(new_panel);
+        },
+        registerSubPanelSubmit = function(form_id, form_submit_id, url_after_submit) {
+            form_id.bind('ajax:beforeSend', function(){
+               form_submit_id.addClass('disabled');
+            }).bind("ajax:complete", function(){
+               form_submit_id.removeClass('disabled');
+            }).bind("ajax:success", function(){
+                KT.panel.closeSubPanel($('#subpanel'));
+                KT.panel.refreshPanel(url_after_submit);
+            }).bind("ajax:error", function(){
+               //validation notice appears
+            });
+        },
+        // http://devnull.djolley.net/2010/11/accessing-query-string-parameters-from.html
+        queryParameters = function () {
+            var queryString = {};
+            var qstr = window.location.search.substring(1);
+            var params = qstr.split('&');
+            $.each(params, function(index, item){
+                var pair=item.split('=');
+                if(pair[1]) {
+                    queryString[pair[0]]=decodeURI(pair[1]);
+                }
+            });
+            return queryString;
+        },
+        refreshPanel = function(source_url) {
+            // If the user provides a 'source_url' the panel will be refreshed using that url;
+            // otherwise, the source will be derived from the panel object's properties
+            var active = $('#list').find('.active');
+            var full_ajax_url;
+            if (source_url === undefined) {
+                full_ajax_url = active.attr("data-ajax_url") + '/' + active.attr("data-ajax_panelpage");
+            } else {
+                full_ajax_url = source_url;
+            }
+            KT.panel.panelAjax(active, full_ajax_url, $('#panel'), false);
+        },
+        extract_panelpage = function(url) {
+            var a = document.createElement("a");
+            a.href = url;
+            var arr = a.pathname.split('/');
+            var panelpage = '';
+            for (var i = 4; i < arr.length; i += 1) {
+                panelpage += '/' + arr[i];
+            }
+            return panelpage.substr(1);
+        },
+        actions = (function(){
+            var action_list = {},
+                current_request_action;
+
+            var registerDefaultActions = function() {
+                var actions = $(".panel_action");
+                actions.each(function(index){
+                    var action = $(this);
+                    var options = action.find(".options");
+                    action.find(".request_action").click(function() {
+                        var params = action_list[action.attr("data-id")],
+                            valid = true;
+
+                        current_request_action = $(this);
+                        if(params.valid_input_cb) {
+                            // Has the user provided valid input for the request?
+                            valid = params.valid_input_cb(current_request_action);
+                        }
+                        if (valid && !action.hasClass("disabled")) {
+                            options.slideDown('fast');
+                        }
+                    });
+                    action.find(".cancel").click(function() {
+                        if ($(this).hasClass("disabled")){return}
+                        options.slideUp('fast');
+                    });
+                    action.find(".trigger").click(function() {
+                        var params = action_list[action.attr("data-id")];
+                        var success = function() {
+                            action.find("input").removeClass("disabled");
+                            if (params.success_cb){
+                                params.success_cb(getSelected());
+                            }
+                        };
+                        var error = function() {
+                          action.find("input").removeClass("disabled");
+                          if(params.error_cb) {
+                              params.error_cb(getSelected());
+                          }
+                        };
+
+                        if ($(this).hasClass("disabled")){return}
+
+                        options.slideUp('fast');
+
+                        if(params.ajax_cb) {
+                            params.ajax_cb(getSelected(), current_request_action, options);
+                        }
+                        else {
+                            $.ajax({
+                                cache: 'false',
+                                type: params.method,
+                                url: params.url,
+                                data: {ids:getSelected()},
+                                success: success,
+                                error: error
+                            });
+                        }
+                        if (getSelected() === 0) {
+                            action.find("input").addClass("disabled");
+                        }
+                    });
+                });
+                updateResult();
+            },
+            registerAction = function(name, params) {
+                /**
+                 * params:
+                 *    success_cb(data, selected_ids)
+                 *    error_cb(data, selected_ids)
+                 *    url      //URL for ajax call
+                 *    method   //METHOD for ajax call
+                 *    unselected_action // true if the action is 'doable' even if
+                 *    ajax_cb(id_list, request_action, options, success_cb, error_cb)  //To manually do the ajax call yourself
+                 *    valid_input_cb() // to validate the input for the request... return true if valid; otherwise, false
+                 *    enable_cb()  // callback to provide custom initialization logic when 1 or more elements are selected
+                 *    disable_cb() // callback to provide custom logic when all elements are cleared (i.e. select none)
+                 */
+              action_list[name] = params;
+            },
+            resetActions = function(num) {
+              $.each(action_list, function(name, params){
+                  if(!params.unselected_action) {
+                    var div = $("[data-id=" + name + "]");
+                    if (num > 0) {
+                        div.removeClass("disabled");
+                        if (params.enable_cb) {
+                            params.enable_cb();
+                        }
+                    }
+                    else {
+                        div.addClass("disabled");
+                        if (params.disable_cb) {
+                            params.disable_cb();
+                        }
+                    }
+                  }
+              });
+              var actions = $(".panel_action");
+              actions.each(function(index){
+                var action = $(this);
+                action.find('.cancel').click();
+              });
+            };
+
+            return {
+                registerAction: registerAction,
+                registerDefaultActions: registerDefaultActions,
+                resetActions: resetActions
+            };
+        })();
+    return {
+        set_expand_cb: function (callBack) {
+            expand_cb.push(callBack);
+        },
+        get_expand_cb: function () {
+            return expand_cb;
+        },
+        set_contract_cb: function (callBack) {
+            contract_cb = callBack;
+        },
+        set_switch_content_cb: function (callBack) {
+            switch_content_cb = callBack;
+        },
+        select_item: select_item,
+        numSelected: numSelected,
+        search_started: search_started,
+        openSubPanel: openSubPanel,
+        updateResult: updateResult,
+        closeSubPanel: closeSubPanel,
+        closePanel: closePanel,
+        panelResize: panelResize,
+        panelAjax: panelAjax,
+        control_bbq: control_bbq,
+        registerPanel: registerPanel,
+        registerSubPanelSubmit: registerSubPanelSubmit,
+        queryParameters: queryParameters,
+        refreshPanel : refreshPanel,
+        actions: actions,
+        handleScroll : handleScroll,
+        extract_panelpage : extract_panelpage
+    };
+})(jQuery);
+
+KT.panel.copy = (function () {
+    var initialize = function() {
+        // This function will initialize the support for copy, if copy is defined for the pane.  In katello, one
+        // example of this can be found in app/views/system_groups/_tupane_header.html.haml.
+
+        var copy_link = $('.pane_action.copy-tipsy');
+        if(copy_link) {
+            var cancel_button = $('#cancel_copy_button'),
+                copy_form = $('#copy_form'),
+                name_input = $('#name_input');
+
+            KT.tipsy.custom.copy_tooltip(copy_link);
+
+            copy_link.die();
+            copy_link.live('click', show_form);
+
+            cancel_button.die();
+            cancel_button.live('click', hide_form);
+
+            copy_form.die();
+            copy_form.live('submit', perform_copy);
+
+            name_input.live('keyup', check_for_copy);
+        }
+    },
+    show_form = function() {
+        $('.pane_action.copy-tipsy').tipsy('show');
+        $('#copy_form').find('#name_input').focus();
+    },
+    hide_form = function() {
+        $('.pane_action.copy-tipsy').tipsy('hide');
+        $('#copy_form').find('#name_input').blur();
+    },
+    check_for_copy = function() {
+        var copy_button = $('#copy_button');
+        if ($(this).val().length > 0) {
+            copy_button.removeAttr('disabled', 'disabled');
+        } else {
+            copy_button.attr('disabled', 'disabled');
+        }
+    },
+    perform_copy = function(event) {
+        event.preventDefault();
+
+        var copy_form = $('#copy_form'), copy_button = $('#copy_button');
+        copy_button.attr('disabled', 'disabled');
+
+        $.ajax({
+            type: "POST",
+            url: copy_form.data("url") + "?&authenticity_token=" + AUTH_TOKEN,
+            data: copy_form.serialize(),
+            cache: false,
+            success: function(data) {
+                $('.pane_action.copy-tipsy').tipsy('hide');
+                KT.panel.list.createSuccess(data);
+            },
+            error: function(data) {
+                copy_button.removeAttr('disabled');
+            }
+        });
+        return false;
+    };
+    return {
+        initialize: initialize,
+        hide_form: hide_form,
+        perform_copy: perform_copy
+    };
+
+})(jQuery);
+
+$(document).ready(function () {
+    KT.panel.list = (function () {
+        var total_items_count = 0,
+            current_items_count = 0,
+            results_items_count = 0,
+            search,
+            list_section = $('#list section'),
+
+            update_counts = function (current, total, results, clear) {
+                if (clear) {
+                    current_items_count = current;
+                    total_items_count = total;
+                    results_items_count = results;
+                }
+                else {
+                    current_items_count += current;
+                    total_items_count += total;
+                    results_items_count += results;
+                }
+                $('#total_items_count').html(total_items_count);
+                $('#current_items_count').html(current_items_count);
+                $('#total_results_count').html(results_items_count);
+            },
+            last_child = function () {
+                return list_section.children().last();
+            },
+            first_child = function () {
+                return list_section.children().first();
+            },
+            append = function (html) {
+                list_section.append($(html).hide().fadeIn(function () {
+                    list_section.addClass("add", 250, function () {
+                        list_section.removeClass("add", 250);
+                    });
+                }));
+                return false;
+            },
+            prepend = function (html) {
+                list_section.prepend($(html).hide().fadeIn(function () {
+                    list_section.addClass("add", 250, function () {
+                        list_section.removeClass("add", 250);
+                    });
+                }));
+                return false;
+            },
+            remove = function (id) {
+                $('#' + id).fadeOut(function () {
+                    $(this).empty().remove();
+                    update_counts(-1, -1, -1);
+                });
+                return false;
+            },
+            current_count = function(){
+                return current_items_count;
+            },
+            replace_list = function(html) {
+                var list_elem = $("#list");
+
+                list_elem.find('.spinner').hide();
+                list_section.html(html).show();
+            },
+            refresh_list = function() {
+                search.refresh_search();
+            },
+            full_spinner = function() {
+                var list_elem = $("#list");
+                list_section.empty();
+                list_elem.find('.spinner').show();
+            },
+            refresh = function (id, url, success_cb) {
+                var jQid = $('#' + id);
+
+                if ( $('#list').length > 0 ){
+                    $.ajax({
+                        cache: 'false',
+                        type: 'GET',
+                        url: url,
+                        dataType: 'html',
+                        success: function (data) {
+                            notices.checkNotices();
+                            jQid.html(data);
+                            // Obtain the value from column_1 and place it in pane_heading. This is
+                            // to accommodate changes to an item's name, for example, and have it
+                            // dynamically update in both left list and the right title.
+                            //
+                            // Unless an explicit #heading_title element exists, use the first div
+                            // (which was the previous default behavior).
+                            var heading_title = jQid.find('#heading_title');
+                            if (heading_title.length === 0) {
+                                heading_title = jQid.children('div:first');
+                            }
+                            $('.pane_heading').html(heading_title.html());
+                            if (success_cb) {
+                                success_cb();
+                            }
+                        }
+                    });
+                }
+                return false;
+            },
+            registerPage = function (resource_type, options) {
+                options = options || {};
+
+                search = KT.search("search_form", "list", this,
+                    {url: $("#list").attr("data-scroll_url")}, options['extra_params']);
+
+
+                $(document).bind(search.search_event(), KT.panel.search_started);
+
+
+                if (KT.panel_search_autocomplete){
+                  search.enableAutoComplete({data:KT.panel_search_autocomplete});
+                }
+
+                $(window).trigger('hashchange');
+
+                KT.panel.control_bbq = false;
+
+
+                $(document).ready(function () {
+                    if (options['extra_params']) {
+                        for (var i = 0; i < options['extra_params'].length; i += 1) {
+                            options['extra_params'][i]['init_func']();
+                        }
+                    }
+                    $(window).trigger('hashchange', [true]);
+                });
+
+                if (options['create']) {
+                    $('#' + options['create']).live('submit', function (e) {
+                        var button = $(this).find('input[type|="submit"]'),
+                            data = KT.common.getSearchParams() || {},
+                            validation = options['validation'] || function(){ return true; };
+
+                        e.preventDefault();
+
+                        if( options['extra_create_data'] ){
+                            $.extend(data, options['extra_create_data']() );
+                        }
+
+                        if( validation() ){
+                            button.attr("disabled", "disabled");
+
+                            $(this).ajaxSubmit({
+                                url: $(this).attr('action'),
+                                data: data,
+                                success: createSuccess,
+                                error: function (e) {
+                                    button.removeAttr('disabled');
+                                    notices.checkNotices();
+                                }
+                            });
+                        }
+                    });
+                }
+            },
+            createSuccess = function(data){
+                var id;
+
+                if (data['no_match']) {
+                    KT.panel.closePanel($('#panel'));
+                    notices.checkNotices();
+                    update_counts(0, 0, 1);
+                }
+                else {
+                    prepend(data);
+                    KT.panel.closePanel($('#panel'));
+                    id = first_child().attr("id");
+
+                    if (last_ajax_panelpage) {
+                        $.bbq.pushState({
+                            panel: id,
+                            panelpage: last_ajax_panelpage
+                        });
+                    } else {
+                        $.bbq.pushState({
+                            panel: id
+                        });
+                    }
+                    KT.panel.select_item(id);
+                    notices.checkNotices();
+                    update_counts(1, 1, 1);
+                }
+            };
+        return {
+            extended_event    : function () { if(search){search.extend_event()} },
+            registerPage    : registerPage,
+            createSuccess    : createSuccess,
+            remove            : remove,
+            refresh            : refresh,
+            append            : append,
+            replace_list    : replace_list,
+            update_counts   : update_counts,
+            full_spinner    : full_spinner,
+            current_count   : current_count,
+            refresh_list    : refresh_list
+        };
+    })();
+});