From 2078bfa96afaef40acb4edac99848ba55e808ef1 Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Thu, 3 May 2012 15:15:21 -0700
Subject: Refactor creating elements. Removed makeNJElement and separated the
 model creation

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 js/tools/TagTool.js | 129 +---------------------------------------------------
 1 file changed, 1 insertion(+), 128 deletions(-)

(limited to 'js/tools/TagTool.js')

diff --git a/js/tools/TagTool.js b/js/tools/TagTool.js
index 6c999df9..5e9c792b 100755
--- a/js/tools/TagTool.js
+++ b/js/tools/TagTool.js
@@ -89,139 +89,12 @@ exports.TagTool = Montage.create(DrawingTool, {
             // Create the model
             document.application.njUtils.createModel(element);
 
-
             // Create the styles
-            styles = this.makeStylesFromDraw(drawData);
-            if(element.nodeName === "CANVAS") {
-                element.width = parseInt(styles.width);
-                element.height = parseInt(styles.height);
-                delete styles['width'];
-                delete styles['height'];
-            }
+            styles = document.application.njUtils.stylesFromDraw(element, ~~drawData.width, ~~drawData.height, drawData);
 
             // Add the element and styles
             this.application.ninja.elementMediator.addElements(element, styles);
         }
-    },
-
-    makeStylesFromDraw: {
-        value: function(drawData) {
-            var styles = {};
-
-            styles['position'] = "absolute";
-            styles['left'] = (Math.round(drawData.midPt[0] - 0.5 * ~~drawData.width)) - this.application.ninja.currentSelectedContainer.offsetLeft + 'px';
-            styles['top'] = (Math.round(drawData.midPt[1] - 0.5 * ~~drawData.height)) - this.application.ninja.currentSelectedContainer.offsetTop + 'px';
-            styles['width'] = ~~drawData.width + 'px';
-            styles['height'] = ~~drawData.height + 'px';
-
-            if(!MathUtils.isIdentityMatrix(drawData.planeMat)) {
-                styles['-webkit-transform-style'] = 'preserve-3d';
-                styles['-webkit-transform'] = DrawingToolBase.getElementMatrix(drawData.planeMat, drawData.midPt);
-            }
-
-            return styles;
-        }
-    },
-
-    makeTag: {
-        value: function() {
-            var selectedTag, newTag;
-
-            selectedTag = this.options.selectedElement;
-
-            if(selectedTag === "div") {
-                newTag = NJUtils.makeNJElement("div", "div", "block");
-            } else if(selectedTag === "image") {
-                newTag = NJUtils.makeNJElement("image", "image", "image");
-            } else if(selectedTag === "video") {
-                newTag = NJUtils.makeNJElement("video", "video", "video", {
-                        innerHTML: "Your browser does not support the VIDEO element."
-                });
-            } else if(selectedTag === "canvas") {
-                newTag = NJUtils.makeNJElement("canvas", "canvas", "canvas");
-            } else if(selectedTag === "custom") {
-                newTag = NJUtils.makeNJElement(this.options.customName.value, this.options.customName.value, "block");
-            }
-            /* SWF Tag tool - Not used for now. Will revisit this at a later time.
-            else if(selectedTag === "flashTool") {
-                // Generate the swfobject script tag if not found in the user document
-//                documentControllerModule.DocumentController.SetSWFObjectScript();
-
-                newTag = NJUtils.makeNJElement("object", "Object", "block", {
-                        classId: "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-                });
-
-                var param = NJUtils.makeNJElement("param", "Object", "block", {
-                            name: "movie",
-                            value: ""
-                });
-
-                var param2 = NJUtils.makeNJElement("param", "Object","block", {
-                            name: "wmode",
-                            value: "transparent"
-                });
-
-                var param3 = NJUtils.makeNJElement("param", "Object","block", {
-                            name: "play",
-                            value: "false"
-                });
-
-
-                newTag.appendChild(param);
-                newTag.appendChild(param2);
-                newTag.appendChild(param3);
-                // TODO Alternative Content
-
-            }
-            */
-            else {
-                console.log("Invalid Tool is selected.");
-            }
-
-            try {
-//                newTag.className = this.options.classField.value;
-                // TODO: Fix this one
-
-            }
-
-            catch(err) {
-                console.log("Could not set Tag ID/Class " + err.description);
-            }
-
-            return newTag;
-        }
-    },
-
-    makeElement: {
-        value: function(w, h, planeMat, midPt, tag, isShape) {
-            var left = (Math.round(midPt[0] - 0.5 * w)) - this.application.ninja.currentSelectedContainer.offsetLeft + 'px';
-            var top = (Math.round(midPt[1] - 0.5 * h)) - this.application.ninja.currentSelectedContainer.offsetTop + 'px';
-
-            var styles = {
-                'position': 'absolute',
-                'top' : top,
-                'left' : left
-            };
-
-            if(!MathUtils.isIdentityMatrix(planeMat)) {
-                styles['-webkit-transform-style'] = 'preserve-3d';
-                styles['-webkit-transform'] = DrawingToolBase.getElementMatrix(planeMat, midPt);
-            } else if(isShape) {
-                styles['-webkit-transform-style'] = 'preserve-3d';
-            }
-
-            // TODO - for canvas, set both as style and attribute.
-            // Otherwise, we need to create a separate controller for canvas elements
-            if(tag.tagName === "CANVAS") {
-                tag.width = w;
-                tag.height = h;
-            } else {
-                styles['width'] = w + 'px';
-                styles['height'] = h + 'px';
-            }
-
-            return {el: tag, data:styles};
-        }
     }
 });
 
-- 
cgit v1.2.3