Add UI buttons for list creation

Author: Satvik Kumar

programs/editor/Tools.js

@@ -32,6 +32,7 @@ define("webodf/editor/Tools", [
     "dijit/form/DropDownButton",
     "dijit/Toolbar",
     "webodf/editor/widgets/paragraphAlignment",
+    "webodf/editor/widgets/toggleLists",
     "webodf/editor/widgets/simpleStyles",
     "webodf/editor/widgets/undoRedoMenu",
     "webodf/editor/widgets/toolbarWidgets/currentStyle",
@@ -42,7 +43,7 @@ define("webodf/editor/Tools", [
     "webodf/editor/widgets/zoomSlider",
     "webodf/editor/widgets/aboutDialog",
     "webodf/editor/EditorSession"],
-    function (ready, MenuItem, DropDownMenu, Button, DropDownButton, Toolbar, ParagraphAlignment, SimpleStyles, UndoRedoMenu, CurrentStyle, AnnotationControl, EditHyperlinks, ImageInserter, ParagraphStylesDialog, ZoomSlider, AboutDialog, EditorSession) {
+    function (ready, MenuItem, DropDownMenu, Button, DropDownButton, Toolbar, ParagraphAlignment, ToggleLists, SimpleStyles, UndoRedoMenu, CurrentStyle, AnnotationControl, EditHyperlinks, ImageInserter, ParagraphStylesDialog, ZoomSlider, AboutDialog, EditorSession) {
         "use strict";
 
         return function Tools(toolbarElementId, args) {
@@ -59,6 +60,7 @@ define("webodf/editor/Tools", [
                 undoRedoMenu,
                 editorSession,
                 paragraphAlignment,
+                toggleLists,
                 imageInserter,
                 annotationControl,
                 editHyperlinks,
@@ -171,6 +173,9 @@ define("webodf/editor/Tools", [
                 // Paragraph direct alignment buttons
                 paragraphAlignment = createTool(ParagraphAlignment, args.directParagraphStylingEnabled);
 
+                // Numbered and bulleted list toggle buttons
+                toggleLists = createTool(ToggleLists, true);
+
                 // Paragraph Style Selector
                 currentStyle = createTool(CurrentStyle, args.paragraphStyleSelectingEnabled);
 

programs/editor/widgets/toggleLists.js

@@ -0,0 +1,87 @@
+/**
+ * Copyright (C) 2010-2014 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 */
+
+define("webodf/editor/widgets/toggleLists", [
+        "dijit/form/ToggleButton",
+        "webodf/editor/EditorSession"],
+
+    function (ToggleButton, EditorSession) {
+        "use strict";
+
+        var ToggleLists = function (callback) {
+            var self = this,
+                editorSession,
+                widget = {},
+                numberedList,
+                bulletedList;
+
+            numberedList = new ToggleButton({
+                label: runtime.tr('Numbering'),
+                disabled: true,
+                showLabel: false,
+                checked: false,
+                iconClass: "dijitEditorIcon dijitEditorIconInsertOrderedList",
+                onChange: function () {
+                }
+            });
+
+            bulletedList = new ToggleButton({
+                label: runtime.tr('Bullets'),
+                disabled: true,
+                showLabel: false,
+                checked: false,
+                iconClass: "dijitEditorIcon dijitEditorIconInsertUnorderedList",
+                onChange: function () {
+                }
+            });
+
+            widget.children = [numberedList, bulletedList];
+
+            widget.startup = function () {
+                widget.children.forEach(function (element) {
+                    element.startup();
+                });
+            };
+
+            widget.placeAt = function (container) {
+                widget.children.forEach(function (element) {
+                    element.placeAt(container);
+                });
+                return widget;
+            };
+
+            this.onToolDone = function () {
+            };
+
+            this.setEditorSession = function (session) {
+            };
+
+            callback(widget);
+        };
+
+        return ToggleLists;
+    }
+);