/** * Copyright (C) 2012-2013 KO GmbH * * @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 . * @licend * * @source: http://www.webodf.org/ * @source: https://github.com/kogmbh/WebODF/ */ /*global define,require */ define("webodf/editor/widgets/paragraphStyles", [ "dijit/form/Select", "webodf/editor/EditorSession"], function (Select, EditorSession) { "use strict" /** * @constructor */ var ParagraphStyles = function (callback) { var self = this, editorSession, select, defaultStyleUIId = ":default"; this.widget = function () { return select; }; /* * In this widget, we name the default style * (which is referred to as "" in webodf) as * ":default". The ":" is disallowed in an NCName, so this * avoids clashes with other styles. */ this.value = function () { var value = select.get('value'); if (value === defaultStyleUIId) { value = ""; } return value; }; this.setValue = function (value) { if (value === "") { value = defaultStyleUIId; } select.set('value', value, false); }; // events this.onAdd = null; this.onRemove = null; this.onChange = function () {}; function populateStyles() { var i, selectionList, availableStyles; // Populate the Default Style always selectionList = [{ label: runtime.tr("Default Style"), value: defaultStyleUIId }]; availableStyles = editorSession ? editorSession.getAvailableParagraphStyles() : []; for (i = 0; i < availableStyles.length; i += 1) { selectionList.push({ label: availableStyles[i].displayName || availableStyles[i].name, value: availableStyles[i].name }); } select.removeOption(select.getOptions()); select.addOption(selectionList); } function addStyle(styleInfo) { var stylens = "urn:oasis:names:tc:opendocument:xmlns:style:1.0", newStyleElement; if (styleInfo.family !== 'paragraph') { return; } newStyleElement = editorSession.getParagraphStyleElement(styleInfo.name); select.addOption({ value: styleInfo.name, label: newStyleElement.getAttributeNS(stylens, 'display-name') }); if (self.onAdd) { self.onAdd(styleInfo.name); } } function removeStyle(styleInfo) { if (styleInfo.family !== 'paragraph') { return; } select.removeOption(styleInfo.name); if (self.onRemove) { self.onRemove(styleInfo.name); } } function handleCursorMoved(cursor) { var disabled = cursor.getSelectionType() === ops.OdtCursor.RegionSelection; select.setAttribute('disabled', disabled); } this.setEditorSession = function(session) { if (editorSession) { editorSession.unsubscribe(EditorSession.signalCommonStyleCreated, addStyle); editorSession.unsubscribe(EditorSession.signalCommonStyleDeleted, removeStyle); editorSession.unsubscribe(EditorSession.signalCursorMoved, handleCursorMoved); } editorSession = session; if (editorSession) { editorSession.subscribe(EditorSession.signalCommonStyleCreated, addStyle); editorSession.subscribe(EditorSession.signalCommonStyleDeleted, removeStyle); editorSession.subscribe(EditorSession.signalCursorMoved, handleCursorMoved); } select.setAttribute('disabled', !editorSession); populateStyles(); }; // init function init() { select = new Select({ name: 'ParagraphStyles', maxHeight: 200, style: { width: '100px' } }); populateStyles(); // Call ParagraphStyles's onChange handler every time // the select's onchange is called, and pass the value // as reported by ParagraphStyles.value(), because we do not // want to expose the internal naming like ":default" outside this // class. select.onChange = function () { self.onChange(self.value()); }; return callback(self); } init(); }; return ParagraphStyles; });