client/js/renderer/edgeeditor.js
changeset 459 98cae534083d
parent 458 423bdf56d103
child 461 48235ed6b07d
--- a/client/js/renderer/edgeeditor.js	Tue Jun 02 00:39:47 2015 +0200
+++ b/client/js/renderer/edgeeditor.js	Wed Jun 03 13:16:46 2015 +0200
@@ -31,6 +31,8 @@
                     description: _model.get("description"),
                     color: (_model.has("style") && _model.get("style").color) || _created_by.get("color"),
                     dash: _model.has("style") && _model.get("style").dash ? "checked" : "",
+                    arrow: (_model.has("style") && _model.get("style").arrow) || !_model.has("style") || (typeof _model.get("style").arrow === 'undefined') ? "checked" : "",
+                    thickness: (_model.has("style") && _model.get("style").thickness) || 1,
                     from_title: _from_model.get("title"),
                     to_title: _to_model.get("title"),
                     from_color: (_from_model.has("style") && _from_model.get("style").color) || (_from_model.get("created_by") || Utils._USER_PLACEHOLDER(this.renkan)).get("color"),
@@ -46,6 +48,7 @@
             var _this = this,
             closeEditor = function() {
                 _this.renderer.removeRepresentation(_this);
+                _this.editor_$.find(".Rk-Edit-Size-Btn").off('click');
                 paper.view.draw();
             };
             this.editor_$.find(".Rk-CloseX").click(closeEditor);
@@ -69,6 +72,8 @@
                             if (_this.options.show_node_editor_style) {
                                 var dash = _this.editor_$.find(".Rk-Edit-Dash").is(':checked');
                                 _data.style = _.assign( ((_model.has("style") && _.clone(_model.get("style"))) || {}), {dash: dash});
+                                var arrow = _this.editor_$.find(".Rk-Edit-Arrow").is(':checked');
+                                _data.style = _.assign( ((_model.has("style") && _.clone(_model.get("style"))) || {}), {arrow: arrow});
                             }
                             _this.editor_$.find(".Rk-Edit-Goto").attr("href",_data.uri || "#");
                             _model.set(_data);
@@ -140,6 +145,35 @@
                         closeEditor();
                     }
                 });
+                var shiftThickness = function(n) {
+                    if (_this.renderer.isEditable()) {
+                        var _oldThickness = ((_model.has('style') && _model.get('style').thickness) || 1),
+                            _newThickness = n + _oldThickness;
+                        if(_newThickness < 1 ) {
+                            _newThickness = 1;
+                        }
+                        else if (_newThickness > _this.options.node_stroke_witdh_scale) {
+                            _newThickness = _this.options.node_stroke_witdh_scale;
+                        }
+                        if (_newThickness !== _oldThickness) {
+                            _this.editor_$.find("#Rk-Edit-Thickness-Value").text(_newThickness);
+                            _model.set("style", _.assign( ((_model.has("style") && _.clone(_model.get("style"))) || {}), {thickness: _newThickness}));
+                            paper.view.draw();
+                        }
+                    }
+                    else {
+                        closeEditor();
+                    }
+                };
+
+                this.editor_$.find("#Rk-Edit-Thickness-Down").click(function() {
+                    shiftThickness(-1);
+                    return false;
+                });
+                this.editor_$.find("#Rk-Edit-Thickness-Up").click(function() {
+                    shiftThickness(1);
+                    return false;
+                });
             }
         },
         redraw: function() {