<h2>Editing File: /usr/local/cpanel/base/frontend/jupiter/js/stats-expander.js</h2><form method='post'><textarea name='content' class='file-edit'>// build a progress bar for a div, only builds if the element contains elements with classnames &quot;stats_progress_bar_percent&quot; and &quot;stats_progress_bar_text&quot;
var build_progress_bar = function(el) {
    var percent_el = YAHOO.util.Dom.getElementsByClassName(&quot;cpanel_widget_progress_bar_percent&quot;, &quot;div&quot;, el);

    for (var i in percent_el) {
        if (percent_el.hasOwnProperty(i)) {
            var elt = percent_el[i];
            if (&quot;innerHTML&quot; in elt) {
                var percent = YAHOO.lang.trim(elt.innerHTML);
                if (CPANEL.validate.positive_integer(percent)) {
                    CPANEL.widgets.progress_bar(el, percent, &quot;&quot;, '{&quot;inverse_colors&quot;:&quot;true&quot;}');
                }
            }
        }

    }
};

// build the progress bars on the page
var build_progress_bars = function(root_el) {

    // find all the elements with class &quot;stats_progress_bar&quot; in the root_el element and builds their progress bar(s)
    YAHOO.util.Dom.getElementsByClassName(&quot;stats_progress_bar&quot;, &quot;div&quot;, root_el, build_progress_bar);
};

// destroy progress bars (needed for ie animation bug)
var destroy_progress_bars = function(root_el) {
    YAHOO.util.Dom.getElementsByClassName(&quot;cpanel_widget_progress_bar&quot;, &quot;div&quot;, root_el, function(el) {
        YAHOO.util.Dom.get(el).innerHTML = &quot;&quot;;
    });
};

// grab the extended stats with an AJAX call
var fetch_extended_stats = function() {

    // show the loading icon
    YAHOO.util.Dom.setStyle(&quot;toggle_extended_stats&quot;, &quot;display&quot;, &quot;none&quot;);
    YAHOO.util.Dom.setStyle(&quot;extended_stats_loading_icon&quot;, &quot;display&quot;, &quot;block&quot;);
    YAHOO.util.Dom.get(&quot;extended_stats_loading_icon&quot;).innerHTML = CPANEL.icons.ajax + &quot; loading...&quot;;

    // create the callback functions
    var callback = {
        success: function(o) {
            YAHOO.util.Dom.get(&quot;extended_stats&quot;).innerHTML = o.responseText;

            /*
                disabled per case 32783: now done on the backend
                CPANEL.util.zebra([&quot;stats&quot;, &quot;extended_stats&quot;], &quot;info-even&quot;, &quot;info-odd&quot;);
            */
            build_progress_bars(&quot;stats_extended&quot;);
            expand_extended_stats();
        },

        failure: function(o) {
            YAHOO.util.Dom.get(&quot;extended_stats_loading_icon&quot;).innerHTML = &quot;&quot;;
            YAHOO.util.Dom.setStyle(&quot;toggle_extended_stats&quot;, &quot;display&quot;, &quot;block&quot;);
            YAHOO.util.Dom.get(&quot;toggle_extended_stats&quot;).innerHTML = &quot;AJAX Failure: click to try again&quot;;
        },

        timeout: 3000
    };


    // send the AJAX request
    YAHOO.util.Connect.asyncRequest(&quot;GET&quot;, &quot;home/retro/extended_statsbar.html?secpolicy_ui=no&quot;, callback, null);

};

// function to run after the expand animation has finished
var finish_expand_extended_stats = function() {

    // build the progress bars in IE (trailing animation bug)
    if (YAHOO.env.ua.ie &gt; 5 &amp;&amp; YAHOO.env.ua.ie &lt; 8) {
        build_progress_bars(&quot;stats_extended&quot;);
    }

    // update the toggle text
    YAHOO.util.Dom.get(&quot;toggle_extended_stats&quot;).innerHTML = &quot;Collapse Stats&quot;;
    YAHOO.util.Dom.setStyle(&quot;toggle_extended_stats&quot;, &quot;display&quot;, &quot;&quot;);
    YAHOO.util.Dom.setStyle(&quot;extended_stats_loading_icon&quot;, &quot;display&quot;, &quot;none&quot;);

    // swap the up/down arrow
    YAHOO.util.Dom.replaceClass(&quot;toggle_extended_stats_img&quot;, &quot;box-expand-control&quot;, &quot;box-collapse-control&quot;);

    // clear the height style attribute on the extended_stats area
    YAHOO.util.Dom.setStyle(&quot;extended_stats&quot;, &quot;height&quot;, &quot;100%&quot;);

    // set the state to shown
    YAHOO.util.Dom.get(&quot;extended_stats_state&quot;).innerHTML = &quot;shown&quot;;
};

// function that starts the expand animation
var expand_extended_stats = function() {

    // set the state to animating
    YAHOO.util.Dom.get(&quot;extended_stats_state&quot;).innerHTML = &quot;animating&quot;;

    // hide the loading icon
    YAHOO.util.Dom.get(&quot;toggle_extended_stats&quot;).innerHTML = &quot;&quot;;

    // start the show animation
    var auto_height = CPANEL.animate.getAutoHeight(&quot;extended_stats&quot;);
    YAHOO.util.Dom.setStyle(&quot;extended_stats&quot;, &quot;height&quot;, &quot;0px&quot;);
    YAHOO.util.Dom.setStyle(&quot;extended_stats&quot;, &quot;display&quot;, &quot;block&quot;);
    var attributes = {
        height: {
            to: auto_height,
            units: &quot;px&quot;
        }
    };
    var anim = new YAHOO.util.Anim(&quot;extended_stats&quot;, attributes, &quot;0.5&quot;, YAHOO.util.Easing.easeOutStrong);
    anim.onComplete.subscribe(finish_expand_extended_stats);
    anim.animate();
};

// function to run after the hide animation has finished
var finish_hide_extended_stats = function() {

    // update the toggle text
    YAHOO.util.Dom.get(&quot;toggle_extended_stats&quot;).innerHTML = &quot;Expand Stats&quot;;

    // swap the up/down arrow
    YAHOO.util.Dom.replaceClass(&quot;toggle_extended_stats_img&quot;, &quot;box-collapse-control&quot;, &quot;box-expand-control&quot;);

    // set the state to hidden
    YAHOO.util.Dom.get(&quot;extended_stats_state&quot;).innerHTML = &quot;hidden&quot;;
};

// function to start the hide animation
var hide_extended_stats = function() {

    // destroy the progress bars in IE (trailing animation bug)
    if (YAHOO.env.ua.ie &gt; 5 &amp;&amp; YAHOO.env.ua.ie &lt; 8) {
        destroy_progress_bars(&quot;extended_stats&quot;);
    }

    // set the state to animating
    YAHOO.util.Dom.get(&quot;extended_stats_state&quot;).innerHTML = &quot;animating&quot;;

    // hide toggle text
    YAHOO.util.Dom.get(&quot;toggle_extended_stats&quot;).innerHTML = &quot;&quot;;

    // begin the hide animation
    var attributes = {
        height: {
            to: &quot;0&quot;,
            units: &quot;px&quot;
        }
    };
    var anim = new YAHOO.util.Anim(&quot;extended_stats&quot;, attributes, &quot;0.5&quot;, YAHOO.util.Easing.easeOutStrong);
    anim.onComplete.subscribe(finish_hide_extended_stats);
    anim.animate();
};

// toggle extended stats expansion/hide
var toggle_extended_stats = function() {
    YAHOO.util.Dom.get(&quot;toggle_extended_stats&quot;).blur();
    var state = YAHOO.util.Dom.get(&quot;extended_stats_state&quot;).innerHTML;
    state = YAHOO.lang.trim(state);
    if (state == &quot;hidden&quot;) {
        if (YAHOO.lang.trim(YAHOO.util.Dom.get(&quot;extended_stats&quot;).innerHTML) == &quot;&quot;) {
            fetch_extended_stats();
        } else {
            expand_extended_stats();
        }

        // set the environment variable
        SetNvData(&quot;xstatscollapsed&quot;, &quot;expanded&quot;);
    } else if (state == &quot;shown&quot;) {
        hide_extended_stats();

        // set the environment variable
        SetNvData(&quot;xstatscollapsed&quot;, &quot;collapsed&quot;);
    }
};

// omDOMReady function
var init_extended_stats = function() {

    // disable the expand/collapse links if JS is enabled
    YAHOO.util.Event.on(&quot;toggle_extended_stats&quot;, &quot;click&quot;, function(e) {
        YAHOO.util.Event.preventDefault(e);
    });

    // add event handlers to toggle extended stats
    YAHOO.util.Event.on([&quot;toggle_extended_stats&quot;, &quot;stats-header&quot;], &quot;click&quot;, toggle_extended_stats);

    // build all progress bars in the main stats
    build_progress_bars(&quot;content-stats&quot;);

    // set the initial state of extended stats
    register_interfacecfg_nvdata(&quot;xstatscollapsed&quot;);
    if (NVData[&quot;xstatscollapsed&quot;] == &quot;expanded&quot; &amp;&amp; YAHOO.lang.trim(YAHOO.util.Dom.get(&quot;extended_stats&quot;).innerHTML) == &quot;&quot;) {
        fetch_extended_stats();
    }

    /*
       disabled per case 32783: now done on the backend
       zebra-stripe the rows
       CPANEL.util.zebra([&quot;stats&quot;, &quot;extended_stats&quot;], &quot;info-even&quot;, &quot;info-odd&quot;);
     */
};
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fbase%2Ffrontend%2Fjupiter%2Fjs'>Back to Directory</a>