1 files changed, 677 insertions, 0 deletions

diff --git a/js/mediators/element-mediator.js b/js/mediators/element-mediator.js
new file mode 100644
index 00000000..91b09475
--- /dev/null
+++ b/js/mediators/element-mediator.js
@@ -0,0 +1,677 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+var Montage = require("montage/core/core").Montage,
+    NJComponent = require("js/lib/nj-base").NJComponent;
+
+var ElementController = require("js/controllers/elements/element-controller").ElementController,
+    Command     =   require("js/controllers/undo-controller").Command,
+    GroupCommand = require("js/controllers/undo-controller").GroupCommand,
+    NJUtils = require("js/lib/NJUtils").NJUtils;
+
+exports.ElementMediator = Montage.create(NJComponent, {
+
+    deleteDelegate: {
+        value: null
+    },
+
+    deserializedFromTemplate: {
+        value: function () {
+            this.eventManager.addEventListener("elementAdding", this, false);
+            this.eventManager.addEventListener("deleting", this, false);
+        }
+    },
+
+    // TODO use the specific controller to be able to subclass the functionality
+    handleElementAdding: {
+        value: function(event) {
+            /*
+            var cmd = ElementControllerCommands.addElementCommand(event.detail.el, event.detail.data);
+            NJevent("sendToUndo", cmd);
+            cmd.execute();
+            */
+            this.addElement(event.detail.el, event.detail.data);
+
+        }
+    },
+
+    handleDeleting: {
+        value: function(event) {
+            if(this.deleteDelegate && (typeof this.deleteDelegate.handleDelete === 'function')) {
+                this.deleteDelegate.handleDelete();
+            } else {
+                // Add the Undo/Redo
+                var els = [];
+
+                if(this.application.ninja.selectedElements.length > 0) {
+                    for(var i=0, item; item = this.application.ninja.selectedElements[i]; i++) {
+                        ElementController.removeElement(item._element);
+                        els.push(item._element);
+                    }
+
+                    NJevent( "deleteSelection", els );
+                }
+            }
+        }
+    },
+
+    addElement: {
+        value: function(el, rules, noEvent) {
+            var command = Montage.create(Command, {
+                _el:            { value: el },
+                _rules:         { value: rules },
+                _noEvent:       { value: noEvent },
+
+                description: { value: "Adding Element"},
+
+                receiver: { value: this},
+
+                execute: {
+                    value: function() {
+                        this.receiver._addElement(this._el, this._rules, this._noEvent);
+                        return this._el;
+                    }
+                },
+
+                unexecute: {
+                    value: function() {
+                        this.receiver._removeElement(this._el, this._rules, this._noEvent);
+                        return this._el;
+                    }
+                }
+            });
+
+            NJevent("sendToUndo", command);
+            command.execute();
+        }
+    },
+
+    _addElement: {
+        value: function(el, rules, noEvent) {
+            ElementController.addElement(el, rules);
+            if(!noEvent) NJevent("elementAdded", el);
+        }
+    },
+
+    _removeElement: {
+        value: function(el, rules) {
+            ElementController.removeElement(el, rules);
+            NJevent("elementDeleted", el);
+        }
+    },
+
+    getNJProperty: {
+        value: function(el, p) {
+            if(el.elementModel) {
+                if(el.elementModel.hasOwnProperty(p)) {
+                    return el.elementModel[p];
+                } else {
+                    console.log("Element Model does not have ", p);
+                }
+            } else {
+                console.log("Element has no Model -- Create one");
+            }
+        }
+    },
+
+    getProperty: {
+        value: function(el, prop, valueMutator) {
+            if(!el.elementModel) {
+                console.log("Element has no Model -> One should have been created");
+                NJUtils.makeElementModel(el, "Div", "block");
+            }
+
+            if(valueMutator && typeof valueMutator === "function") {
+                return valueMutator(el.elementModel.controller["getProperty"](el, prop));
+            } else {
+                return el.elementModel.controller["getProperty"](el, prop, valueMutator);
+            }
+        }
+    },
+
+    getShapeProperty: {
+        value: function(el, prop) {
+            if(!el.elementModel) {
+                console.log("Element has no Model -> One should have been created");
+                NJUtils.makeElementModel(el, "Canvas", "block", true);
+            }
+
+            return el.elementModel.controller["getShapeProperty"](el, prop);
+        }
+    },
+
+    setShapeProperty: {
+        value: function(el, prop, value) {
+            if(!el.elementModel) {
+                console.log("Element has no Model -> One should have been created");
+                NJUtils.makeElementModel(el, "Canvas", "block", true);
+            }
+
+            return el.elementModel.controller["setShapeProperty"](el, prop, value);
+        }
+    },
+
+    /**
+     Set a property change command for an element or array of elements
+     @param els: Array of elements. Can contain 1 or more elements
+     @param p: Property to set
+     @param value: Value to be set. This is an array of values corresponding to the array of elements
+     @param eventType: Change/Changing. Will be passed to the dispatched event
+     @param source: String for the source object making the call
+     @param currentValue *OPTIONAL*: current value array. If not found the current value is calculated
+     @param stageRedraw: *OPTIONAL*: True. If set to false the stage will not redraw the selection/outline
+     */
+    setAttribute: {
+        value: function(el, att, value, eventType, source, currentValue) {
+
+            if(eventType === "Changing") {
+                this._setAttribute(el, att, value, eventType, source);
+            } else {
+                // Calculate currentValue if not found for each element
+                if(currentValue === null) {
+                    console.log("Here");
+                    var item = el._element || el;
+                    currentValue = item.getAttribute(att);
+                }
+
+                var command = Montage.create(Command, {
+                    _el:                { value: el },
+                    _att:               { value: att },
+                    _value:             { value: value },
+                    _previous:          { value: currentValue },
+                    _eventType:         { value: eventType},
+                    _source:            { value: "undo-redo"},
+                    description:        { value: "Set Attribute"},
+                    receiver:           { value: this},
+
+                    execute: {
+                        value: function(senderObject) {
+                            if(senderObject) this._source = senderObject;
+                            this.receiver._setAttribute(this._el, this._att, this._value, this._eventType, this._source);
+                            this._source = "undo-redo";
+                            return "";
+                        }
+                    },
+
+                    unexecute: {
+                        value: function() {
+                            this.receiver._setAttribute(this._el, this._att, this._previous, this._eventType, this._source);
+                            return "";
+                        }
+                    }
+                });
+
+                NJevent("sendToUndo", command);
+                command.execute(source);
+            }
+
+        }
+    },
+
+    _setAttribute: {
+        value: function(el, att, value, eventType, source) {
+            var item = el._element || el;
+
+            item.elementModel.controller["setAttribute"](item, att, value);
+
+            NJevent("attribute" + eventType, {type : "setAttribute", source: source, data: {"els": el, "prop": att, "value": value}, redraw: null});
+        }
+    },
+
+
+
+    /**
+     Set a property change command for an element or array of elements
+     @param els: Array of elements. Can contain 1 or more elements
+     @param p: Property to set
+     @param value: Value to be set. This is an array of values corresponding to the array of elements
+     @param eventType: Change/Changing. Will be passed to the dispatched event
+     @param source: String for the source object making the call
+     @param currentValue *OPTIONAL*: current value array. If not found the current value is calculated
+     @param stageRedraw: *OPTIONAL*: True. If set to false the stage will not redraw the selection/outline