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 26	2fad193bae98
parent 25	b5ada3bb8e53
child 28	805d85b3f390

equal deleted inserted replaced

-:b5ada3bb8e53
+:2fad193bae98
 Rkns.Renderer._BaseRepresentation.prototype.select = function() {}
 Rkns.Renderer._BaseRepresentation.prototype.unselect = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.highlight = function() {}
+Rkns.Renderer._BaseRepresentation.prototype.unhighlight = function() {}
 Rkns.Renderer._BaseRepresentation.prototype.mouseup = function() {}
 Rkns.Renderer._BaseRepresentation.prototype.destroy = function() {}
 Rkns.Renderer.Node = Rkns.Utils.inherit(Rkns.Renderer._BaseRepresentation);
 Rkns.Renderer.Node.prototype.select = function() {
 this.circle.strokeWidth = 3;
 this.edit_button.show();
 this.remove_button.show();
 this.link_button.show();
+var _uri = this.model.get("uri");
+Rkns.$('.Rk-Bin-Item').each(function() {
+var _el = Rkns.$(this);
+if (_el.attr("data-uri") == _uri) {
+_el.addClass("selected");
+}
+});
 }
 Rkns.Renderer.Node.prototype.unselect = function(_newTarget) {
 if (!_newTarget || (_newTarget !== this.edit_button && _newTarget !== this.remove_button && _newTarget !== this.link_button)) {
 this.edit_button.hide();
 this.remove_button.hide();
 this.link_button.hide();
 }
 this.circle.strokeWidth = 1;
+Rkns.$('.Rk-Bin-Item').removeClass("selected");
+}
+Rkns.Renderer.Node.prototype.highlight = function() {
+this.circle.fillColor = "#ffffc0";
+}
+Rkns.Renderer.Node.prototype.unhighlight = function(_newTarget) {
+this.circle.fillColor = "#ffffff";
 }
 Rkns.Renderer.Node.prototype.mouseup = function(_event) {
 if (!this.renderer.is_dragging) {
 this.openEditor();
 }
 Rkns.Renderer.Node.prototype.destroy = function(_event) {
 this.edit_button.destroy();
 this.remove_button.destroy();
+this.link_button.destroy();
 this.circle.remove();
 this.title.remove();
 }
 /* */
 }
 Rkns.Renderer.NodeEditor.prototype.template = Rkns._.template(
 '<h2><span class="Rk-CloseX">&times;</span><%=l10n.edit_node%></span></h2>'
 + '<p><label><%=l10n.edit_title%></label><input class="Rk-Edit-Title" type="text" value="<%=node.title%>"/></p>'
-+ '<p><label><%=l10n.edit_uri%></label><input class="Rk-Edit-URI" type="text" value="<%=node.uri%>"/></p>'
++ '<p><label><%=l10n.edit_uri%></label><input class="Rk-Edit-URI" type="text" value="<%=node.uri%>"/><a class="Rk-Edit-Goto" href="<%=node.uri%>" target="_blank"></a></p>'
 + '<p><label><%=l10n.edit_description%></label><textarea class="Rk-Edit-Description"><%=node.description%></textarea></p>'
 + '<p><label><%=l10n.created_by%></label> <span class="Rk-UserColor" style="background:<%=node.created_by_color%>;"></span><%=node.created_by_title%></p>'
 );
 Rkns.Renderer.NodeEditor.prototype.redraw = function() {
 this.editor_$.find(".Rk-CloseX").click(function() {
 _this.renderer.removeRepresentation(_this);
 paper.view.draw();
 });
 this.editor_$.find("input, textarea").bind("keyup change", function() {
+_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(),
 description: _this.editor_$.find(".Rk-Edit-Description").val(),
 uri: _this.editor_$.find(".Rk-Edit-URI").val()
 }
 }
 Rkns.Renderer.EdgeEditor.prototype.template = Rkns._.template(
 '<h2><span class="Rk-CloseX">&times;</span><%=l10n.edit_edge%></span></h2>'
 + '<p><label><%=l10n.edit_title%></label><input class="Rk-Edit-Title" type="text" value="<%=edge.title%>"/></p>'
-+ '<p><label><%=l10n.edit_uri%></label><input class="Rk-Edit-URI" type="text" value="<%=edge.uri%>"/></p>'
++ '<p><label><%=l10n.edit_uri%></label><input class="Rk-Edit-URI" type="text" value="<%=edge.uri%>"/><a class="Rk-Edit-Goto" href="<%=edge.uri%>" target="_blank"></a></p>'
 + '<p><label><%=l10n.edit_from%></label><span class="Rk-UserColor" style="background:<%=edge.from_created_by_color%>;"></span><%=edge.from_title%></p>'
 + '<p><label><%=l10n.edit_to%></label><span class="Rk-UserColor" style="background:<%=edge.to_created_by_color%>;"></span><%=edge.to_title%></p>'
 + '<p><label><%=l10n.created_by%> </label><span class="Rk-UserColor" style="background:<%=edge.created_by_color%>;"></span><%=edge.created_by_title%></p>'
 );
 + '<div class="Rk-ZoomButtons"><div class="Rk-ZoomIn" title="<%=l10n.zoom_in%>"></div><div class="Rk-ZoomOut" title="<%=l10n.zoom_out%>"></div></div>'
 + '</div>'
 );
 Rkns.Renderer.Scene.prototype.autoScale = function() {
-var _xx = this.renkan.project.get("nodes").map(function(_node) { return _node.get("position").x }),
+if (this.renkan.project.get("nodes").length) {
-_yy = this.renkan.project.get("nodes").map(function(_node) { return _node.get("position").y }),
+var _xx = this.renkan.project.get("nodes").map(function(_node) { return _node.get("position").x }),
-_minx = Math.min.apply(Math, _xx),
+_yy = this.renkan.project.get("nodes").map(function(_node) { return _node.get("position").y }),
-_miny = Math.min.apply(Math, _yy),
+_minx = Math.min.apply(Math, _xx),
-_maxx = Math.max.apply(Math, _xx),
+_miny = Math.min.apply(Math, _yy),
-_maxy = Math.max.apply(Math, _yy);
+_maxx = Math.max.apply(Math, _xx),
-this.scale = Math.min((paper.view.size.width - 2 * this._MARGIN_X) / (_maxx - _minx), (paper.view.size.height - 2 * this._MARGIN_Y) / (_maxy - _miny));
+_maxy = Math.max.apply(Math, _yy);
-this.offset = paper.view.center.subtract(new paper.Point([(_maxx + _minx) / 2, (_maxy + _miny) / 2]).multiply(this.scale));
+this.scale = Math.min((paper.view.size.width - 2 * this._MARGIN_X) / (_maxx - _minx), (paper.view.size.height - 2 * this._MARGIN_Y) / (_maxy - _miny));
-this.redraw();
+this.offset = paper.view.center.subtract(new paper.Point([(_maxx + _minx) / 2, (_maxy + _miny) / 2]).multiply(this.scale));
+this.redraw();
+}
 }
 Rkns.Renderer.Scene.prototype.toPaperCoords = function(_point) {
 return _point.multiply(this.scale).add(this.offset);
 }
 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.redraw = function() {
 Rkns._(this.representations).each(function(_representation) {

renkan