renkan: comparison client/js/paper-renderer.js

Mercurial Mercurial > renkan / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

client/js/paper-renderer.js

changeset 170	603ffa4c6fa5
parent 169	a60a450b8f3b
child 173	009427475db2

equal deleted inserted replaced

-:a60a450b8f3b
+:603ffa4c6fa5
 color: _renkan.options.default_user_color,
 title: _renkan.translate("(unknown user)"),
 get: function(attr) {
 return this[attr] || false;
 }
-}
+};
 },
 _BOOKMARKLET_CODE: function(_renkan) {
 return "(function(a,b,c,d,e,f,h,i,j,k,l,m,n,o,p,q,r){a=document;b=a.body;c=a.location.href;j='draggable';m='text/x-iri-';d=a.createElement('div');d.innerHTML='<p_style=\"position:fixed;top:0;right:0;font:bold_18px_sans-serif;color:#fff;background:#909;padding:10px;z-index:100000;\">"
 + _renkan.translate("Drag items from this website, drop them in Renkan").replace(/ /g,"_")
-+ "</p>'.replace(/_/g,String.fromCharCode(32));b.appendChild(d);e=[{r:/https?:\\/\\/[^\\/]*twitter\\.com\\//,s:'.tweet',n:'twitter'},{r:/https?:\\/\\/[^\\/]*google\\.[^\\/]+\\//,s:'.g',n:'google'},{r:/https?:\\/\\/[^\\/]*lemonde\\.fr\\//,s:'[data-vr-contentbox]',n:'lemonde'}];f=false;e.forEach(function(g){if(g.r.test(c)){f=g;}});if(f){h=function(){Array.prototype.forEach.call(a.querySelectorAll(f.s),function(i){i[j]=true;k=i.style;k.borderWidth='2px';k.borderColor='#909';k.borderStyle='solid';k.backgroundColor='rgba(200,0,180,.1)';})};window.setInterval(h,500);h();};a.addEventListener('dragstart',function(k){l=k.dataTransfer;l.setData(m+'source-uri',c);l.setData(m+'source-title',a.title);n=k.target;if(f){o=n;while(!o.attributes[j]){o=o.parentNode;if(o==b){break;}}}if(f&&o.attributes[j]){p=o.cloneNode(true);l.setData(m+'specific-site',f.n)}else{q=a.getSelection();if(q.type==='Range'||!q.type){p=q.getRangeAt(0).cloneContents();}else{p=n.cloneNode();}}r=a.createElement('div');r.appendChild(p);l.setData('text/x-iri-selected-text',r.textContent.trim());l.setData('text/x-iri-selected-html',r.innerHTML);},false);})();"
++ "</p>'.replace(/_/g,String.fromCharCode(32));b.appendChild(d);e=[{r:/https?:\\/\\/[^\\/]*twitter\\.com\\//,s:'.tweet',n:'twitter'},{r:/https?:\\/\\/[^\\/]*google\\.[^\\/]+\\//,s:'.g',n:'google'},{r:/https?:\\/\\/[^\\/]*lemonde\\.fr\\//,s:'[data-vr-contentbox]',n:'lemonde'}];f=false;e.forEach(function(g){if(g.r.test(c)){f=g;}});if(f){h=function(){Array.prototype.forEach.call(a.querySelectorAll(f.s),function(i){i[j]=true;k=i.style;k.borderWidth='2px';k.borderColor='#909';k.borderStyle='solid';k.backgroundColor='rgba(200,0,180,.1)';})};window.setInterval(h,500);h();};a.addEventListener('dragstart',function(k){l=k.dataTransfer;l.setData(m+'source-uri',c);l.setData(m+'source-title',a.title);n=k.target;if(f){o=n;while(!o.attributes[j]){o=o.parentNode;if(o==b){break;}}}if(f&&o.attributes[j]){p=o.cloneNode(true);l.setData(m+'specific-site',f.n)}else{q=a.getSelection();if(q.type==='Range'||!q.type){p=q.getRangeAt(0).cloneContents();}else{p=n.cloneNode();}}r=a.createElement('div');r.appendChild(p);l.setData('text/x-iri-selected-text',r.textContent.trim());l.setData('text/x-iri-selected-html',r.innerHTML);},false);})();";
 },
 shortenText : function(_text, _maxlength) {
 return (_text.length > _maxlength ? (_text.substr(0,_maxlength) + '…') : _text);
 },
 drawEditBox : function(_options, _coords, _path, _xmargin, _selector) {
 _selector.css({
 width: ( _options.tooltip_width - 2* _options.tooltip_padding ),
-})
+});
 var _height = _selector.outerHeight() + 2* _options.tooltip_padding,
 _isLeft = (_coords.x < paper.view.center.x ? 1 : -1),
 _left = _coords.x + _isLeft * ( _xmargin + _options.tooltip_arrow_length ),
 _right = _coords.x + _isLeft * ( _xmargin + _options.tooltip_arrow_length + _options.tooltip_width ),
 _top = _coords.y - _height / 2;
 left: (_options.tooltip_padding + Math.min(_left, _right)),
 top: (_options.tooltip_padding + _top)
 });
 return _path;
 }
-}
+};
 Rkns.Renderer._BaseRepresentation = function(_renderer, _model) {
 if (typeof _renderer !== "undefined") {
 this.renderer = _renderer;
 this.renkan = _renderer.renkan;
 this.model = _model;
 if (this.model) {
 var _this = this;
 this._changeBinding = function() {
 _this.redraw();
-}
+};
 this._removeBinding = function() {
 _renderer.removeRepresentation(_this);
 _(function() {
-_renderer.redraw()
+_renderer.redraw();
 }).defer();
-}
+};
 this._selectBinding = function() {
 _this.select();
-}
+};
 this._unselectBinding = function() {
 _this.unselect();
-}
+};
 this.model.on("change", this._changeBinding );
 this.model.on("remove", this._removeBinding );
 this.model.on("select", this._selectBinding );
 this.model.on("unselect", this._unselectBinding );
 }
 }
-}
+};
 Rkns.Renderer._BaseRepresentation.prototype.super = function(_func) {
 Rkns.Renderer._BaseRepresentation.prototype[_func].apply(this, Array.prototype.slice.call(arguments, 1));
-}
+};
-Rkns.Renderer._BaseRepresentation.prototype.redraw = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.redraw = function() {};
-Rkns.Renderer._BaseRepresentation.prototype.moveTo = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.moveTo = function() {};
-Rkns.Renderer._BaseRepresentation.prototype.show = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.show = function() {};
-Rkns.Renderer._BaseRepresentation.prototype.hide = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.hide = function() {};
 Rkns.Renderer._BaseRepresentation.prototype.select = function() {
 if (this.model) {
 this.model.trigger("selected");
 }
-}
+};
 Rkns.Renderer._BaseRepresentation.prototype.unselect = function() {
 if (this.model) {
 this.model.trigger("unselected");
 }
-}
+};
-Rkns.Renderer._BaseRepresentation.prototype.highlight = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.highlight = function() {};
-Rkns.Renderer._BaseRepresentation.prototype.unhighlight = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.unhighlight = function() {};
-Rkns.Renderer._BaseRepresentation.prototype.mousedown = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.mousedown = function() {};
 Rkns.Renderer._BaseRepresentation.prototype.mouseup = function() {
 if (this.model) {
 this.model.trigger("clicked");
 }
-}
+};
 Rkns.Renderer._BaseRepresentation.prototype.destroy = function() {
 if (this.model) {
 this.model.off("change", this._changeBinding );
 this.model.off("remove", this._removeBinding );
 this.model.off("select", this._selectBinding );
 this.model.off("unselect", this._unselectBinding );
 }
-}
+};
 /* */
 Rkns.Renderer._BaseButton = Rkns.Utils.inherit(Rkns.Renderer._BaseRepresentation);
 Rkns.Renderer._BaseButton.prototype.moveTo = function(_pos) {
 this.sector.moveTo(_pos);
-}
+};
 Rkns.Renderer._BaseButton.prototype.show = function() {
 this.sector.show();
-}
+};
 Rkns.Renderer._BaseButton.prototype.hide = function() {
 this.sector.hide();
-}
+};
 Rkns.Renderer._BaseButton.prototype.select = function() {
 this.sector.select();
-}
+};
 Rkns.Renderer._BaseButton.prototype.unselect = function(_newTarget) {
 this.sector.unselect();
 if (!_newTarget || (_newTarget !== this.source_representation && _newTarget.source_representation !== this.source_representation)) {
 this.source_representation.unselect();
 }
-}
+};
 Rkns.Renderer._BaseButton.prototype.destroy = function() {
 this.sector.destroy();
-}
+};
 /* */
 Rkns.Renderer.Node = Rkns.Utils.inherit(Rkns.Renderer._BaseRepresentation);
 new Rkns.Renderer.NodeShrinkButton(this.renderer, null)
 ];
 this.pending_delete_buttons = [
 new Rkns.Renderer.NodeRevertButton(this.renderer, null)
 ];
-this.all_buttons = this.normal_buttons.concat(this.pending_delete_buttons)
+this.all_buttons = this.normal_buttons.concat(this.pending_delete_buttons);
 for (var i = 0; i < this.all_buttons.length; i++) {
 this.all_buttons[i].source_representation = this;
 }
 this.active_buttons = [];
 } else {
 this.renderer.minimap.node_layer.activate();
 this.minimap_circle = new paper.Path.Circle([0, 0], 1);
 this.minimap_circle.__representation = this.renderer.minimap.miniframe.__representation;
 this.renderer.minimap.node_group.addChild(this.minimap_circle);
 }
-}
+};
 Rkns.Renderer.Node.prototype.redraw = function(_dontRedrawEdges) {
 var _model_coords = new paper.Point(this.model.get("position")),
 _baseRadius = this.options.node_size_base * Math.exp((this.model.get("size") || 0) * Rkns.Renderer._NODE_SIZE_STEP);
 if (!this.is_dragging || !this.paper_coords) {
 this.title.text(_text);
 this.title.css({
 left: this.paper_coords.x,
 top: this.paper_coords.y + this.circle_radius * this.h_ratio + this.options.node_label_distance,
 opacity: opacity
-})
+});
 var _color = this.model.get("color") || (this.model.get("created_by") || Rkns.Renderer._USER_PLACEHOLDER(this.renkan)).get("color");
 this.circle.strokeColor = _color;
 var _pc = this.paper_coords;
 this.all_buttons.forEach(function(b) {
 b.moveTo(_pc);
 topleft = _this.paper_coords.subtract(square),
 bounds = new paper.Rectangle(topleft, square.multiply(2));
 _this.node_image.fitBounds(bounds);
 _this.redraw();
 paper.view.draw();
-}
+};
 _image.src = _img;
 }
 this.img = _img;
 if (this.node_image && !this.img) {
 this.node_image.remove();
 repr.redraw();
 }
 }, this);
 }
-}
+};
 Rkns.Renderer.Node.prototype.paperShift = function(_delta) {
 if (this.options.editor_mode) {
 if (!this.renkan.read_only) {
 this.is_dragging = true;
 this.redraw();
 }
 } else {
 this.renderer.paperShift(_delta);
 }
-}
+};
 Rkns.Renderer.Node.prototype.openEditor = function() {
 this.renderer.removeRepresentationsOfType("editor");
 var _editor = this.renderer.addRepresentation("NodeEditor",null);
 _editor.source_representation = this;
 _editor.draw();
-}
+};
 Rkns.Renderer.Node.prototype.select = function() {
 this.selected = true;
 this.circle.strokeWidth = this.options.selected_node_stroke_width;
 if (this.renderer.isEditable()) {
 if (this.renderer.minimap) {
 this.minimap_circle.strokeWidth = this.options.minimap_highlight_weight;
 this.minimap_circle.strokeColor = this.options.minimap_highlight_color;
 }
 this.super("select");
-}
+};
 Rkns.Renderer.Node.prototype.unselect = function(_newTarget) {
 if (!_newTarget || _newTarget.source_representation !== this) {
 this.selected = false;
 this.all_buttons.forEach(function(b) {
 if (this.renderer.minimap) {
 this.minimap_circle.strokeColor = undefined;
 }
 this.super("unselect");
 }
-}
+};
 Rkns.Renderer.Node.prototype.highlight = function() {
 if (this.highlighted) {
 return;
 }
 this.highlighted = true;
 this.redraw();
 this.renderer.throttledPaperDraw();
-}
+};
 Rkns.Renderer.Node.prototype.unhighlight = function() {
 if (!this.highlighted) {
 return;
 }
 this.highlighted = false;
 this.redraw();
 this.renderer.throttledPaperDraw();
-}
+};
 Rkns.Renderer.Node.prototype.saveCoords = function() {
 var _coords = this.renderer.toModelCoords(this.paper_coords),
 _data = {
 position: {
 }
 };
 if (this.renderer.isEditable()) {
 this.model.set(_data);
 }
-}
+};
 Rkns.Renderer.Node.prototype.mousedown = function(_event, _isTouch) {
 if (_isTouch) {
 this.renderer.unselectAll();
 this.select();
 }
-}
+};
 Rkns.Renderer.Node.prototype.mouseup = function(_event, _isTouch) {
 if (this.renderer.is_dragging && this.renderer.isEditable()) {
 this.saveCoords();
 } else {
 this.model.trigger("clicked");
 }
 this.renderer.click_target = null;
 this.renderer.is_dragging = false;
 this.is_dragging = false;
-}
+};
 Rkns.Renderer.Node.prototype.destroy = function(_event) {
 this.super("destroy");
 this.all_buttons.forEach(function(b) {
 b.destroy();
 this.minimap_circle.remove();
 }
 if (this.node_image) {
 this.node_image.remove();
 }
-}
+};
 /* */
 Rkns.Renderer.Edge = Rkns.Utils.inherit(Rkns.Renderer._BaseRepresentation);
 new Rkns.Renderer.EdgeRemoveButton(this.renderer, null),
 ];
 this.pending_delete_buttons = [
 new Rkns.Renderer.EdgeRevertButton(this.renderer, null)
 ];
-this.all_buttons = this.normal_buttons.concat(this.pending_delete_buttons)
+this.all_buttons = this.normal_buttons.concat(this.pending_delete_buttons);
 for (var i = 0; i < this.all_buttons.length; i++) {
 this.all_buttons[i].source_representation = this;
 }
 this.active_buttons = [];
 } else {
 this.minimap_line = new paper.Path();
 this.minimap_line.add([0,0],[0,0]);
 this.minimap_line.__representation = this.renderer.minimap.miniframe.__representation;
 this.minimap_line.strokeWidth = 1;
 }
-}
+};
 Rkns.Renderer.Edge.prototype.redraw = function() {
 this.from_representation = this.renderer.getRepresentationByModel(this.model.get("from"));
 this.to_representation = this.renderer.getRepresentationByModel(this.model.get("to"));
 if (!this.from_representation || !this.to_representation) {
 if (this.renderer.minimap) {
 this.minimap_line.strokeColor = _color;
 this.minimap_line.segments[0].point = this.renderer.toMinimapCoords(new paper.Point(this.from_representation.model.get("position")));
 this.minimap_line.segments[1].point = this.renderer.toMinimapCoords(new paper.Point(this.to_representation.model.get("position")));
 }
-}
+};
 Rkns.Renderer.Edge.prototype.openEditor = function() {
 this.renderer.removeRepresentationsOfType("editor");
 var _editor = this.renderer.addRepresentation("EdgeEditor",null);
 _editor.source_representation = this;
 _editor.draw();
-}
+};
 Rkns.Renderer.Edge.prototype.select = function() {
 this.selected = true;
 this.line.strokeWidth = this.options.selected_edge_stroke_width;
 if (this.renderer.isEditable()) {
 }
 if (!this.options.editor_mode) {
 this.openEditor();
 }
 this.super("select");
-}
+};
 Rkns.Renderer.Edge.prototype.unselect = function(_newTarget) {
 if (!_newTarget || _newTarget.source_representation !== this) {
 this.selected = false;
 if (this.options.editor_mode) {
 });
 }
 this.line.strokeWidth = this.options.edge_stroke_width;
 this.super("unselect");
 }
-}
+};
 Rkns.Renderer.Edge.prototype.mousedown = function(_event, _isTouch) {
 if (_isTouch) {
 this.renderer.unselectAll();
 this.select();
 }
-}
+};
 Rkns.Renderer.Edge.prototype.mouseup = function(_event, _isTouch) {
 if (!this.renkan.read_only && this.renderer.is_dragging) {
 this.from_representation.saveCoords();
 this.to_representation.saveCoords();
 }
 this.model.trigger("clicked");
 }
 this.renderer.click_target = null;
 this.renderer.is_dragging = false;
-}
+};
 Rkns.Renderer.Edge.prototype.paperShift = function(_delta) {
 if (this.options.editor_mode) {
 if (!this.options.read_only) {
 this.from_representation.paperShift(_delta);
 this.to_representation.paperShift(_delta);
 }
 } else {
 this.renderer.paperShift(_delta);
 }
-}
+};
 Rkns.Renderer.Edge.prototype.destroy = function() {
 this.super("destroy");
 this.line.remove();
 this.arrow.remove();
 });
 var _this = this;
 this.bundle.edges = Rkns._(this.bundle.edges).reject(function(_edge) {
 return _edge === _this;
 });
-}
+};
 /* */
 Rkns.Renderer.TempEdge = Rkns.Utils.inherit(Rkns.Renderer._BaseRepresentation);
 [ this.options.edge_arrow_length, this.options.edge_arrow_width / 2 ],
 [ 0, this.options.edge_arrow_width ]
 );
 this.arrow.__representation = this;
 this.arrow_angle = 0;
-}
+};
 Rkns.Renderer.TempEdge.prototype.redraw = function() {
 var _p0 = this.from_representation.paper_coords,
 _p1 = this.end_pos,
 _a = _p1.subtract(_p0).angle,
 this.line.segments[0].point = _p0;
 this.line.segments[1].point = _p1;
 this.arrow.rotate(_a - this.arrow_angle);
 this.arrow.position = _c;
 this.arrow_angle = _a;
-}
+};
 Rkns.Renderer.TempEdge.prototype.paperShift = function(_delta) {
 if (!this.renderer.isEditable()) {
 this.renderer.removeRepresentation(_this);
 paper.view.draw();
 }
 this.end_pos = this.end_pos.add(_delta);
 var _hitResult = paper.project.hitTest(this.end_pos);
 this.renderer.findTarget(_hitResult);
 this.redraw();
-}
+};
 Rkns.Renderer.TempEdge.prototype.mouseup = function(_event, _isTouch) {
 var _hitResult = paper.project.hitTest(_event.point),
 _model = this.from_representation.model,
 _endDrag = true;
 this.renderer.click_target = null;
 this.renderer.is_dragging = false;
 this.renderer.removeRepresentation(this);
 paper.view.draw();
 }
-}
+};
 Rkns.Renderer.TempEdge.prototype.destroy = function() {
 this.arrow.remove();
 this.line.remove();
-}
+};
 /* */
 Rkns.Renderer._BaseEditor = Rkns.Utils.inherit(Rkns.Renderer._BaseRepresentation);
 Rkns.Renderer._BaseEditor.prototype._init = function() {
 this.renderer.buttons_layer.activate();
 this.type = "editor";
 this.editor_block = new paper.Path();
-var _pts = Rkns._(Rkns._.range(8)).map(function() {return [0,0]});
+var _pts = Rkns._(Rkns._.range(8)).map(function() {return [0,0];});
 this.editor_block.add.apply(this.editor_block, _pts);
 this.editor_block.strokeWidth = this.options.tooltip_border_width;
 this.editor_block.strokeColor = this.options.tooltip_border_color;
 this.editor_block.opacity = .8;
 this.editor_$ = Rkns.$('<div>')
 .css({
 position: "absolute",
 opacity: .8
 })
 .hide();
-}
+};
 Rkns.Renderer._BaseEditor.prototype.destroy = function() {
 this.editor_block.remove();
 this.editor_$.remove();
-}
+};
 /* */
 Rkns.Renderer.NodeEditor = Rkns.Utils.inherit(Rkns.Renderer._BaseEditor);
 this.redraw();
 var _this = this,
 closeEditor = function() {
 _this.renderer.removeRepresentation(_this);
 paper.view.draw();
-}
+};
 this.editor_$.find(".Rk-CloseX").click(closeEditor);
 if (this.renderer.isEditable()) {
 var _data = {
 title: _this.editor_$.find(".Rk-Edit-Title").val(),
 description: _this.editor_$.find(".Rk-Edit-Description").val(),
 uri: _uri,
 image: _image
-}
+};
 _model.set(_data);
 _this.redraw();
 } else {
 closeEditor();
 }
 return;
 }
 fr.onload = function(e) {
 _this.editor_$.find(".Rk-Edit-Image").val(e.target.result);
 onFieldChange();
-}
+};
 fr.readAsDataURL(f);
 }
 });
 this.editor_$.find(".Rk-Edit-Title")[0].focus();
 _e.preventDefault();
 _this.editor_$.find(".Rk-Edit-Color").css("background", $(this).attr("data-color"));
 },
 function(_e) {
 _e.preventDefault();
-_this.editor_$.find(".Rk-Edit-Color").css("background", _model.get("color") || (_model.get("created_by") || Rkns.Renderer._USER_PLACEHOLDER(_this.renkan)).get("color"))
+_this.editor_$.find(".Rk-Edit-Color").css("background", _model.get("color") || (_model.get("created_by") || Rkns.Renderer._USER_PLACEHOLDER(_this.renkan)).get("color"));
 }
 ).click(function(_e) {
 _e.preventDefault();
 if (_this.renderer.isEditable()) {
 _model.set("color", $(this).attr("data-color"));
 });
 }
 this.editor_$.find("img").load(function() {
 _this.redraw();
 });
-}
+};
 Rkns.Renderer.NodeEditor.prototype.redraw = function() {
 var _coords = this.source_representation.paper_coords;
 Rkns.Renderer.drawEditBox(this.options, _coords, this.editor_block, this.source_representation.circle_radius * .75, this.editor_$);
 this.editor_$.show();
 paper.view.draw();
-}
+};
 /* */
 Rkns.Renderer.EdgeEditor = Rkns.Utils.inherit(Rkns.Renderer._BaseEditor);
 this.redraw();
 var _this = this,
 closeEditor = function() {
 _this.renderer.removeRepresentation(_this);
 paper.view.draw();
-}
+};
 this.editor_$.find(".Rk-CloseX").click(closeEditor);
 if (this.renderer.isEditable()) {
 var onFieldChange = Rkns._(function() {
 if (_this.renderer.isEditable()) {
 _this.editor_$.find(".Rk-Edit-Goto").attr("href",_this.editor_$.find(".Rk-Edit-URI").val());
 var _data = {
 title: _this.editor_$.find(".Rk-Edit-Title").val(),
 uri: _this.editor_$.find(".Rk-Edit-URI").val()
-}
+};
 _model.set(_data);
 paper.view.draw();
 } else {
 closeEditor();
 }
 _e.preventDefault();
 _this.editor_$.find(".Rk-Edit-Color").css("background", $(this).attr("data-color"));
 },
 function(_e) {
 _e.preventDefault();
-_this.editor_$.find(".Rk-Edit-Color").css("background", _model.get("color") || (_model.get("created_by") || Rkns.Renderer._USER_PLACEHOLDER(_this.renkan)).get("color"))
+_this.editor_$.find(".Rk-Edit-Color").css("background", _model.get("color") || (_model.get("created_by") || Rkns.Renderer._USER_PLACEHOLDER(_this.renkan)).get("color"));
 }
 ).click(function(_e) {
 _e.preventDefault();
 if (_this.renderer.isEditable()) {
 _model.set("color", $(this).attr("data-color"));
 } else {
 closeEditor();
 }
 });
 }
-}
+};
 Rkns.Renderer.EdgeEditor.prototype.redraw = function() {
 var _coords = this.source_representation.paper_coords;
 Rkns.Renderer.drawEditBox(this.options, _coords, this.editor_block, 5, this.editor_$);
 this.editor_$.show();
 paper.view.draw();
-}
+};
 /* */
 Rkns.Renderer._NodeButton = Rkns.Utils.inherit(Rkns.Renderer._BaseButton);
 this.imageName,
 this.renkan.translate(this.text)
 );
 this.lastSectorInner = sectorInner;
 }
-}
+};
 /* */
 Rkns.Renderer.NodeEditButton = Rkns.Utils.inherit(Rkns.Renderer._NodeButton);
 this.lastSectorInner = 0;
 this.startAngle = -135;
 this.endAngle = -45;
 this.imageName = "edit";
 this.text = "Edit";
-}
+};
 Rkns.Renderer.NodeEditButton.prototype.mouseup = function() {
 if (!this.renderer.is_dragging) {
 this.source_representation.openEditor();
 }
-}
+};
 /* */
 Rkns.Renderer.NodeRemoveButton = Rkns.Utils.inherit(Rkns.Renderer._NodeButton);
 this.lastSectorInner = 0;
 this.startAngle = 0;
 this.endAngle = 90;
 this.imageName = "remove";
 this.text = "Remove";
-}
+};
 Rkns.Renderer.NodeRemoveButton.prototype.mouseup = function() {
 this.renderer.click_target = null;
 this.renderer.is_dragging = false;
 this.renderer.removeRepresentationsOfType("editor");
 id: delid,
 time: new Date().valueOf() + this.options.element_delete_delay
 });
 this.source_representation.model.set("delete_scheduled", delid);
 }
-}
+};
 /* */
 Rkns.Renderer.NodeRevertButton = Rkns.Utils.inherit(Rkns.Renderer._NodeButton);
 this.lastSectorInner = 0;
 this.startAngle = -135;
 this.endAngle = 135;
 this.imageName = "revert";
 this.text = "Cancel deletion";
-}
+};
 Rkns.Renderer.NodeRevertButton.prototype.mouseup = function() {
 this.renderer.click_target = null;
 this.renderer.is_dragging = false;
 if (this.renderer.isEditable()) {
 this.source_representation.model.unset("delete_scheduled");
 }
-}
+};
 /* */
 Rkns.Renderer.NodeLinkButton = Rkns.Utils.inherit(Rkns.Renderer._NodeButton);
 this.lastSectorInner = 0;
 this.startAngle = 90;
 this.endAngle = 180;
 this.imageName = "link";
 this.text = "Link to another node";
-}
+};
 Rkns.Renderer.NodeLinkButton.prototype.mousedown = function(_event, _isTouch) {
 if (this.renderer.isEditable()) {
 var _off = this.renderer.canvas_$.offset(),
 _point = new paper.Point([
 ]);
 this.renderer.click_target = null;
 this.renderer.removeRepresentationsOfType("editor");
 this.renderer.addTempEdge(this.source_representation, _point);
 }
-}
+};
 /* */
 Rkns.Renderer.NodeEnlargeButton = Rkns.Utils.inherit(Rkns.Renderer._NodeButton);
 this.lastSectorInner = 0;
 this.startAngle = -45;
 this.endAngle = 0;
 this.imageName = "enlarge";
 this.text = "Enlarge";
-}
+};
 Rkns.Renderer.NodeEnlargeButton.prototype.mouseup = function() {
 var _newsize = 1 + (this.source_representation.model.get("size") || 0);
 this.source_representation.model.set("size", _newsize);
 this.source_representation.select();
 this.select();
 paper.view.draw();
-}
+};
 /* */
 Rkns.Renderer.NodeShrinkButton = Rkns.Utils.inherit(Rkns.Renderer._NodeButton);
 this.lastSectorInner = 0;
 this.startAngle = -180;
 this.endAngle = -135;
 this.imageName = "shrink";
 this.text = "Shrink";
-}
+};
 Rkns.Renderer.NodeShrinkButton.prototype.mouseup = function() {
 var _newsize = -1 + (this.source_representation.model.get("size") || 0);
 this.source_representation.model.set("size", _newsize);
 this.source_representation.select();
 this.select();
 paper.view.draw();
-}
+};
 /* */
 Rkns.Renderer.EdgeEditButton = Rkns.Utils.inherit(Rkns.Renderer._BaseButton);
 Rkns.Renderer.EdgeEditButton.prototype._init = function() {
 this.type = "Edge-edit-button";
 this.sector = this.renderer.drawSector(this, Rkns.Renderer._EDGE_BUTTON_INNER, Rkns.Renderer._EDGE_BUTTON_OUTER, -270, -90, 1, "edit", this.renkan.translate("Edit"));
-}
+};
 Rkns.Renderer.EdgeEditButton.prototype.mouseup = function() {
 if (!this.renderer.is_dragging) {
 this.source_representation.openEditor();
 }
-}
+};
 /* */
 Rkns.Renderer.EdgeRemoveButton = Rkns.Utils.inherit(Rkns.Renderer._BaseButton);
 Rkns.Renderer.EdgeRemoveButton.prototype._init = function() {
 this.type = "Edge-remove-button";
 this.sector = this.renderer.drawSector(this, Rkns.Renderer._EDGE_BUTTON_INNER, Rkns.Renderer._EDGE_BUTTON_OUTER, -90, 90, 1, "remove", this.renkan.translate("Remove"));
-}
+};
 Rkns.Renderer.EdgeRemoveButton.prototype.mouseup = function() {
 this.renderer.click_target = null;
 this.renderer.is_dragging = false;
 this.renderer.removeRepresentationsOfType("editor");
 id: delid,
 time: new Date().valueOf() + this.options.element_delete_delay
 });
 this.source_representation.model.set("delete_scheduled", delid);
 }
-}
+};
 /* */
 Rkns.Renderer.EdgeRevertButton = Rkns.Utils.inherit(Rkns.Renderer._BaseButton);
 Rkns.Renderer.EdgeRevertButton.prototype._init = function() {
 this.type = "Edge-revert-button";
 this.sector = this.renderer.drawSector(this, Rkns.Renderer._EDGE_BUTTON_INNER, Rkns.Renderer._EDGE_BUTTON_OUTER, -135, 135, 1, "revert", this.renkan.translate("Cancel deletion"));
-}
+};
 Rkns.Renderer.EdgeRevertButton.prototype.mouseup = function() {
 this.renderer.click_target = null;
 this.renderer.is_dragging = false;
 if (this.renderer.isEditable()) {
 this.source_representation.model.unset("delete_scheduled");
 }
-}
+};
 /* */
 Rkns.Renderer.MiniFrame = Rkns.Utils.inherit(Rkns.Renderer._BaseRepresentation);
 Rkns.Renderer.MiniFrame.prototype.paperShift = function(_delta) {
 this.renderer.offset = this.renderer.offset.subtract(_delta.divide(this.renderer.minimap.scale).multiply(this.renderer.scale));
 this.renderer.redraw();
-}
+};
 Rkns.Renderer.MiniFrame.prototype.mouseup = function(_delta) {
 this.renderer.click_target = null;
 this.renderer.is_dragging = false;
-}
+};
 /* */
 Rkns.Renderer.Scene = function(_renkan) {
 this.renkan = _renkan;
 background_layer: new paper.Layer(),
 edge_layer: new paper.Layer(),
 node_layer: new paper.Layer(),
 node_group: new paper.Group(),
 size: new paper.Size( _renkan.options.minimap_width, _renkan.options.minimap_height )
-}
+};
 this.minimap.background_layer.activate();
 this.minimap.topleft = paper.view.bounds.bottomRight.subtract(this.minimap.size);
 this.minimap.rectangle = new paper.Path.Rectangle(this.minimap.topleft.subtract([2,2]), this.minimap.size.add([4,4]));
 this.minimap.rectangle.fillColor = _renkan.options.minimap_background_color;
 _this.canvas_$.height()
 ]).multiply( .5 * ( 1 - Math.SQRT2 ) ).add(_this.offset.multiply( Math.SQRT2 ));
 _this.setScale( _newScale, _offset );
 });
 this.$.find(".Rk-CurrentUser").mouseenter(
-function() { _this.$.find(".Rk-UserList").slideDown() }
+function() { _this.$.find(".Rk-UserList").slideDown(); }
 );
 this.$.find(".Rk-Users").mouseleave(
 function() { _this.$.find(".Rk-UserList").slideUp(); }
 );
 this.$.find(".Rk-FullScreen-Button").click(function() {
 });
 paper.view.onResize = function(_event) {
 _this.offset = _this.offset.add(_event.delta.divide(2));
 if (_this.minimap) {
-_this.minimap.topleft = paper.view.bounds.bottomRight.subtract(_this.minimap.size)
+_this.minimap.topleft = paper.view.bounds.bottomRight.subtract(_this.minimap.size);
 _this.minimap.rectangle.fitBounds(_this.minimap.topleft.subtract([2,2]), _this.minimap.size.add([4,4]));
 _this.minimap.cliprectangle.fitBounds(_this.minimap.topleft, _this.minimap.size);
 }
 _this.redraw();
-}
+};
 var _thRedraw = Rkns._.throttle(function() {
 _this.redraw();
 },50);
 _this.$.find(".Rk-PadTitle").val(_renkan.project.get("title"));
 });
 this.$.find(".Rk-PadTitle").on("keyup input paste", function() {
 _renkan.project.set({"title": $(this).val()});
-})
+});
 this.renkan.project.get("users").each(function(_user) {
 _this.addUser(_user);
 });
 project.removeEdge(el);
 }
 }
 });
 _this.delete_list = _this.delete_list.filter(function(d) {
-return _renkan.project.get("nodes").findWhere({"delete_scheduled":d.id}) || _renkan.project.get("edges").findWhere({"delete_scheduled":d.id})
+return _renkan.project.get("nodes").findWhere({"delete_scheduled":d.id}) || _renkan.project.get("edges").findWhere({"delete_scheduled":d.id});
 });
 }, 500);
 if (this.minimap) {
 window.setInterval(function() {
-_this.rescaleMinimap()
+_this.rescaleMinimap();
 }, 2000);
 }
-}
+};
 Rkns.Renderer.Scene.prototype.template = Rkns._.template(
 '<% if (options.show_top_bar) { %><div class="Rk-TopBar"><% if (!options.editor_mode) { %><h2 class="Rk-PadTitle"><%- project.get("title") || translate("Untitled project")%></h2>'
 + '<% } else { %><input type="text" class="Rk-PadTitle" value="<%- project.get("title") || "" %>" placeholder="<%-translate("Untitled project")%>" /><% } %>'
 + '<div class="Rk-Users"><div class="Rk-CurrentUser"><span class="Rk-CurrentUser-Color"></span><span class="Rk-CurrentUser-Name">&lt;unknown user&gt;</span></div><ul class="Rk-UserList"></ul></div>'
 paper.view.viewSize = new paper.Size([w, h]);
 if (_autoscale) {
 this.autoScale();
 }
-}
+};
 Rkns.Renderer.Scene.prototype.drawSector = function(_repr, _inR, _outR, _startAngle, _endAngle, _padding, _imgname, _caption) {
 var _options = this.renkan.options,
 _startRads = _startAngle * Math.PI / 180,
 _endRads = _endAngle * Math.PI / 180,
 _text.visible = false;
 },
 destroy: function() {
 _grp.remove();
 }
-}
+};
 function showImage() {
 var _raster = new paper.Raster(_img);
 _raster.position = _imgdelta.add(_grp.position).subtract(_delta);
 _grp.addChild(_raster);
 }
 showImage();
 } else {
 Rkns.$(_img).on("load",showImage);
 }
-return _res
+return _res;
-}
+};
 Rkns.Renderer.Scene.prototype.addToBundles = function(_edgeRepr) {
 var _bundle = Rkns._(this.bundles).find(function(_bundle) {
 return (
 ( _bundle.from === _edgeRepr.from_representation && _bundle.to === _edgeRepr.to_representation )
 || ( _bundle.from === _edgeRepr.to_representation && _bundle.to === _edgeRepr.from_representation )
 );
 });
 if (typeof _bundle !== "undefined") {
-_bundle.edges.push(_edgeRepr)
+_bundle.edges.push(_edgeRepr);
 } else {
 _bundle = {
 from: _edgeRepr.from_representation,
 to: _edgeRepr.to_representation,
 edges: [ _edgeRepr ],
 getPosition: function(_er) {
 var _dir = (_er.from_representation === this.from) ? 1 : -1;
 return _dir * ( Rkns._(this.edges).indexOf(_er) - (this.edges.length - 1) / 2 );
 }
-}
+};
 this.bundles.push(_bundle);
 }
 return _bundle;
-}
+};
 Rkns.Renderer.Scene.prototype.isEditable = function() {
-return (this.renkan.options.editor_mode && !this.renkan.read_only)
+return (this.renkan.options.editor_mode && !this.renkan.read_only);
-}
+};
 Rkns.Renderer.Scene.prototype.onStatusChange = function() {
 var savebtn = this.$.find(".Rk-Save-Button"),
 tip = savebtn.find(".Rk-TopBar-Tooltip-Contents");
 if (this.renkan.read_only) {
 } else {
 savebtn.removeClass("disabled Rk-Save-ReadOnly").addClass("Rk-Save-Online");
 tip.text(this.renkan.translate("Auto-save enabled"));
 }
 }
-}
+};
 Rkns.Renderer.Scene.prototype.setScale = function(_newScale, _offset) {
 if (_newScale > Rkns.Renderer._MIN_SCALE && _newScale < Rkns.Renderer._MAX_SCALE) {
 this.scale = _newScale;
 if (_offset) {
-this.offset = _offset
+this.offset = _offset;
 }
 this.redraw();
 }
-}
+};
 Rkns.Renderer.Scene.prototype.autoScale = function() {
-var nodes = this.renkan.project.get("nodes")
+var nodes = this.renkan.project.get("nodes");
 if (nodes.length > 1) {
-var _xx = nodes.map(function(_node) { return _node.get("position").x }),
+var _xx = nodes.map(function(_node) { return _node.get("position").x; }),
-_yy = nodes.map(function(_node) { return _node.get("position").y }),
+_yy = nodes.map(function(_node) { return _node.get("position").y; }),
 _minx = Math.min.apply(Math, _xx),
 _miny = Math.min.apply(Math, _yy),
 _maxx = Math.max.apply(Math, _xx),
 _maxy = Math.max.apply(Math, _yy);
 var _scale = Math.max(Rkns.Renderer._MIN_SCALE, Math.min(Rkns.Renderer._MAX_SCALE, (paper.view.size.width - 2 * Rkns.Renderer._AUTOSCALE_MARGIN) / (_maxx - _minx), (paper.view.size.height - 2 * Rkns.Renderer._AUTOSCALE_MARGIN) / (_maxy - _miny)));
 this.setScale(_scale, paper.view.center.subtract(new paper.Point([(_maxx + _minx) / 2, (_maxy + _miny) / 2]).multiply(_scale)));
 }
 if (nodes.length === 1) {
 this.setScale(1, paper.view.center.subtract(new paper.Point([nodes.at(0).get("position").x, nodes.at(0).get("position").y])));
 }
-}
+};
 Rkns.Renderer.Scene.prototype.redrawMiniframe = function() {
 var topleft = this.toMinimapCoords(this.toModelCoords(new paper.Point([0,0]))),
 bottomright = this.toMinimapCoords(this.toModelCoords(paper.view.bounds.bottomRight));
 this.minimap.miniframe.fitBounds(topleft, bottomright);
-}
+};
 Rkns.Renderer.Scene.prototype.rescaleMinimap = function() {
-var nodes = this.renkan.project.get("nodes")
+var nodes = this.renkan.project.get("nodes");
 if (nodes.length > 1) {
-var _xx = nodes.map(function(_node) { return _node.get("position").x }),
+var _xx = nodes.map(function(_node) { return _node.get("position").x; }),
-_yy = nodes.map(function(_node) { return _node.get("position").y }),
+_yy = nodes.map(function(_node) { return _node.get("position").y; }),
 _minx = Math.min.apply(Math, _xx),
 _miny = Math.min.apply(Math, _yy),
 _maxx = Math.max.apply(Math, _xx),
 _maxy = Math.max.apply(Math, _yy);
 var _scale = Math.min(
 if (nodes.length === 1) {
 this.minimap.scale = .1;
 this.minimap.offset = this.minimap.size.divide(2).subtract(new paper.Point([nodes.at(0).get("position").x, nodes.at(0).get("position").y]).multiply(this.minimap.scale));
 }
 this.redraw();
-}
+};
 Rkns.Renderer.Scene.prototype.toPaperCoords = function(_point) {
 return _point.multiply(this.scale).add(this.offset);
-}
+};
 Rkns.Renderer.Scene.prototype.toMinimapCoords = function(_point) {
 return _point.multiply(this.minimap.scale).add(this.minimap.offset).add(this.minimap.topleft);
-}
+};
 Rkns.Renderer.Scene.prototype.toModelCoords = function(_point) {
 return _point.subtract(this.offset).divide(this.scale);
-}
+};
 Rkns.Renderer.Scene.prototype.addRepresentation = function(_type, _model) {
 var _repr = new Rkns.Renderer[_type](this, _model);
 this.representations.push(_repr);
 return _repr;
-}
+};
 Rkns.Renderer.Scene.prototype.addRepresentations = function(_type, _collection) {
 var _this = this;
 _collection.forEach(function(_model) {
 _this.addRepresentation(_type, _model);
 });
-}
+};
 Rkns.Renderer.Scene.prototype.userTemplate = Rkns._.template(
 '<li class="Rk-User"><span class="Rk-UserColor" style="background:<%=background%>;"></span><%=name%></li>'
 );
 background: _user.get("color")
 })
 )
 );
 }
-}
+};
 Rkns.Renderer.Scene.prototype.removeRepresentation = function(_representation) {
 _representation.destroy();
 this.representations = Rkns._(this.representations).reject(
 function(_repr) {
-return _repr == _representation
+return _repr == _representation;
 }
 );
-}
+};
 Rkns.Renderer.Scene.prototype.getRepresentationByModel = function(_model) {
 return Rkns._(this.representations).find(function(_repr) {
 return _repr.model === _model;
 });
-}
+};
 Rkns.Renderer.Scene.prototype.removeRepresentationsOfType = function(_type) {
 var _representations = Rkns._(this.representations).filter(function(_repr) {
 return _repr.type == _type;
 }),
 _this = this;
 Rkns._(_representations).each(function(_repr) {
 _this.removeRepresentation(_repr);
 });
-}
+};
 Rkns.Renderer.Scene.prototype.highlightModel = function(_model) {
 var _repr = this.getRepresentationByModel(_model);
 if (_repr) {
 _repr.highlight();
 }
-}
+};
 Rkns.Renderer.Scene.prototype.unhighlightAll = function(_model) {
 Rkns._(this.representations).each(function(_repr) {
 _repr.unhighlight();
 });
-}
+};
 Rkns.Renderer.Scene.prototype.unselectAll = function(_model) {
 Rkns._(this.representations).each(function(_repr) {
 _repr.unselect();
 });
-}
+};
 Rkns.Renderer.Scene.prototype.redraw = function() {
 Rkns._(this.representations).each(function(_representation) {
 _representation.redraw(true);
 });
 if (this.minimap) {
 this.redrawMiniframe();
 }
 paper.view.draw();
-}
+};
 Rkns.Renderer.Scene.prototype.addTempEdge = function(_from, _point) {
 var _tmpEdge = this.addRepresentation("TempEdge",null);
 _tmpEdge.end_pos = _point;
 _tmpEdge.from_representation = _from;
 _tmpEdge.redraw();
 this.click_target = _tmpEdge;
-}
+};
 Rkns.Renderer.Scene.prototype.findTarget = function(_hitResult) {
 if (_hitResult && typeof _hitResult.item.__representation !== "undefined") {
 var _newTarget = _hitResult.item.__representation;
 if (this.selected_target !== _hitResult.item.__representation) {
 if (this.selected_target) {
 this.selected_target.unselect();
 }
 this.selected_target = null;
 }
-}
+};
 Rkns.Renderer.Scene.prototype.paperShift = function(_delta) {
 this.offset = this.offset.add(_delta);
 this.redraw();
-}
+};
 Rkns.Renderer.Scene.prototype.onMouseMove = function(_event) {
 var _off = this.canvas_$.offset(),
 _point = new paper.Point([
 _event.pageX - _off.left,
 }
 } else {
 this.findTarget(_hitResult);
 }
 paper.view.draw();
-}
+};
 Rkns.Renderer.Scene.prototype.onMouseDown = function(_event, _isTouch) {
 var _off = this.canvas_$.offset(),
 _point = new paper.Point([
 _event.pageX - _off.left,
 this.notif_$.hide();
 this.click_mode = false;
 }
 }
 paper.view.draw();
-}
+};
 Rkns.Renderer.Scene.prototype.onMouseUp = function(_event, _isTouch) {
 this.mouse_down = false;
 if (this.click_target) {
 var _off = this.canvas_$.offset();
 if (_isTouch) {
 this.unselectAll();
 }
 }
 paper.view.draw();
-}
+};
 Rkns.Renderer.Scene.prototype.onScroll = function(_event, _scrolldelta) {
 this.totalScroll += _scrolldelta;
 if (Math.abs(this.totalScroll) >= 1) {
 var _off = this.canvas_$.offset(),
 } else {
 this.setScale( this.scale * Math.SQRT1_2, this.offset.add(_delta.divide(Math.SQRT2)));
 }
 this.totalScroll = 0;
 }
-}
+};
 Rkns.Renderer.Scene.prototype.onDoubleClick = function(_event) {
 if (!this.isEditable()) {
 return;
 }
 };
 _node = this.renkan.project.addNode(_data);
 this.getRepresentationByModel(_node).openEditor();
 }
 paper.view.draw();
-}
+};
 Rkns.Renderer.Scene.prototype.dropData = function(_data, _event) {
 if (!this.isEditable()) {
 return;
 }
 }
 var newNode = {};
 switch(_data["text/x-iri-specific-site"]) {
 case "twitter":
 var snippet = Rkns.$('<div>').html(_data["text/x-iri-selected-html"]),
-tweetdiv = snippet.find(".tweet")
+tweetdiv = snippet.find(".tweet");
 newNode.title = _renkan.translate("Tweet by ") + tweetdiv.attr("data-name");
 newNode.uri = "http://twitter.com/" + tweetdiv.attr("data-screen-name") + "/status/" + tweetdiv.attr("data-tweet-id");
 newNode.image = tweetdiv.find(".avatar").attr("src");
 newNode.description = tweetdiv.find(".js-tweet-text:first").text();
 break;
 var _node = this.renkan.project.addNode(_nodedata),
 _repr = this.getRepresentationByModel(_node);
 if (_event.type === "drop") {
 _repr.openEditor();
 }
-}
+};

renkan