MDL-58581 editor_atto: change paragraph icon.
[moodle.git] / lib / editor / atto / plugins / title / yui / src / button / js / button.js
1 // This file is part of Moodle - http://moodle.org/
2 //
3 // Moodle is free software: you can redistribute it and/or modify
4 // it under the terms of the GNU General Public License as published by
5 // the Free Software Foundation, either version 3 of the License, or
6 // (at your option) any later version.
7 //
8 // Moodle is distributed in the hope that it will be useful,
9 // but WITHOUT ANY WARRANTY; without even the implied warranty of
10 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
11 // GNU General Public License for more details.
12 //
13 // You should have received a copy of the GNU General Public License
14 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16 /*
17  * @package    atto_title
18  * @copyright  2013 Damyon Wiese  <damyon@moodle.com>
19  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
20  */
22 /**
23  * @module moodle-atto_title-button
24  */
26 /**
27  * Atto text editor title plugin.
28  *
29  * @namespace M.atto_title
30  * @class button
31  * @extends M.editor_atto.EditorPlugin
32  */
34 var component = 'atto_title',
35     styles = [
36         {
37             text: 'h3',
38             callbackArgs: '<h3>'
39         },
40         {
41             text: 'h4',
42             callbackArgs: '<h4>'
43         },
44         {
45             text: 'h5',
46             callbackArgs: '<h5>'
47         },
48         {
49             text: 'pre',
50             callbackArgs: '<pre>'
51         },
52         {
53             text: 'p',
54             callbackArgs: '<p>'
55         }
56     ];
58 Y.namespace('M.atto_title').Button = Y.Base.create('button', Y.M.editor_atto.EditorPlugin, [], {
59     initializer: function() {
60         var items = [];
61         Y.Array.each(styles, function(style) {
62             items.push({
63                 text: M.util.get_string(style.text, component),
64                 callbackArgs: style.callbackArgs
65             });
66         });
67         this.addToolbarMenu({
68             icon: 'e/styleparagraph',
69             globalItemConfig: {
70                 callback: this._changeStyle
71             },
72             items: items
73         });
74     },
76     /**
77      * Change the title to the specified style.
78      *
79      * @method _changeStyle
80      * @param {EventFacade} e
81      * @param {string} color The new style
82      * @private
83      */
84     _changeStyle: function(e, style) {
85         document.execCommand('formatBlock', false, style);
87         // Mark as updated
88         this.markUpdated();
89     }
90 });