diff -r d49b927bfe62 -r bd58970ffd16 client/js/view-model.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/js/view-model.js	Fri Aug 17 12:50:00 2012 +0200
@@ -0,0 +1,310 @@
+/* Defines the View Model */
+
+Rkns.ViewModel = {}
+
+/* Project Class */
+
+Rkns.ViewModel.Project = function() {
+    this.users = new Rkns.ViewModel.List();
+    this.nodes = new Rkns.ViewModel.List();
+    this.edges = new Rkns.ViewModel.List();
+}
+
+Rkns.ViewModel.Project.prototype.addNode = function(_props, _render_save) {
+    var _node = new Rkns.ViewModel.Node(this, _props);
+    this.nodes.push(_node);
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._RENDER)) {
+        var _controller = this.renderer.addController("Node", _node);
+        _controller.redraw();
+    }
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
+        this.remotemodel.addNode(_node);
+    }
+    return _node;
+}
+
+Rkns.ViewModel.Project.prototype.addEdge = function(_props, _render_save) {
+    var _edge = new Rkns.ViewModel.Edge(this, _props);
+    this.edges.push(_edge);
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._RENDER)) {
+        var _controller = this.renderer.addController("Edge", _edge);
+        _controller.redraw();
+    }
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
+        this.remotemodel.addEdge(_edge);
+    }
+    return _edge;
+}
+
+Rkns.ViewModel.Project.prototype.addUser = function(_props, _render_save) {
+    var _user = new Rkns.ViewModel.User(this, _props);
+    this.users.push(_user);
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
+        this.remotemodel.addUser(_user);
+    }
+    return _user;
+}
+
+
+Rkns.ViewModel.Project.prototype.updateNode = function(_element, _props, _render_save) {
+    this.updateElement("Node", _element, _props, _render_save)
+}
+
+Rkns.ViewModel.Project.prototype.updateEdge = function(_element, _props, _render_save) {
+    this.updateElement("Edge", _element, _props, _render_save)
+}
+
+Rkns.ViewModel.Project.prototype.updateElement = function(_type, _element, _props, _render_save) {
+    Rkns._(_props).each(function(_v, _k) {
+        _element[_k] = _v;
+    });
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._RENDER)) {
+        if (typeof _element.__controller !== "undefined") {
+            _element.__controller.redraw();
+        } else {
+            this._renderer.redraw();
+        }
+    }
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
+        this.remotemodel[ "update" + _type ](_element);
+    }
+}
+
+Rkns.ViewModel.Project.prototype.removeNode = function(_node, _render_save) {
+    this.nodes.removeId(_node.id);
+    if (typeof _node.__controller !== "undefined") {
+        this.renderer.removeController(_node.__controller);
+    }
+    var _this = this;
+    this.edges = this.edges.filter(function(_edge) {
+        var _keep = _edge.from !== _node && _edge.to !== _node;
+        if (!_keep && typeof _edge.__controller !== "undefined") {
+            _this.renderer.removeController(_edge.__controller);
+        }
+        return _keep;
+    });
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._RENDER)) {
+        this.renderer.redraw();
+    }
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
+        this.remotemodel.removeNode(_node.id);
+    }
+    return _node;
+}
+
+Rkns.ViewModel.Project.prototype.removeEdge = function(_edge, _render_save) {
+    this.edges.removeId(_edge.id);
+    if (typeof _edge.__controller !== "undefined") {
+        this.renderer.removeController(_edge.__controller);
+    }
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._RENDER)) {
+        this.renderer.redraw();
+    }
+    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
+        this.remotemodel.removeEdge(_edge.id);
+    }
+    return _edge;
+}
+
+/* Base Element */
+
+Rkns.ViewModel._BaseElement = function(_project, _props) {
+    if (typeof _props !== "undefined") {
+        this._project = _project;
+        this.id = _props.id || Rkns.Utils.getUID(this.type);
+        this.title = _props.title || "(untitled " + this.type + ")";
+        this.description = _props.description || "";
+        this.uri = _props.uri || "";
+    }
+}
+
+Rkns.ViewModel._BaseElement.prototype.addReference = function(_propName, _list, _id, _default) {
+    var _element = _list.getElement(_id);
+    if (typeof _element === "undefined" && typeof _default !== "undefined") {
+        this[ _propName ] = _default;
+        this[ _propName + "_id" ] = _default.id;
+    } else {
+        this[ _propName + "_id" ] = _id;
+        this[ _propName ] = _element;
+    }
+}
+
+Rkns.ViewModel._BaseElement.prototype.updateGraphics = function() {
+    this._project.renderer.redraw();
+}
+
+Rkns.ViewModel._BaseElement.prototype.updateData = function() {
+    this._project.remotemodel.save(this);
+}
+
+/* Element Class Generator */
+
+Rkns.ViewModel._elementClass = function(_type) {
+    return Rkns.Utils.inherit(Rkns.ViewModel._BaseElement, function() {
+        this.type = _type;
+    });
+}
+
+/* User Model */
+
+Rkns.ViewModel.User = Rkns.ViewModel._elementClass("user");
+
+Rkns.ViewModel.User.prototype._init = function(_project, _props) {
+    this.color = _props.color || "#666666";
+}
+
+/* Node Model */
+
+Rkns.ViewModel.Node = Rkns.ViewModel._elementClass("node");
+
+Rkns.ViewModel.Node.prototype._init = function(_project, _props) {
+    this.addReference("created_by", this._project.users, _props.created_by, _project.current_user);
+    this.position = _props.position;
+    this.description = _props.description || "";
+}
+
+Rkns.ViewModel.Node.prototype.setPosition = function(_x, _y) {
+    if (typeof _x === "object") {
+        if (typeof _x.x !== "undefined" && typeof _x.y !== "undefined") {
+            this.position.x = _x.x;
+            this.position.y = _x.y;
+        } else {
+            if (typeof _x.length !== "undefined") {
+                this.position.x = _x[0];
+                this.position.y = _x[1];
+            }
+        }
+    } else {
+        if (typeof _y !== "undefined") {
+            this.position.x = +_x;
+            this.position.y = +_y;
+        }
+    }
+}
+
+/* Edge Model */
+
+Rkns.ViewModel.Edge = Rkns.ViewModel._elementClass("edge");
+
+Rkns.ViewModel.Edge.prototype._init = function(_project, _props) {
+    this.addReference("created_by", this._project.users, _props.created_by, _project.current_user);
+    this.addReference("from", this._project.nodes, _props.from);
+    this.addReference("to", this._project.nodes, _props.to);
+}
+
+/* List Helper Functions -- See Metadataplayer */
+
+Rkns.ViewModel.List = function() {
+    Array.call(this);
+    this.idIndex = [];
+}
+
+Rkns.ViewModel.List.prototype = new Array();
+
+Rkns.ViewModel.List.prototype.hasId = function(_id) {
+    return Rkns._(this.idIndex).include(_id);
+}
+
+Rkns.ViewModel.List.prototype.getIds = function(_id) {
+    return this.idIndex;
+}
+
+/* On recent browsers, forEach and map are defined and do what we want.
+ * Otherwise, we'll use the Underscore.js functions
+ */
+if (typeof Array.prototype.forEach === "undefined") {
+    Rkns.ViewModel.List.prototype.forEach = function(_callback) {
+        var _this = this;
+        Rkns._(this).forEach(function(_value, _key) {
+            _callback(_value, _key, _this);
+        });
+    }
+}
+
+if (typeof Array.prototype.map === "undefined") {
+    Rkns.ViewModel.List.prototype.map = function(_callback) {
+        var _this = this;
+        return Rkns._(this).map(function(_value, _key) {
+            return _callback(_value, _key, _this);
+        });
+    }
+}
+
+/* We override Array's filter function because it doesn't return an Rkns.ViewModel.List
+ */
+Rkns.ViewModel.List.prototype.filter = function(_callback) {
+    var _this = this,
+        _res = new Rkns.ViewModel.List();
+    _res.addElements(Rkns._(this).filter(function(_value, _key) {
+        return _callback(_value, _key, _this);
+    }));
+    return _res;
+}
+
+Rkns.ViewModel.List.prototype.slice = function(_start, _end) {
+    var _res = new Rkns.ViewModel.List();
+    _res.addElements(Array.prototype.slice.call(this, _start, _end));
+    return _res;
+}
+
+Rkns.ViewModel.List.prototype.splice = function(_start, _end) {
+    var _res = new Rkns.ViewModel.List();
+    _res.addElements(Array.prototype.splice.call(this, _start, _end));
+    this.idIndex.splice(_start, _end);
+    return _res;
+}
+
+/* Array has a sort function, but it's not as interesting as Underscore.js's sortBy
+ * and won't return a new Rkns.ViewModel.List
+ */
+Rkns.ViewModel.List.prototype.sortBy = function(_callback) {
+    var _this = this,
+        _res = new Rkns.ViewModel.List();
+    _res.addElements(Rkns._(this).sortBy(function(_value, _key) {
+        return _callback(_value, _key, _this);
+    }));
+    return _res;
+}
+
+Rkns.ViewModel.List.prototype.push = function(_el) {
+    if (typeof _el === "undefined" || typeof _el.id === "undefined") {
+        return;
+    }
+    var _index = (Rkns._(this.idIndex).indexOf(_el.id));
+    if (_index === -1) {
+        this.idIndex.push(_el.id);
+        Array.prototype.push.call(this, _el);
+    } else {
+        this[_index] = _el;
+    }
+}
+
+Rkns.ViewModel.List.prototype.addElements = function(_array) {
+    var _this = this;
+    Rkns._(_array).forEach(function(_el) {
+        _this.push(_el);
+    });
+}
+
+Rkns.ViewModel.List.prototype.removeId = function(_id) {
+    var _index = (Rkns._(this.idIndex).indexOf(_id));
+    if (_index !== -1) {
+        this.splice(_index,1);
+    }
+}
+
+Rkns.ViewModel.List.prototype.removeIds = function(_list) {
+    var _this = this;
+    Rkns._(_list).forEach(function(_id) {
+        _this.removeId(_id);
+    });
+}
+
+Rkns.ViewModel.List.prototype.getElement = function(_id) {
+    var _index = Rkns._(this.idIndex).indexOf(_id);
+    if (_index === -1) {
+        return undefined;
+    } else {
+        return this[_index];
+    }
+}