[Summary view] [Print] [Text view]

   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  
  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  
  26  /**
  27   * Atto text editor title plugin.
  28   *
  29   * @namespace M.atto_title
  30   * @class button
  31   * @extends M.editor_atto.EditorPlugin
  32   */
  33  
  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      ];
  57  
  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/styleprops',
  69              globalItemConfig: {
  70                  callback: this._changeStyle
  71              },
  72              items: items
  73          });
  74      },
  75  
  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);
  86  
  87          // Mark as updated
  88          this.markUpdated();
  89      }
  90  });