Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
var DROPDOWN_NAME = "Dropdown menu",
2 
    DROPDOWN;
3 
 
4 
/**
5 
 * Provides an in browser PDF editor.
6 
 *
7 
 * @module moodle-assignfeedback_editpdf-editor
8 
 */
9 
 
10 
/**
11 
 * This is a drop down list of buttons triggered (and aligned to) a button.
12 
 *
13 
 * @namespace M.assignfeedback_editpdf
14 
 * @class dropdown
15 
 * @constructor
16 
 * @extends M.core.dialogue
17 
 */
18 
DROPDOWN = function(config) {
19 
    config.draggable = false;
20 
    config.centered = false;
21 
    config.width = 'auto';
22 
    config.visible = false;
23 
    config.footerContent = '';
24 
    DROPDOWN.superclass.constructor.apply(this, [config]);
25 
};
26 
 
27 
Y.extend(DROPDOWN, M.core.dialogue, {
28 
    /**
29 
     * Initialise the menu.
30 
     *
31 
     * @method initializer
32 
     * @return void
33 
     */
34 
    initializer: function(config) {
35 
        var button, body, headertext, bb;
36 
        DROPDOWN.superclass.initializer.call(this, config);
37 
 
38 
        bb = this.get('boundingBox');
39 
        bb.addClass('assignfeedback_editpdf_dropdown');
40 
 
41 
        // Align the menu to the button that opens it.
42 
        button = this.get('buttonNode');
43 
 
44 
        // Close the menu when clicked outside (excluding the button that opened the menu).
45 
        body = this.bodyNode;
46 
 
47 
        headertext = Y.Node.create('<h3/>');
48 
        headertext.addClass('accesshide');
49 
        headertext.setHTML(this.get('headerText'));
50 
        body.prepend(headertext);
51 
 
52 
        body.on('clickoutside', function(e) {
53 
            if (this.get('visible')) {
54 
                // Note: we need to compare ids because for some reason - sometimes button is an Object, not a Y.Node.
55 
                if (e.target.get('id') !== button.get('id') && e.target.ancestor().get('id') !== button.get('id')) {
56 
                    e.preventDefault();
57 
                    this.hide();
58 
                }
59 
            }
60 
        }, this);
61 
 
62 
        button.on('click', function(e) {
63 
            e.preventDefault(); this.show();
64 
        }, this);
65 
        button.on('key', this.show, 'enter,space', this);
66 
    },
67 
 
68 
    /**
69 
     * Override the show method to align to the button.
70 
     *
71 
     * @method show
72 
     * @return void
73 
     */
74 
    show: function() {
75 
        var button = this.get('buttonNode'),
76 
            result = DROPDOWN.superclass.show.call(this);
77 
        this.align(button, [Y.WidgetPositionAlign.TL, Y.WidgetPositionAlign.BL]);
78 
 
79 
        return result;
80 
    }
81 
}, {
82 
    NAME: DROPDOWN_NAME,
83 
    ATTRS: {
84 
        /**
85 
         * The header for the drop down (only accessible to screen readers).
86 
         *
87 
         * @attribute headerText
88 
         * @type String
89 
         * @default ''
90 
         */
91 
        headerText: {
92 
            value: ''
93 
        },
94 
 
95 
        /**
96 
         * The button used to show/hide this drop down menu.
97 
         *
98 
         * @attribute buttonNode
99 
         * @type Y.Node
100 
         * @default null
101 
         */
102 
        buttonNode: {
103 
            value: null
104 
        }
105 
    }
106 
});
107 
 
108 
Y.Base.modifyAttrs(DROPDOWN, {
109 
    /**
110 
     * Whether the widget should be modal or not.
111 
     *
112 
     * Moodle override: We override this for commentsearch to force it always false.
113 
     *
114 
     * @attribute Modal
115 
     * @type Boolean
116 
     * @default false
117 
     */
118 
    modal: {
119 
        getter: function() {
120 
            return false;
121 
        }
122 
    }
123 
});
124 
 
125 
M.assignfeedback_editpdf = M.assignfeedback_editpdf || {};
126 
M.assignfeedback_editpdf.dropdown = DROPDOWN;