renkan: comparison client/js/renderer/scene.js

Mercurial Mercurial > renkan / comparison

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

client/js/renderer/scene.js

changeset 508	dd526b1b283a
parent 506	460de050f800
child 510	a8f02d66bf02

equal deleted inserted replaced

-:fe71fdbc6663
+:dd526b1b283a
 }else{
 this.editor_$ = this.$.find(".Rk-Editor");
 }
 this.notif_$ = this.$.find(".Rk-Notifications");
 paper.setup(this.canvas_$[0]);
-this.scale = 1;
-this.initialScale = 1;
-this.offset = paper.view.center;
 this.totalScroll = 0;
 this.mouse_down = false;
 this.click_target = null;
 this.selected_target = null;
 this.edge_layer = new paper.Layer();
 _this.onDoubleClick(_touches);
 } else {
 _lastTap = new Date();
 _lastTapX = _touches.pageX;
 _lastTapY = _touches.pageY;
-_originalScale = _this.scale;
+_originalScale = _this.view.scale;
 _zooming = false;
 _this.onMouseDown(_touches, true);
 }
 },
 touchmove: function(_event) {
 }
 if (_event.originalEvent.scale === "undefined") {
 return;
 }
 var _newScale = _event.originalEvent.scale * _originalScale,
-_scaleRatio = _newScale / _this.scale,
+_scaleRatio = _newScale / _this.view.scale,
 _newOffset = new paper.Point([
 _this.canvas_$.width(),
 _this.canvas_$.height()
-]).multiply( 0.5 * ( 1 - _scaleRatio ) ).add(_this.offset.multiply( _scaleRatio ));
+]).multiply( 0.5 * ( 1 - _scaleRatio ) ).add(_this.view.offset.multiply( _scaleRatio ));
-_this.setScale(_newScale, _newOffset);
+_this.view.setScale(_newScale, _newOffset);
 }
 },
 touchend: function(_event) {
 _event.preventDefault();
 _this.onMouseUp(_event.originalEvent.changedTouches[0], true);
 _this[fname](evt);
 return false;
 });
 };
-bindClick(".Rk-ZoomOut", "zoomOut");
-bindClick(".Rk-ZoomIn", "zoomIn");
-bindClick(".Rk-ZoomFit", "autoScale");
-this.$.find(".Rk-ZoomSave").click( function() {
-// Save scale and offset point
-_this.renkan.project.addView( { zoom_level:_this.scale, offset:_this.offset, hidden_nodes: _this.view.hiddenNodes } );
-});
-this.$.find(".Rk-ZoomSetSaved").click( function() {
-var view = _this.renkan.project.get("views").last();
-if(view){
-_this.setScale(view.get("zoom_level"), new paper.Point(view.get("offset")));
-}
-});
 if(this.renkan.project.get("views").length > 0 && this.renkan.options.save_view){
 this.$.find(".Rk-ZoomSetSaved").show();
 }
 this.$.find(".Rk-CurrentUser").mouseenter(
 function() { _this.$.find(".Rk-UserList").slideDown(); }
 _ratio = ratioH;
 } else {
 _ratio = ratioW;
 }
-_this.resizeZoom(ratioW, ratioH, _ratio);
+_this.view.resizeZoom(ratioW, ratioH, _ratio);
 _this.redraw();
 };
 var timer = setTimeout(function(){
 _this.$.find(".loader").hide(250);
 }, 3000);
 }
 else{
+_this.view = _this.addRepresentation("View", _this.renkan.project.get("views").last());
 Backbone.history.start();
+_thRedraw();
 }
 });
 this.renkan.project.on("add:users remove:users", _thRedrawUsers);
 _this.addRepresentation("Edge", _edge);
 if (!_this.renkan.project.get("loadingStatus")){
 _thRedraw();
 }
 });
-this.renkan.project.on("add:views", function(_view) {
+//        this.renkan.project.on("add:views", function(_view) {
-if (!_this.view){
+//            if (!_this.view){
-_this.view = _this.addRepresentation("View", _view);
+//                _this.view = _this.addRepresentation("View", _view);
-}
+//            }
-if (!_this.renkan.project.get("loadingStatus")){
+//            if (!_this.renkan.project.get("loadingStatus")){
-_thRedraw();
+//                _thRedraw();
-}
+//            }
-});
+//        });
 this.renkan.project.on("change:title", function(_model, _title) {
 var el = _this.$.find(".Rk-PadTitle");
 if (el.is("input")) {
 if (el.val() !== _title) {
 el.val(_title);
 };
 _(Scene.prototype).extend({
 fixSize: function() {
-if( this.renkan.options.default_view && this.renkan.project.get("views").length > 0) {
+if( this.renkan.options.default_view && this.view) {
-var view = this.renkan.project.get("views").last();
+this.view.setScale(view.get("zoom_level"), new paper.Point(view.get("offset")));
-this.setScale(view.get("zoom_level"), new paper.Point(view.get("offset")));
 }
 else{
-this.autoScale();
+this.view.autoScale();
 }
 },
 drawSector: function(_repr, _inR, _outR, _startAngle, _endAngle, _padding, _imgname, _caption) {
 var _options = this.renkan.options,
 _startRads = _startAngle * Math.PI / 180,
 tip.text(this.renkan.translate("Auto-save enabled"));
 }
 }
 this.redrawUsers();
 },
-setScale: function(_newScale, _offset) {
-if ((_newScale/this.initialScale) > Utils._MIN_SCALE && (_newScale/this.initialScale) < Utils._MAX_SCALE) {
-this.scale = _newScale;
-if (_offset) {
-this.offset = _offset;
-}
-this.redraw();
-}
-},
-autoScale: function(force_view) {
-var nodes = this.renkan.project.get("nodes");
-if (nodes.length > 1) {
-var _xx = nodes.map(function(_node) { return _node.get("position").x; }),
-_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( (paper.view.size.width - 2 * this.renkan.options.autoscale_padding) / (_maxx - _minx), (paper.view.size.height - 2 * this.renkan.options.autoscale_padding) / (_maxy - _miny));
-this.initialScale = _scale;
-// Override calculated scale if asked
-if((typeof force_view !== "undefined") && parseFloat(force_view.zoom_level)>0 && parseFloat(force_view.offset.x)>0 && parseFloat(force_view.offset.y)>0){
-this.setScale(parseFloat(force_view.zoom_level), new paper.Point(parseFloat(force_view.offset.x), parseFloat(force_view.offset.y)));
-}
-else{
-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])));
-}
-},
 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);
 },
 _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(
-this.scale * 0.8 * this.renkan.options.minimap_width / paper.view.bounds.width,
+this.view.scale * 0.8 * this.renkan.options.minimap_width / paper.view.bounds.width,
-this.scale * 0.8 * this.renkan.options.minimap_height / paper.view.bounds.height,
+this.view.scale * 0.8 * this.renkan.options.minimap_height / paper.view.bounds.height,
 ( this.renkan.options.minimap_width - 2 * this.renkan.options.minimap_padding ) / (_maxx - _minx),
 ( this.renkan.options.minimap_height - 2 * this.renkan.options.minimap_padding ) / (_maxy - _miny)
 );
 this.minimap.offset = this.minimap.size.divide(2).subtract(new paper.Point([(_maxx + _minx) / 2, (_maxy + _miny) / 2]).multiply(_scale));
 this.minimap.scale = _scale;
 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();
 },
 toPaperCoords: function(_point) {
-return _point.multiply(this.scale).add(this.offset);
+return _point.multiply(this.view.scale).add(this.view.offset);
 },
 toMinimapCoords: function(_point) {
 return _point.multiply(this.minimap.scale).add(this.minimap.offset).add(this.minimap.topleft);
 },
 toModelCoords: function(_point) {
-return _point.subtract(this.offset).divide(this.scale);
+return _point.subtract(this.view.offset).divide(this.view.scale);
 },
 addRepresentation: function(_type, _model) {
 var RendererType = requtils.getRenderer()[_type];
 var _repr = new RendererType(this, _model);
 this.representations.push(_repr);
 return;
 }
 _.each(this.representations, function(_representation) {
 _representation.redraw({ dontRedrawEdges:true });
 });
-if (this.minimap) {
+if (this.minimap && typeof this.view !== 'undefined') {
 this.redrawMiniframe();
 }
 paper.view.draw();
 },
 addTempEdge: function(_from, _point) {
 }
 this.selected_target = null;
 }
 },
 paperShift: function(_delta) {
-this.offset = this.offset.add(_delta);
+this.view.offset = this.view.offset.add(_delta);
 this.redraw();
 },
 onMouseMove: function(_event) {
 var _off = this.canvas_$.offset(),
 _point = new paper.Point([
 if (Math.abs(this.totalScroll) >= 1) {
 var _off = this.canvas_$.offset(),
 _delta = new paper.Point([
 _event.pageX - _off.left,
 _event.pageY - _off.top
-]).subtract(this.offset).multiply( Math.SQRT2 - 1 );
+]).subtract(this.view.offset).multiply( Math.SQRT2 - 1 );
 if (this.totalScroll > 0) {
-this.setScale( this.scale * Math.SQRT2, this.offset.subtract(_delta) );
+this.view.setScale( this.view.scale * Math.SQRT2, this.view.offset.subtract(_delta) );
 } else {
-this.setScale( this.scale * Math.SQRT1_2, this.offset.add(_delta.divide(Math.SQRT2)));
+this.view.setScale( this.view.scale * Math.SQRT1_2, this.view.offset.add(_delta.divide(Math.SQRT2)));
 }
 this.totalScroll = 0;
 }
 },
 onDoubleClick: function(_event) {
 }
 }
 this.redraw();
 }
 },
-zoomOut: function() {
-var _newScale = this.scale * Math.SQRT1_2,
-_offset = new paper.Point([
-this.canvas_$.width(),
-this.canvas_$.height()
-]).multiply( 0.5 * ( 1 - Math.SQRT1_2 ) ).add(this.offset.multiply( Math.SQRT1_2 ));
-this.setScale( _newScale, _offset );
-},
-zoomIn: function() {
-var _newScale = this.scale * Math.SQRT2,
-_offset = new paper.Point([
-this.canvas_$.width(),
-this.canvas_$.height()
-]).multiply( 0.5 * ( 1 - Math.SQRT2 ) ).add(this.offset.multiply( Math.SQRT2 ));
-this.setScale( _newScale, _offset );
-},
-resizeZoom: function(_scaleWidth, _scaleHeight, _ratio) {
-var _newScale = this.scale * _ratio,
-_offset = new paper.Point([
-(this.offset.x * _scaleWidth),
-(this.offset.y * _scaleHeight)
-]);
-this.setScale( _newScale, _offset );
-},
 addNodeBtn: function() {
 if (this.click_mode === Utils._CLICKMODE_ADDNODE) {
 this.click_mode = false;
 this.notif_$.hide();
 } else {
 paper.view.viewSize = new paper.Size([w, _this.canvas_$.height()]);
 });
 sizeAft = sizeBef+300;
 foldBinsButton.html("&raquo;");
 }
-_this.resizeZoom(1, 1, (sizeAft/sizeBef));
+_this.view.resizeZoom(1, 1, (sizeAft/sizeBef));
 },
 save: function() { },
 open: function() { }
 }).value();

renkan