c9-core/plugins/c9.ide.collab/collabpanel.js

define(function(require, module, exports) {
    main.consumes = ["Plugin", "ui", "collab", "settings"];
    main.provides = ["CollabPanel"];
    return main;

    function main(options, imports, register) {
        var Plugin = imports.Plugin;
        var ui = imports.ui;
        var collab = imports.collab;
        var settings = imports.settings;

        function CollabPanel(developer, deps, options) {
            // Editor extends ext.Plugin
            var plugin = new Plugin(developer, deps);
            var emit = plugin.getEmitter();
            emit.setMaxListeners(1000);

            var caption = options.caption;
            var index = options.index || 100;
            var height = options.height || "";
            var style = options.style || "";
            var amlFrame;

            plugin.on("load", function() {
                // Draw panel when collab panel is drawn
                collab.once("drawPanels", draw, plugin);
            });

            function draw(e) {
                amlFrame = ui.frame({
                    buttons: "min",
                    activetitle: "min",
                    "class": "absframe",
                    style: "position:relative;" + (style || ""),
                    textselect: options.textselect,
                    // height      : height,
                    caption: caption
                });
                
                var aml = e.aml;

                if (index == 100)
                    aml.insertBefore(amlFrame, aml.firstChild);
                else
                    aml.appendChild(amlFrame);
                
                if (height)
                    amlFrame.setHeight(height);
                
                // ui.insertByIndex(e.html, amlFrame.$ext, index, false);
                plugin.addElement(amlFrame);

                emit.sticky("draw", { aml: amlFrame, html: amlFrame.$int });

                amlFrame.on("prop.height", function() {
                    emit("resize");
                });
                
                amlFrame.on("afterstatechange", function () {
                    if (amlFrame.parentNode) {
                        amlFrame.parentNode.childNodes.forEach(function(n) {
                            n.emit("resize");
                        });
                        var closed = amlFrame.state != "normal";
                        settings.set("state/collab/panel/" + options.name
                            + "/@closed", closed);
                    }
                });
                settings.once("read", function() {
                    var closed = settings.get("state/collab/panel/" + options.name
                        + "/@closed", closed);
                    if (closed)
                        setTimeout(function() {amlFrame.minimize();}, 10);
                });
                collab.on("show", function() { emit("show"); }, plugin);
                collab.on("hide", function() { emit("hide"); }, plugin);
            }

            /***** Methods *****/

            function show() {
                collab.show();
                amlFrame && amlFrame.restore();
                emit("show");
            }

            function hide() {
                amlFrame.hide();
                emit("hide");
            }

            /***** Register and define API *****/

            plugin.freezePublicAPI.baseclass();

            /**
             * Collab panel base class for the {@link collab}.
             *
             * A collab panel is a section of the collab that allows users to
             * collaborate on a workspace
             *
             * @class CollabPanel
             * @extends Plugin
             */
            /**
             * @constructor
             * Creates a new CollabPanel instance.
             * @param {String}   developer   The name of the developer of the plugin
             * @param {String[]} deps        A list of dependencies for this
             *   plugin. In most cases it's a reference to `main.consumes`.
             * @param {Object}   options     The options for the collab panel
             * @param {String}   options.caption  The caption of the frame.
             */
            plugin.freezePublicAPI({
                /**
                 * The APF UI element that is presenting the pane in the UI.
                 * This property is here for internal reasons only. *Do not
                 * depend on this property in your plugin.*
                 * @property {AMLElement} aml
                 * @private
                 * @readonly
                 */
                get aml() { return amlFrame; },

                _events: [
                    /**
                     * Fired when the panel container is drawn.
                     * @event draw
                     * @param {Object}      e
                     * @param {HTMLElement} e.html  The html container.
                     * @param {AMLElement}  e.aml   The aml container.
                     */
                    "draw"
                ],

                /**
                 * Shows the panel.
                 */
                show: show,

                /**
                 * Hides the panel.
                 */
                hide: hide
            });

            return plugin;
        }

        /***** Register and define API *****/

        register(null, {
            CollabPanel: CollabPanel
        });
    }
});