MDL-58581 editor_atto: change paragraph icon.
[moodle.git] / lib / editor / atto / plugins / title / yui / src / button / js / button.js
CommitLineData
adca7326
DW
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/>.
15
62467795
AN
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 */
21
22/**
23 * @module moodle-atto_title-button
24 */
25
adca7326
DW
26/**
27 * Atto text editor title plugin.
28 *
62467795
AN
29 * @namespace M.atto_title
30 * @class button
31 * @extends M.editor_atto.EditorPlugin
adca7326 32 */
adca7326 33
62467795
AN
34var 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 ];
55c0403c 57
62467795
AN
58Y.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({
5530d873 68 icon: 'e/styleparagraph',
62467795
AN
69 globalItemConfig: {
70 callback: this._changeStyle
71 },
72 items: items
73 });
adca7326
DW
74 },
75
76 /**
62467795
AN
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
adca7326 83 */
62467795
AN
84 _changeStyle: function(e, style) {
85 document.execCommand('formatBlock', false, style);
86
87 // Mark as updated
88 this.markUpdated();
adca7326 89 }
62467795 90});