123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208 |
- /**
- * Copyright (C) 2012-2013 KO GmbH <copyright@kogmbh.com>
- *
- * @licstart
- * This file is part of WebODF.
- *
- * WebODF is free software: you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License (GNU AGPL)
- * as published by the Free Software Foundation, either version 3 of
- * the License, or (at your option) any later version.
- *
- * WebODF is distributed in the hope that it will be useful, but
- * WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with WebODF. If not, see <http://www.gnu.org/licenses/>.
- * @licend
- *
- * @source: http://www.webodf.org/
- * @source: https://github.com/kogmbh/WebODF/
- */
- /*global define, require, runtime, gui, ops */
- define("webodf/editor/widgets/simpleStyles", [
- "webodf/editor/widgets/fontPicker",
- "dijit/form/ToggleButton",
- "dijit/form/NumberSpinner"],
- function (FontPicker, ToggleButton, NumberSpinner) {
- "use strict";
- var SimpleStyles = function (callback) {
- var self = this,
- editorSession,
- widget = {},
- directFormattingController,
- boldButton,
- italicButton,
- underlineButton,
- strikethroughButton,
- fontSizeSpinner,
- fontPicker,
- fontPickerWidget;
- boldButton = new ToggleButton({
- label: runtime.tr('Bold'),
- disabled: true,
- showLabel: false,
- checked: false,
- iconClass: "dijitEditorIcon dijitEditorIconBold",
- onChange: function (checked) {
- directFormattingController.setBold(checked);
- self.onToolDone();
- }
- });
- italicButton = new ToggleButton({
- label: runtime.tr('Italic'),
- disabled: true,
- showLabel: false,
- checked: false,
- iconClass: "dijitEditorIcon dijitEditorIconItalic",
- onChange: function (checked) {
- directFormattingController.setItalic(checked);
- self.onToolDone();
- }
- });
- underlineButton = new ToggleButton({
- label: runtime.tr('Underline'),
- disabled: true,
- showLabel: false,
- checked: false,
- iconClass: "dijitEditorIcon dijitEditorIconUnderline",
- onChange: function (checked) {
- directFormattingController.setHasUnderline(checked);
- self.onToolDone();
- }
- });
- strikethroughButton = new ToggleButton({
- label: runtime.tr('Strikethrough'),
- disabled: true,
- showLabel: false,
- checked: false,
- iconClass: "dijitEditorIcon dijitEditorIconStrikethrough",
- onChange: function (checked) {
- directFormattingController.setHasStrikethrough(checked);
- self.onToolDone();
- }
- });
- fontSizeSpinner = new NumberSpinner({
- label: runtime.tr('Size'),
- disabled: true,
- showLabel: false,
- value: 12,
- smallDelta: 1,
- constraints: {min: 6, max: 96},
- intermediateChanges: true,
- onChange: function (value) {
- directFormattingController.setFontSize(value);
- },
- onClick: function () {
- self.onToolDone();
- },
- onInput: function () {
- // Do not process any input in the text box;
- // even paste events will not be processed
- // so that no corrupt values can exist
- return false;
- }
- });
- /*jslint emptyblock: true*/
- fontPicker = new FontPicker(function () {});
- /*jslint emptyblock: false*/
- fontPickerWidget = fontPicker.widget();
- fontPickerWidget.setAttribute('disabled', true);
- fontPickerWidget.onChange = function (value) {
- directFormattingController.setFontName(value);
- self.onToolDone();
- };
- widget.children = [boldButton, italicButton, underlineButton, strikethroughButton, fontPickerWidget, fontSizeSpinner];
- widget.startup = function () {
- widget.children.forEach(function (element) {
- element.startup();
- });
- };
- widget.placeAt = function (container) {
- widget.children.forEach(function (element) {
- element.placeAt(container);
- });
- return widget;
- };
- function updateStyleButtons(changes) {
- // The 3rd parameter to set(...) is false to avoid firing onChange when setting the value programmatically.
- var updateCalls = {
- isBold: function (value) { boldButton.set('checked', value, false); },
- isItalic: function (value) { italicButton.set('checked', value, false); },
- hasUnderline: function (value) { underlineButton.set('checked', value, false); },
- hasStrikeThrough: function (value) { strikethroughButton.set('checked', value, false); },
- fontSize: function (value) {
- fontSizeSpinner.set('intermediateChanges', false); // Necessary due to https://bugs.dojotoolkit.org/ticket/11588
- fontSizeSpinner.set('value', value, false);
- fontSizeSpinner.set('intermediateChanges', true);
- },
- fontName: function (value) { fontPickerWidget.set('value', value, false); }
- };
- Object.keys(changes).forEach(function (key) {
- var updateCall = updateCalls[key];
- if (updateCall) {
- updateCall(changes[key]);
- }
- });
- }
- function enableStyleButtons(enabledFeatures) {
- widget.children.forEach(function (element) {
- element.setAttribute('disabled', !enabledFeatures.directTextStyling);
- });
- }
- this.setEditorSession = function (session) {
- if (editorSession) {
- directFormattingController.unsubscribe(gui.DirectFormattingController.textStylingChanged, updateStyleButtons);
- directFormattingController.unsubscribe(gui.DirectFormattingController.enabledChanged, enableStyleButtons);
- }
- editorSession = session;
- fontPicker.setEditorSession(editorSession);
- if (editorSession) {
- directFormattingController = editorSession.sessionController.getDirectFormattingController();
- directFormattingController.subscribe(gui.DirectFormattingController.textStylingChanged, updateStyleButtons);
- directFormattingController.subscribe(gui.DirectFormattingController.enabledChanged, enableStyleButtons);
- enableStyleButtons(directFormattingController.enabledFeatures());
- } else {
- enableStyleButtons({ directTextStyling: false});
- }
- updateStyleButtons({
- isBold: editorSession ? directFormattingController.isBold() : false,
- isItalic: editorSession ? directFormattingController.isItalic() : false,
- hasUnderline: editorSession ? directFormattingController.hasUnderline() : false,
- hasStrikeThrough: editorSession ? directFormattingController.hasStrikeThrough() : false,
- fontSize: editorSession ? directFormattingController.fontSize() : undefined,
- fontName: editorSession ? directFormattingController.fontName() : undefined
- });
- };
- /*jslint emptyblock: true*/
- this.onToolDone = function () {};
- /*jslint emptyblock: false*/
- callback(widget);
- };
- return SimpleStyles;
- });
|