first commit

lib/yui/build/moodle-core-chooserdialogue/moodle-core-chooserdialogue-debug.js

@@ -0,0 +1,412 @@
+YUI.add('moodle-core-chooserdialogue', function (Y, NAME) {
+
+/**
+ * A type of dialogue used as for choosing options.
+ *
+ * @module moodle-core-chooserdialogue
+ */
+
+/**
+ * A type of dialogue used as for choosing options.
+ *
+ * @constructor
+ * @class M.core.chooserdialogue
+ */
+var CHOOSERDIALOGUE = function() {
+    CHOOSERDIALOGUE.superclass.constructor.apply(this, arguments);
+};
+
+Y.extend(CHOOSERDIALOGUE, Y.Base, {
+    // The panel widget
+    panel: null,
+
+    // The submit button - we disable this until an element is set
+    submitbutton: null,
+
+    // The chooserdialogue container
+    container: null,
+
+    // Any event listeners we may need to cancel later
+    listenevents: [],
+
+    bodycontent: null,
+    headercontent: null,
+    instanceconfig: null,
+
+    // The hidden field storing the disabled element values for submission.
+    hiddenRadioValue: null,
+
+    setup_chooser_dialogue: function(bodycontent, headercontent, config) {
+        this.bodycontent = bodycontent;
+        this.headercontent = headercontent;
+        this.instanceconfig = config;
+    },
+
+    prepare_chooser: function() {
+        if (this.panel) {
+            return;
+        }
+
+        // Ensure that we're showing the JS version of the chooser.
+        Y.one(Y.config.doc.body).addClass('jschooser');
+
+        // Set Default options
+        var paramkey,
+            params = {
+                bodyContent: this.bodycontent.get('innerHTML'),
+                headerContent: this.headercontent.get('innerHTML'),
+                width: '540px',
+                draggable: true,
+                visible: false, // Hide by default
+                zindex: 100, // Display in front of other items
+                modal: true, // This dialogue should be modal.
+                shim: true,
+                closeButtonTitle: this.get('closeButtonTitle'),
+                focusOnPreviousTargetAfterHide: true,
+                render: false,
+                extraClasses: this._getClassNames()
+            };
+
+        // Override with additional options
+        for (paramkey in this.instanceconfig) {
+          params[paramkey] = this.instanceconfig[paramkey];
+        }
+
+        // Create the panel
+        this.panel = new M.core.dialogue(params);
+
+        // Remove the template for the chooser
+        this.bodycontent.remove();
+        this.headercontent.remove();
+
+        // Hide and then render the panel
+        this.panel.hide();
+        this.panel.render();
+
+        // Set useful links.
+        this.container = this.panel.get('boundingBox').one('.choosercontainer');
+        this.options = this.container.all('.option input[type=radio]');
+
+        // The hidden form element we use when submitting.
+        this.hiddenRadioValue = Y.Node.create('<input type="hidden" value="" />');
+        this.container.one('form').appendChild(this.hiddenRadioValue);
+
+
+        // Add the chooserdialogue class to the container for styling
+        this.panel.get('boundingBox').addClass('chooserdialogue');
+    },
+
+    /**
+      * Display the module chooser
+      *
+      * @method display_chooser
+      * @param {EventFacade} e Triggering Event
+      */
+    display_chooser: function(e) {
+        var bb, dialogue, thisevent;
+        this.prepare_chooser();
+
+        // Stop the default event actions before we proceed
+        e.preventDefault();
+
+        bb = this.panel.get('boundingBox');
+        dialogue = this.container.one('.alloptions');
+
+        // This will detect a change in orientation and retrigger centering
+        thisevent = Y.one('document').on('orientationchange', function() {
+            this.center_dialogue(dialogue);
+        }, this);
+        this.listenevents.push(thisevent);
+
+        // Detect window resizes (most browsers)
+        thisevent = Y.one('window').on('resize', function() {
+            this.center_dialogue(dialogue);
+        }, this);
+        this.listenevents.push(thisevent);
+
+        // These will trigger a check_options call to display the correct help
+        thisevent = this.container.on('click', this.check_options, this);
+        this.listenevents.push(thisevent);
+        thisevent = this.container.on('key_up', this.check_options, this);
+        this.listenevents.push(thisevent);
+        thisevent = this.container.on('dblclick', function(e) {
+            if (e.target.ancestor('div.option')) {
+                this.check_options();
+
+                // Prevent duplicate submissions
+                this.submitbutton.setAttribute('disabled', 'disabled');
+                this.options.setAttribute('disabled', 'disabled');
+                this.cancel_listenevents();
+
+                this.container.one('form').submit();
+            }
+        }, this);
+        this.listenevents.push(thisevent);
+
+        this.container.one('form').on('submit', function() {
+            // Prevent duplicate submissions on submit
+            this.submitbutton.setAttribute('disabled', 'disabled');
+            this.options.setAttribute('disabled', 'disabled');
+            this.cancel_listenevents();
+        }, this);
+
+        // Hook onto the cancel button to hide the form
+        thisevent = this.container.one('.addcancel').on('click', this.cancel_popup, this);
+        this.listenevents.push(thisevent);
+
+        // Hide will be managed by cancel_popup after restoring the body overflow
+        thisevent = bb.one('button.closebutton').on('click', this.cancel_popup, this);
+        this.listenevents.push(thisevent);
+
+        // Grab global keyup events and handle them
+        thisevent = Y.one('document').on('keydown', this.handle_key_press, this);
+        this.listenevents.push(thisevent);
+
+        // Add references to various elements we adjust
+        this.submitbutton = this.container.one('.submitbutton');
+
+        // Disable the submit element until the user makes a selection
+        this.submitbutton.set('disabled', 'true');
+
+        // Ensure that the options are shown
+        this.options.removeAttribute('disabled');
+
+        // Display the panel
+        this.panel.show(e);
+
+        // Re-centre the dialogue after we've shown it.
+        this.center_dialogue(dialogue);
+
+        // Finally, focus the first radio element - this enables form selection via the keyboard
+        this.container.one('.option input[type=radio]').focus();
+
+        // Trigger check_options to set the initial jumpurl
+        this.check_options();
+    },
+
+    /**
+     * Cancel any listen events in the listenevents queue
+     *
+     * Several locations add event handlers which should only be called before the form is submitted. This provides
+     * a way of cancelling those events.
+     *
+     * @method cancel_listenevents
+     */
+    cancel_listenevents: function() {
+        // Detach all listen events to prevent duplicate triggers
+        var thisevent;
+        while (this.listenevents.length) {
+            thisevent = this.listenevents.shift();
+            thisevent.detach();
+        }
+    },
+
+    /**
+      * Calculate the optimum height of the chooser dialogue
+      *
+      * This tries to set a sensible maximum and minimum to ensure that some options are always shown, and preferably
+      * all, whilst fitting the box within the current viewport.
+      *
+      * @method center_dialogue
+      * @param Node {dialogue} Y.Node The dialogue
+      */
+    center_dialogue: function(dialogue) {
+        var bb = this.panel.get('boundingBox'),
+            winheight = bb.get('winHeight'),
+            newheight, totalheight;
+
+        if (this.panel.shouldResizeFullscreen()) {
+            dialogue.setStyle('maxHeight', '100%');
+            dialogue.setStyle('height', 'auto');
+            this.panel.makeResponsive();
+            return;
+        }
+
+        // Try and set a sensible max-height -- this must be done before setting the top
+        // Set a default height of 640px
+        newheight = this.get('maxheight');
+        if (winheight <= newheight) {
+            // Deal with smaller window sizes
+            if (winheight <= this.get('minheight')) {
+                newheight = this.get('minheight');
+            } else {
+                newheight = winheight;
+            }
+        }
+
+        // If the dialogue is larger than a reasonable minimum height, we
+        // disable the page scrollbars.
+        if (newheight > this.get('minheight')) {
+            // Disable the page scrollbars.
+            if (this.panel.lockScroll && !this.panel.lockScroll.isActive()) {
+                this.panel.lockScroll.enableScrollLock(true);
+            }
+        } else {
+            // Re-enable the page scrollbars.
+            if (this.panel.lockScroll && this.panel.lockScroll.isActive()) {
+                this.panel.lockScroll.disableScrollLock();
+            }
+        }
+
+        // Take off 15px top and bottom for borders, plus 69px for the title and 57px for the
+        // button area before setting the new max-height.
+        totalheight = newheight;
+        newheight = newheight - (69 + 57 + 15 + 15);
+        dialogue.setStyle('maxHeight', newheight + 'px');
+
+        var dialogueheight = bb.getStyle('height');
+        if (dialogueheight.match(/.*px$/)) {
+            dialogueheight = dialogueheight.replace(/px$/, '');
+        } else {
+            dialogueheight = totalheight;
+        }
+
+        if (dialogueheight < this.get('baseheight')) {
+            dialogueheight = this.get('baseheight');
+            dialogue.setStyle('height', dialogueheight + 'px');
+        } else {
+            dialogue.setStyle('height', 'auto');
+        }
+
+        this.panel.centerDialogue();
+    },
+
+    handle_key_press: function(e) {
+        if (e.keyCode === 27) {
+            this.cancel_popup(e);
+        }
+    },
+
+    cancel_popup: function(e) {
+        // Prevent normal form submission before hiding
+        e.preventDefault();
+        this.hide();
+    },
+
+    hide: function() {
+        // Cancel all listen events
+        this.cancel_listenevents();
+
+        this.container.detachAll();
+        this.panel.hide();
+    },
+
+    check_options: function() {
+        // Check which options are set, and change the parent class
+        // to show/hide help as required
+        this.options.each(function(thisoption) {
+            var optiondiv = thisoption.get('parentNode').get('parentNode');
+            if (thisoption.get('checked')) {
+                optiondiv.addClass('selected');
+
+                // Trigger any events for this option
+                this.option_selected(thisoption);
+
+                // Ensure that the form may be submitted
+                this.submitbutton.removeAttribute('disabled');
+
+                // Ensure that the radio remains focus so that keyboard navigation is still possible
+                thisoption.focus();
+            } else {
+                optiondiv.removeClass('selected');
+            }
+        }, this);
+    },
+
+    option_selected: function(e) {
+        // Set a hidden input field with the value and name of the radio button.  When we submit the form, we
+        // disable the radios to prevent duplicate submission. This has the result however that the value is never
+        // submitted so we set this value to a hidden field instead
+        this.hiddenRadioValue.setAttrs({
+            value: e.get('value'),
+            name: e.get('name')
+        });
+    },
+
+    /**
+     * Return an array of class names prefixed with 'chooserdialogue-' and
+     * the name of the type of dialogue.
+     *
+     * Note: Class name are converted to lower-case.
+     *
+     * If an array of arguments is supplied, each of these is prefixed and
+     * lower-cased also.
+     *
+     * If no arguments are supplied, then the prefix is returned on it's
+     * own.
+     *
+     * @method _getClassNames
+     * @param {Array} [args] Any additional names to prefix and lower-case.
+     * @return {Array}
+     * @private
+     */
+    _getClassNames: function(args) {
+        var prefix = 'chooserdialogue-' + this.name,
+            results = [];
+
+        results.push(prefix.toLowerCase());
+        if (args) {
+            var arg;
+            for (arg in args) {
+                results.push((prefix + '-' + arg).toLowerCase());
+            }
+        }
+
+        return results;
+    }
+},
+{
+    NAME: 'moodle-core-chooserdialogue',
+    ATTRS: {
+        /**
+         * The minimum height (in pixels) before resizing is prevented and scroll
+         * locking disabled.
+         *
+         * @attribute minheight
+         * @type Number
+         * @default 300
+         */
+        minheight: {
+            value: 300
+        },
+
+        /**
+         * The base height??
+         *
+         * @attribute baseheight
+         * @type Number
+         * @default 400
+         */
+        baseheight: {
+            value: 400
+        },
+
+        /**
+         * The maximum height (in pixels) at which we stop resizing.
+         *
+         * @attribute maxheight
+         * @type Number
+         * @default 300
+         */
+        maxheight: {
+            value: 660
+        },
+
+        /**
+         * The title of the close button.
+         *
+         * @attribute closeButtonTitle
+         * @type String
+         * @default 'Close'
+         */
+        closeButtonTitle: {
+            validator: Y.Lang.isString,
+            value: 'Close'
+        }
+    }
+});
+M.core = M.core || {};
+M.core.chooserdialogue = CHOOSERDIALOGUE;
+
+
+}, '@VERSION@', {"requires": ["base", "panel", "moodle-core-notification"]});

lib/yui/build/moodle-core-chooserdialogue/moodle-core-chooserdialogue-min.js

@@ -0,0 +1 @@
+YUI.add("moodle-core-chooserdialogue",function(s,e){var t=function(){t.superclass.constructor.apply(this,arguments)};s.extend(t,s.Base,{panel:null,submitbutton:null,container:null,listenevents:[],bodycontent:null,headercontent:null,instanceconfig:null,hiddenRadioValue:null,setup_chooser_dialogue:function(e,t,i){this.bodycontent=e,this.headercontent=t,this.instanceconfig=i},prepare_chooser:function(){if(!this.panel){s.one(s.config.doc.body).addClass("jschooser");var e,t={bodyContent:this.bodycontent.get("innerHTML"),headerContent:this.headercontent.get("innerHTML"),width:"540px",draggable:!0,visible:!1,zindex:100,modal:!0,shim:!0,closeButtonTitle:this.get("closeButtonTitle"),focusOnPreviousTargetAfterHide:!0,render:!1,extraClasses:this._getClassNames()};for(e in this.instanceconfig)t[e]=this.instanceconfig[e];this.panel=new M.core.dialogue(t),this.bodycontent.remove(),this.headercontent.remove(),this.panel.hide(),this.panel.render(),this.container=this.panel.get("boundingBox").one(".choosercontainer"),this.options=this.container.all(".option input[type=radio]"),this.hiddenRadioValue=s.Node.create('<input type="hidden" value="" />'),this.container.one("form").appendChild(this.hiddenRadioValue),this.panel.get("boundingBox").addClass("chooserdialogue")}},display_chooser:function(e){var t,i,n;this.prepare_chooser(),e.preventDefault(),t=this.panel.get("boundingBox"),i=this.container.one(".alloptions"),n=s.one("document").on("orientationchange",function(){this.center_dialogue(i)},this),this.listenevents.push(n),n=s.one("window").on("resize",function(){this.center_dialogue(i)},this),this.listenevents.push(n),n=this.container.on("click",this.check_options,this),this.listenevents.push(n),n=this.container.on("key_up",this.check_options,this),this.listenevents.push(n),n=this.container.on("dblclick",function(e){e.target.ancestor("div.option")&&(this.check_options(),this.submitbutton.setAttribute("disabled","disabled"),this.options.setAttribute("disabled","disabled"),this.cancel_listenevents(),this.container.one("form").submit())},this),this.listenevents.push(n),this.container.one("form").on("submit",function(){this.submitbutton.setAttribute("disabled","disabled"),this.options.setAttribute("disabled","disabled"),this.cancel_listenevents()},this),n=this.container.one(".addcancel").on("click",this.cancel_popup,this),this.listenevents.push(n),n=t.one("button.closebutton").on("click",this.cancel_popup,this),this.listenevents.push(n),n=s.one("document").on("keydown",this.handle_key_press,this),this.listenevents.push(n),this.submitbutton=this.container.one(".submitbutton"),this.submitbutton.set("disabled","true"),this.options.removeAttribute("disabled"),this.panel.show(e),this.center_dialogue(i),this.container.one(".option input[type=radio]").focus(),this.check_options()},cancel_listenevents:function(){for(;this.listenevents.length;)this.listenevents.shift().detach()},center_dialogue:function(e){var t,i=this.panel.get("boundingBox"),n=i.get("winHeight");if(this.panel.shouldResizeFullscreen())return e.setStyle("maxHeight","100%"),e.setStyle("height","auto"),void this.panel.makeResponsive();(t=n<=(t=this.get("maxheight"))?n<=this.get("minheight")?this.get("minheight"):n:t)>this.get("minheight")?this.panel.lockScroll&&!this.panel.lockScroll.isActive()&&this.panel.lockScroll.enableScrollLock(!0):this.panel.lockScroll&&this.panel.lockScroll.isActive()&&this.panel.lockScroll.disableScrollLock(),n=t,e.setStyle("maxHeight",(t-=156)+"px"),(t=(t=i.getStyle("height")).match(/.*px$/)?t.replace(/px$/,""):n)<this.get("baseheight")?(t=this.get("baseheight"),e.setStyle("height",t+"px")):e.setStyle("height","auto"),this.panel.centerDialogue()},handle_key_press:function(e){27===e.keyCode&&this.cancel_popup(e)},cancel_popup:function(e){e.preventDefault(),this.hide()},hide:function(){this.cancel_listenevents(),this.container.detachAll(),this.panel.hide()},check_options:function(){this.options.each(function(e){var t=e.get("parentNode").get("parentNode");e.get("checked")?(t.addClass("selected"),this.option_selected(e),this.submitbutton.removeAttribute("disabled"),e.focus()):t.removeClass("selected")},this)},option_selected:function(e){this.hiddenRadioValue.setAttrs({value:e.get("value"),name:e.get("name")})},_getClassNames:function(e){var t,i="chooserdialogue-"+this.name,n=[];if(n.push(i.toLowerCase()),e)for(t in e)n.push((i+"-"+t).toLowerCase());return n}},{NAME:"moodle-core-chooserdialogue",ATTRS:{minheight:{value:300},baseheight:{value:400},maxheight:{value:660},closeButtonTitle:{validator:s.Lang.isString,value:"Close"}}}),M.core=M.core||{},M.core.chooserdialogue=t},"@VERSION@",{requires:["base","panel","moodle-core-notification"]});

lib/yui/build/moodle-core-chooserdialogue/moodle-core-chooserdialogue.js

@@ -0,0 +1,412 @@
+YUI.add('moodle-core-chooserdialogue', function (Y, NAME) {
+
+/**
+ * A type of dialogue used as for choosing options.
+ *
+ * @module moodle-core-chooserdialogue
+ */
+
+/**
+ * A type of dialogue used as for choosing options.
+ *
+ * @constructor
+ * @class M.core.chooserdialogue
+ */
+var CHOOSERDIALOGUE = function() {
+    CHOOSERDIALOGUE.superclass.constructor.apply(this, arguments);
+};
+
+Y.extend(CHOOSERDIALOGUE, Y.Base, {
+    // The panel widget
+    panel: null,
+
+    // The submit button - we disable this until an element is set
+    submitbutton: null,
+
+    // The chooserdialogue container
+    container: null,
+
+    // Any event listeners we may need to cancel later
+    listenevents: [],
+
+    bodycontent: null,
+    headercontent: null,
+    instanceconfig: null,
+
+    // The hidden field storing the disabled element values for submission.
+    hiddenRadioValue: null,
+
+    setup_chooser_dialogue: function(bodycontent, headercontent, config) {
+        this.bodycontent = bodycontent;
+        this.headercontent = headercontent;
+        this.instanceconfig = config;
+    },
+
+    prepare_chooser: function() {
+        if (this.panel) {
+            return;
+        }
+
+        // Ensure that we're showing the JS version of the chooser.
+        Y.one(Y.config.doc.body).addClass('jschooser');
+
+        // Set Default options
+        var paramkey,
+            params = {
+                bodyContent: this.bodycontent.get('innerHTML'),
+                headerContent: this.headercontent.get('innerHTML'),
+                width: '540px',
+                draggable: true,
+                visible: false, // Hide by default
+                zindex: 100, // Display in front of other items
+                modal: true, // This dialogue should be modal.
+                shim: true,
+                closeButtonTitle: this.get('closeButtonTitle'),
+                focusOnPreviousTargetAfterHide: true,
+                render: false,
+                extraClasses: this._getClassNames()
+            };
+
+        // Override with additional options
+        for (paramkey in this.instanceconfig) {
+          params[paramkey] = this.instanceconfig[paramkey];
+        }
+
+        // Create the panel
+        this.panel = new M.core.dialogue(params);
+
+        // Remove the template for the chooser
+        this.bodycontent.remove();
+        this.headercontent.remove();
+
+        // Hide and then render the panel
+        this.panel.hide();
+        this.panel.render();
+
+        // Set useful links.
+        this.container = this.panel.get('boundingBox').one('.choosercontainer');
+        this.options = this.container.all('.option input[type=radio]');
+
+        // The hidden form element we use when submitting.
+        this.hiddenRadioValue = Y.Node.create('<input type="hidden" value="" />');
+        this.container.one('form').appendChild(this.hiddenRadioValue);
+
+
+        // Add the chooserdialogue class to the container for styling
+        this.panel.get('boundingBox').addClass('chooserdialogue');
+    },
+
+    /**
+      * Display the module chooser
+      *
+      * @method display_chooser
+      * @param {EventFacade} e Triggering Event
+      */
+    display_chooser: function(e) {
+        var bb, dialogue, thisevent;
+        this.prepare_chooser();
+
+        // Stop the default event actions before we proceed
+        e.preventDefault();
+
+        bb = this.panel.get('boundingBox');
+        dialogue = this.container.one('.alloptions');
+
+        // This will detect a change in orientation and retrigger centering
+        thisevent = Y.one('document').on('orientationchange', function() {
+            this.center_dialogue(dialogue);
+        }, this);
+        this.listenevents.push(thisevent);
+
+        // Detect window resizes (most browsers)
+        thisevent = Y.one('window').on('resize', function() {
+            this.center_dialogue(dialogue);
+        }, this);
+        this.listenevents.push(thisevent);
+
+        // These will trigger a check_options call to display the correct help
+        thisevent = this.container.on('click', this.check_options, this);
+        this.listenevents.push(thisevent);
+        thisevent = this.container.on('key_up', this.check_options, this);
+        this.listenevents.push(thisevent);
+        thisevent = this.container.on('dblclick', function(e) {
+            if (e.target.ancestor('div.option')) {
+                this.check_options();
+
+                // Prevent duplicate submissions
+                this.submitbutton.setAttribute('disabled', 'disabled');
+                this.options.setAttribute('disabled', 'disabled');
+                this.cancel_listenevents();
+
+                this.container.one('form').submit();
+            }
+        }, this);
+        this.listenevents.push(thisevent);
+
+        this.container.one('form').on('submit', function() {
+            // Prevent duplicate submissions on submit
+            this.submitbutton.setAttribute('disabled', 'disabled');
+            this.options.setAttribute('disabled', 'disabled');
+            this.cancel_listenevents();
+        }, this);
+
+        // Hook onto the cancel button to hide the form
+        thisevent = this.container.one('.addcancel').on('click', this.cancel_popup, this);
+        this.listenevents.push(thisevent);
+
+        // Hide will be managed by cancel_popup after restoring the body overflow
+        thisevent = bb.one('button.closebutton').on('click', this.cancel_popup, this);
+        this.listenevents.push(thisevent);
+
+        // Grab global keyup events and handle them
+        thisevent = Y.one('document').on('keydown', this.handle_key_press, this);
+        this.listenevents.push(thisevent);
+
+        // Add references to various elements we adjust
+        this.submitbutton = this.container.one('.submitbutton');
+
+        // Disable the submit element until the user makes a selection
+        this.submitbutton.set('disabled', 'true');
+
+        // Ensure that the options are shown
+        this.options.removeAttribute('disabled');
+
+        // Display the panel
+        this.panel.show(e);
+
+        // Re-centre the dialogue after we've shown it.
+        this.center_dialogue(dialogue);
+
+        // Finally, focus the first radio element - this enables form selection via the keyboard
+        this.container.one('.option input[type=radio]').focus();
+
+        // Trigger check_options to set the initial jumpurl
+        this.check_options();
+    },
+
+    /**
+     * Cancel any listen events in the listenevents queue
+     *
+     * Several locations add event handlers which should only be called before the form is submitted. This provides
+     * a way of cancelling those events.
+     *
+     * @method cancel_listenevents
+     */
+    cancel_listenevents: function() {
+        // Detach all listen events to prevent duplicate triggers
+        var thisevent;
+        while (this.listenevents.length) {
+            thisevent = this.listenevents.shift();
+            thisevent.detach();
+        }
+    },
+
+    /**
+      * Calculate the optimum height of the chooser dialogue
+      *
+      * This tries to set a sensible maximum and minimum to ensure that some options are always shown, and preferably
+      * all, whilst fitting the box within the current viewport.
+      *
+      * @method center_dialogue
+      * @param Node {dialogue} Y.Node The dialogue
+      */
+    center_dialogue: function(dialogue) {
+        var bb = this.panel.get('boundingBox'),
+            winheight = bb.get('winHeight'),
+            newheight, totalheight;
+
+        if (this.panel.shouldResizeFullscreen()) {
+            dialogue.setStyle('maxHeight', '100%');
+            dialogue.setStyle('height', 'auto');
+            this.panel.makeResponsive();
+            return;
+        }
+
+        // Try and set a sensible max-height -- this must be done before setting the top
+        // Set a default height of 640px
+        newheight = this.get('maxheight');
+        if (winheight <= newheight) {
+            // Deal with smaller window sizes
+            if (winheight <= this.get('minheight')) {
+                newheight = this.get('minheight');
+            } else {
+                newheight = winheight;
+            }
+        }
+
+        // If the dialogue is larger than a reasonable minimum height, we
+        // disable the page scrollbars.
+        if (newheight > this.get('minheight')) {
+            // Disable the page scrollbars.
+            if (this.panel.lockScroll && !this.panel.lockScroll.isActive()) {
+                this.panel.lockScroll.enableScrollLock(true);
+            }
+        } else {
+            // Re-enable the page scrollbars.
+            if (this.panel.lockScroll && this.panel.lockScroll.isActive()) {
+                this.panel.lockScroll.disableScrollLock();
+            }
+        }
+
+        // Take off 15px top and bottom for borders, plus 69px for the title and 57px for the
+        // button area before setting the new max-height.
+        totalheight = newheight;
+        newheight = newheight - (69 + 57 + 15 + 15);
+        dialogue.setStyle('maxHeight', newheight + 'px');
+
+        var dialogueheight = bb.getStyle('height');
+        if (dialogueheight.match(/.*px$/)) {
+            dialogueheight = dialogueheight.replace(/px$/, '');
+        } else {
+            dialogueheight = totalheight;
+        }
+
+        if (dialogueheight < this.get('baseheight')) {
+            dialogueheight = this.get('baseheight');
+            dialogue.setStyle('height', dialogueheight + 'px');
+        } else {
+            dialogue.setStyle('height', 'auto');
+        }
+
+        this.panel.centerDialogue();
+    },
+
+    handle_key_press: function(e) {
+        if (e.keyCode === 27) {
+            this.cancel_popup(e);
+        }
+    },
+
+    cancel_popup: function(e) {
+        // Prevent normal form submission before hiding
+        e.preventDefault();
+        this.hide();
+    },
+
+    hide: function() {
+        // Cancel all listen events
+        this.cancel_listenevents();
+
+        this.container.detachAll();
+        this.panel.hide();
+    },
+
+    check_options: function() {
+        // Check which options are set, and change the parent class
+        // to show/hide help as required
+        this.options.each(function(thisoption) {
+            var optiondiv = thisoption.get('parentNode').get('parentNode');
+            if (thisoption.get('checked')) {
+                optiondiv.addClass('selected');
+
+                // Trigger any events for this option
+                this.option_selected(thisoption);
+
+                // Ensure that the form may be submitted
+                this.submitbutton.removeAttribute('disabled');
+
+                // Ensure that the radio remains focus so that keyboard navigation is still possible
+                thisoption.focus();
+            } else {
+                optiondiv.removeClass('selected');
+            }
+        }, this);
+    },
+
+    option_selected: function(e) {
+        // Set a hidden input field with the value and name of the radio button.  When we submit the form, we
+        // disable the radios to prevent duplicate submission. This has the result however that the value is never
+        // submitted so we set this value to a hidden field instead
+        this.hiddenRadioValue.setAttrs({
+            value: e.get('value'),
+            name: e.get('name')
+        });
+    },
+
+    /**
+     * Return an array of class names prefixed with 'chooserdialogue-' and
+     * the name of the type of dialogue.
+     *
+     * Note: Class name are converted to lower-case.
+     *
+     * If an array of arguments is supplied, each of these is prefixed and
+     * lower-cased also.
+     *
+     * If no arguments are supplied, then the prefix is returned on it's
+     * own.
+     *
+     * @method _getClassNames
+     * @param {Array} [args] Any additional names to prefix and lower-case.
+     * @return {Array}
+     * @private
+     */
+    _getClassNames: function(args) {
+        var prefix = 'chooserdialogue-' + this.name,
+            results = [];
+
+        results.push(prefix.toLowerCase());
+        if (args) {
+            var arg;
+            for (arg in args) {
+                results.push((prefix + '-' + arg).toLowerCase());
+            }
+        }
+
+        return results;
+    }
+},
+{
+    NAME: 'moodle-core-chooserdialogue',
+    ATTRS: {
+        /**
+         * The minimum height (in pixels) before resizing is prevented and scroll
+         * locking disabled.
+         *
+         * @attribute minheight
+         * @type Number
+         * @default 300
+         */
+        minheight: {
+            value: 300
+        },
+
+        /**
+         * The base height??
+         *
+         * @attribute baseheight
+         * @type Number
+         * @default 400
+         */
+        baseheight: {
+            value: 400
+        },
+
+        /**
+         * The maximum height (in pixels) at which we stop resizing.
+         *
+         * @attribute maxheight
+         * @type Number
+         * @default 300
+         */
+        maxheight: {
+            value: 660
+        },
+
+        /**
+         * The title of the close button.
+         *
+         * @attribute closeButtonTitle
+         * @type String
+         * @default 'Close'
+         */
+        closeButtonTitle: {
+            validator: Y.Lang.isString,
+            value: 'Close'
+        }
+    }
+});
+M.core = M.core || {};
+M.core.chooserdialogue = CHOOSERDIALOGUE;
+
+
+}, '@VERSION@', {"requires": ["base", "panel", "moodle-core-notification"]});