Initial Text tool completion.

1 files changed, 145 insertions, 4 deletions

diff --git a/js/components/tools-properties/text-properties.reel/text-properties.js b/js/components/tools-properties/text-properties.reel/text-properties.js
index 313693b1..de0b5fa3 100644
--- a/js/components/tools-properties/text-properties.reel/text-properties.js
+++ b/js/components/tools-properties/text-properties.reel/text-properties.js
@@ -25,8 +25,8 @@ exports.TextProperties = Montage.create(ToolProperties, {
     alignCenter: {value: null},
     alignRight: {value: null},
     alignJustify: {value: null},
-    indentRight: {value: null},
-    indentLeft: {value: null},
+    indent: {value: null},
+    outdent: {value: null},
     numberedList: {value: null},
     bulletedList: {value: null},
 
@@ -42,9 +42,34 @@ exports.TextProperties = Montage.create(ToolProperties, {
             this.alignCenter.label = "Center";
             this.alignRight.label = "Right";
             this.alignJustify.label = "Justify";
+            this.indent.label = "-->"
+            this.outdent.label = "<--";
+            this.numberedList.label = "1 2 3";
+            this.bulletedList.label = "• • •";
+            this.fontSelection.items = ["Arial", "Arial Black", "Courier New", "Garamond", "Georgia",  "Open Sans", "Tahoma", "Times New Roman", "Trebuchet MS", "Verdana"];
+            this.tagType.items = ["div", "span", "p", "section", "article", "h1", "h2", "h3", "h4", "h5", "h6"];
+
+
+            this.application.ninja.stage.textTool.addEventListener("editorSelect", this, false);
+            Object.defineBinding(this.application.ninja.stage.textTool.states, "bold", {
+              boundObject: this.btnBold,
+              boundObjectPropertyPath: "value"
+            });
+
         }
     },
-    
+
+    handleEditorSelect: {
+        value: function(e) {
+            console.log("hello");
+            this.application.ninja.stage.textTool.updateStates();
+        }
+    },
+
+    defaultFontSize: {
+        value: "12px"
+    },
+
     _subPrepare: {
         value: function() {
             //this.divElement.addEventListener("click", this, false);
@@ -54,6 +79,122 @@ exports.TextProperties = Montage.create(ToolProperties, {
     handleClick: {
         value: function(event) {
            // this.selectedElement = event._event.target.id;
+
+        }
+    },
+
+    handleFontSizeChange: {
+        
+    },
+
+    handleBtnBoldAction: {
+        value: function(e) {
+            this.application.ninja.stage.textTool.doAction("bold", true);
+        }
+    },
+
+    handleBtnItalicAction: {
+        value: function(e) {
+            this.application.ninja.stage.textTool.doAction("italic", true);
+        }
+    },
+
+    handleBtnUnderlineAction: {
+        value: function(e) {
+            this.application.ninja.stage.textTool.doAction("underline", true);
+        }
+    },
+
+    handleBtnStrikethroughAction: {
+        value: function(e) {
+            this.application.ninja.stage.textTool.doAction("strikethrough", true);
+        }
+    },
+    
+    handleAlignLeftAction: {
+        value: function(e) {
+            //this.alignLeft.value = false;
+            this.alignCenter.value = false;
+            this.alignRight.value = false;
+            this.alignJustify.value = false;
+            this.application.ninja.stage.textTool.doAction("justifyLeft", true);
+        }
+    },
+
+    handleAlignCenterAction: {
+        value: function(e) {
+            this.alignLeft.value = false;
+            //this.alignCenter.value = false;
+            this.alignRight.value = false;
+            this.alignJustify.value = false;
+            this.application.ninja.stage.textTool.doAction("justifyCenter", true);
         }
-    }
+    },
+
+    handleAlignRightAction: {
+        value: function(e) {
+            this.alignLeft.value = false;
+            this.alignCenter.value = false;
+            //this.alignRight.value = false;
+            this.alignJustify.value = false;
+            this.application.ninja.stage.textTool.doAction("justifyRight", true);
+        }
+    },
+
+    handleAlignJustifyAction: {
+        value: function(e) {
+            this.alignLeft.value = false;
+            this.alignCenter.value = false;
+            this.alignRight.value = false;
+            //this.alignJustify.value = false;
+            this.application.ninja.stage.textTool.doAction("strikethrough", null);
+        }
+    },
+
+    handleIndentAction: {
+        value: function(e) {
+            this.application.ninja.stage.textTool.doAction("indent", null);
+        }
+    },
+
+    handleOutdentAction: {
+        value: function(e) {
+            this.application.ninja.stage.textTool.doAction("outdent", null);
+        }
+    },
+
+    handleFontSizeChange: {
+        value: function(e) {
+           
+        }
+    },
+
+    handleFontSizeChanging: {
+        value: function(e) {
+
+        }
+    },
+
+    handleFontSelectionChange: {
+        value: function() {
+            this.application.ninja.stage.textTool.doAction("fontname", this.fontSelection.value);
+        }
+    },
+
+    handleNumberedListAction: {
+        value: function(e) {
+            //this.numberedList.value = false;
+            this.bulletedList.value = false;
+            this.application.ninja.stage.textTool.doAction("insertnumberedlist", true);
+        }
+    },
+
+    handleOrderedListAction: {
+        value: function(e) {
+            this.numberedList.value = false;
+            //this.bulletedList.value = false;
+            this.application.ninja.stage.textTool.doAction("insertnumberedlist", true);
+        }
+    },
+
 });
\ No newline at end of file