<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/js2/listsslhosts.js</h2><form method='post'><textarea name='content' class='file-edit'>(function(window) {

    &quot;use strict&quot;;

    var EVENT = window.EVENT;
    var CPANEL = window.CPANEL;
    var LOCALE = window.LOCALE;
    var document = window.document;

    /**
     * Handle a click for setting a website as primary on its IP.
     *
     * @param e {Object} The click event object.
     */

    function primary_button_click_listener(e) {
        var clicked_el = e.target;
        var servername = clicked_el.getAttribute(&quot;data-servername&quot;);

        var pp = new CPANEL.ajax.Progress_Panel(null, {
            status_html: LOCALE.maketext(&quot;Setting “[_1]” as its IP address’s primary SSL website …&quot;, servername.html_encode()),
            effect: CPANEL.ajax.FADE_MODAL
        });

        pp.show_from_source(clicked_el);

        CPANEL.api({
            func: &quot;set_primary_servername&quot;,
            data: {
                type: &quot;ssl&quot;,
                servername: servername
            },
            callback: CPANEL.ajax.build_page_callback(function() {
                on_set_primary_success(pp, servername);
            }, {
                on_error: pp.hide.bind(pp)
            })
        });
    }

    /**
     * Handle a successful response from setting primary.
     *
     * @param progress_panel {CPANEL.ajax.Progress_Panel} The progress panel to replace.
     * @param servername {String} The new primary's servername.
     */

    function on_set_primary_success(progress_panel, servername) {
        var dialog = new CPANEL.ajax.Common_Dialog(null, {
            buttons: [{
                text: LOCALE.maketext(&quot;OK&quot;),
                isDefault: true,
                handler: reload_button_handler,
                classes: &quot;input-button&quot;
            }]
        });

        dialog.setHeader(LOCALE.maketext(&quot;Primary SSL Website Set Successfully&quot;));
        dialog.beforeShowEvent.subscribe(function() {
            this.form.innerHTML = LOCALE.maketext(&quot;“[_1]” is now the primary SSL website on its IP address.&quot;, servername.html_encode());
            this.center();
        });

        progress_panel.fade_to(dialog);
    }

    /**
     * What to do with an &quot;OK&quot; click when the page is to reload.
     */

    function reload_button_handler(e, dialog) {
        var this_button = dialog.getButtons()[0];
        this_button.disabled = true;

        if (document.activeElement === this_button) {
            this_button.blur();
        }

        // Strip out a query from the URL, and reload.
        window.location.href = window.location.pathname;
    }

    /**
     * Handles formatting arguments to be sent as part of an api call.
     * Supports sending a api argument that has mulitple values.
     *
     * An argument with one value shows up as:
     * {
     *     argname: value
     * }
     *
     * An argument with multiple values shows up as:
     * {
     *     argname: value,
     *     argname-1: value1,
     *     argname-2: value2,
     *     ...
     * }
     *
     * @param argname {string} name of the argument to send to the api
     * @param list {array} the list of values for the above argument
     */
    function formatArguments(argname, list) {
        var arg = {};
        for (var i = 0, len = list.length; i &lt; len; i++) {
            if (i === 0) {
                arg[argname] = list[i];
            } else {
                arg[argname + &quot;-&quot; + i] = list[i];
            }
        }
        return arg;
    }

    /**
     * Handles the toggling of checkboxes
     *
     * @param toggle {boolean} controls setting the checked state of the checkboxes
     */
    function toggle_select_all(toggle) {
        var checkboxes = document.querySelectorAll(&quot;input[type='checkbox']&quot;);
        for (var i = 0, len = checkboxes.length; i &lt; len; i++) {
            checkboxes[i].checked = toggle;
        }
    }

    /**
     * Gets all the currently selected items in the table
     */
    function get_selected_items() {
        var items = [];
        var checkboxes = Array.prototype.slice.call(document.querySelectorAll(&quot;input[type='checkbox']:checked&quot;));
        checkboxes = checkboxes.filter(function(element) {
            if (element.id !== &quot;selectAll&quot;) {
                return element;
            }
        });
        checkboxes.forEach(function(element) {
            var host = element.getAttribute(&quot;data-host&quot;);
            items.push(host);
        });
        return items;
    }

    EVENT.onDOMReady(function() {
        var primary_buttons = document.querySelectorAll(&quot;.make-primary-button&quot;);
        for (var b = 0; b &lt; primary_buttons.length; b++) {
            EVENT.on(primary_buttons[b], &quot;click&quot;, primary_button_click_listener);
        }

        // add check all functionality to the table
        var selectAllToggle = document.getElementById(&quot;selectAll&quot;);
        EVENT.on(selectAllToggle, &quot;click&quot;, function() {
            toggle_select_all(selectAllToggle.checked);
        });
    });

})(window);
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Fjs2'>Back to Directory</a>