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 293	fba23fde14ba
parent 286	3ab8c63d26db
child 297	7de2652f7ee8

equal deleted inserted replaced

-:f67047a16084
+:fba23fde14ba
-"use strict";
 define(['jquery', 'underscore', 'requtils', 'renderer/miniframe'], function ($, _, requtils, MiniFrame) {
+'use strict';
 var Utils = requtils.getUtils();
 /* Scene Begin */
 var Scene = function(_renkan) {
 this.renkan = _renkan;
 this.$ = $(".Rk-Render");
 this.selected_target = null;
 this.edge_layer = new paper.Layer();
 this.node_layer = new paper.Layer();
 this.buttons_layer = new paper.Layer();
 this.delete_list = [];
 if (_renkan.options.show_minimap) {
 this.minimap = {
 background_layer: new paper.Layer(),
 edge_layer: new paper.Layer(),
 node_layer: new paper.Layer(),
 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.minimap.rectangle.strokeColor = _renkan.options.minimap_border_color;
 this.minimap.rectangle.strokeWidth = 4;
 this.minimap.offset = new paper.Point(this.minimap.size.divide(2));
-this.minimap.scale = .1;
+this.minimap.scale = 0.1;
 this.minimap.node_layer.activate();
 this.minimap.cliprectangle = new paper.Path.Rectangle(this.minimap.topleft, this.minimap.size);
 this.minimap.node_group.addChild(this.minimap.cliprectangle);
 this.minimap.node_group.clipped = true;
 this.minimap.miniframe = new paper.Path.Rectangle(this.minimap.topleft, this.minimap.size);
 this.minimap.node_group.addChild(this.minimap.miniframe);
 this.minimap.miniframe.fillColor = '#c0c0ff';
-this.minimap.miniframe.opacity = .3;
+this.minimap.miniframe.opacity = 0.3;
 this.minimap.miniframe.strokeColor = '#000080';
 this.minimap.miniframe.strokeWidth = 3;
 this.minimap.miniframe.__representation = new MiniFrame(this, null);
 }
 ['edit', 'remove', 'link', 'enlarge', 'shrink', 'revert' ].forEach(function(imgname) {
 var img = new Image();
 img.src = _renkan.options.static_url + 'img/' + imgname + '.png';
 _this.icon_cache[imgname] = img;
 });
 var throttledMouseMove = _.throttle(function(_event, _isTouch) {
 _this.onMouseMove(_event, _isTouch);
 }, Utils._MOUSEMOVE_RATE);
 this.canvas_$.on({
 },
 touchstart: function(_event) {
 _event.preventDefault();
 var _touches = _event.originalEvent.touches[0];
 if (
-_renkan.options.allow_double_click
+_renkan.options.allow_double_click &&
-&& new Date() - _lastTap < Utils._DOUBLETAP_DELAY
+new Date() - _lastTap < Utils._DOUBLETAP_DELAY &&
-&& ( Math.pow(_lastTapX - _touches.pageX, 2) + Math.pow(_lastTapY - _touches.pageY, 2) < Utils._DOUBLETAP_DISTANCE )
+( Math.pow(_lastTapX - _touches.pageX, 2) + Math.pow(_lastTapY - _touches.pageY, 2) < Utils._DOUBLETAP_DISTANCE )
 ) {
 _lastTap = 0;
 _this.onDoubleClick(_touches);
 } else {
 _lastTap = new Date();
 }
 },
 touchmove: function(_event) {
 _event.preventDefault();
 _lastTap = 0;
-if (_event.originalEvent.touches.length == 1) {
+if (_event.originalEvent.touches.length === 1) {
 _this.onMouseMove(_event.originalEvent.touches[0], true);
 } else {
 if (!_zooming) {
 _this.onMouseUp(_event.originalEvent.touches[0], true);
 _this.click_target = null;
 var _newScale = _event.originalEvent.scale * _originalScale,
 _scaleRatio = _newScale / _this.scale,
 _newOffset = new paper.Point([
 _this.canvas_$.width(),
 _this.canvas_$.height()
-]).multiply( .5 * ( 1 - _scaleRatio ) ).add(_this.offset.multiply( _scaleRatio ));
+]).multiply( 0.5 * ( 1 - _scaleRatio ) ).add(_this.offset.multiply( _scaleRatio ));
 _this.setScale(_newScale, _newOffset);
 }
 },
 touchend: function(_event) {
 _event.preventDefault();
 bindClick(".Rk-AddNode-Button", "addNodeBtn");
 bindClick(".Rk-AddEdge-Button", "addEdgeBtn");
 bindClick(".Rk-Save-Button", "save");
 bindClick(".Rk-Open-Button", "open");
 this.$.find(".Rk-Bookmarklet-Button")
-.attr("href","javascript:" + Utils._BOOKMARKLET_CODE(_renkan))
+/*jshint scripturl:true */
-.click(function(){
+.attr("href","javascript:" + Utils._BOOKMARKLET_CODE(_renkan))
-_this.notif_$
+.click(function(){
-.text(_renkan.translate("Drag this button to your bookmark bar. When on a third-party website, click it to enable drag-and-drop from the website to Renkan."))
+_this.notif_$
-.fadeIn()
+.text(_renkan.translate("Drag this button to your bookmark bar. When on a third-party website, click it to enable drag-and-drop from the website to Renkan."))
-.delay(5000)
+.fadeIn()
-.fadeOut();
+.delay(5000)
-return false;
+.fadeOut();
-});
+return false;
+});
 this.$.find(".Rk-TopBar-Button").mouseover(function() {
 $(this).find(".Rk-TopBar-Tooltip").show();
 }).mouseout(function() {
 $(this).find(".Rk-TopBar-Tooltip").hide();
 });
 }
 });
 if (_renkan.options.size_bug_fix) {
 var _delay = (
-typeof _renkan.options.size_bug_fix === "number"
+typeof _renkan.options.size_bug_fix === "number" ?
-? _renkan.options.size_bug_fix
+_renkan.options.size_bug_fix
 : 500
 );
 window.setTimeout(
 function() {
 _this.fixSize(true);
 var rxs = Utils.regexpFromTextOrArray(val);
 _renkan.project.get("nodes").each(function(n) {
 if (rxs.test(n.get("title")) || rxs.test(n.get("description"))) {
 _this.getRepresentationByModel(n).highlight(rxs);
 } else {
 _this.getRepresentationByModel(n).unhighlight();
 }
 });
 }
 });
 }
 };
 _(Scene.prototype).extend({
 template: _.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>'
+'<% 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")%>" /><% } %>'
+'<% } else { %><input type="text" class="Rk-PadTitle" value="<%- project.get("title") || "" %>" placeholder="<%-translate("Untitled project")%>" /><% } %>' +
-+ '<% if (options.show_user_list) { %><div class="Rk-Users"><div class="Rk-CurrentUser"><div class="Rk-Edit-ColorPicker-Wrapper"><span class="Rk-CurrentUser-Color"><% if (options.user_color_editable) { %><span class="Rk-Edit-ColorTip"></span><% } %></span>'
+'<% if (options.show_user_list) { %><div class="Rk-Users"><div class="Rk-CurrentUser"><div class="Rk-Edit-ColorPicker-Wrapper"><span class="Rk-CurrentUser-Color"><% if (options.user_color_editable) { %><span class="Rk-Edit-ColorTip"></span><% } %></span>' +
-+ '<% if (options.user_color_editable) { print(colorPicker) } %></div><span class="Rk-CurrentUser-Name">&lt;unknown user&gt;</span></div><ul class="Rk-UserList"></ul></div><% } %>'
+'<% if (options.user_color_editable) { print(colorPicker) } %></div><span class="Rk-CurrentUser-Name">&lt;unknown user&gt;</span></div><ul class="Rk-UserList"></ul></div><% } %>' +
-+ '<% if (options.home_button_url) {%><div class="Rk-TopBar-Separator"></div><a class="Rk-TopBar-Button Rk-Home-Button" href="<%- options.home_button_url %>"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents">'
+'<% if (options.home_button_url) {%><div class="Rk-TopBar-Separator"></div><a class="Rk-TopBar-Button Rk-Home-Button" href="<%- options.home_button_url %>"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents">' +
-+ '<%- translate(options.home_button_title) %></div></div></a><% } %>'
+'<%- translate(options.home_button_title) %></div></div></a><% } %>' +
-+ '<% if (options.show_fullscreen_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-FullScreen-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents"><%-translate("Full Screen")%></div></div></div><% } %>'
+'<% if (options.show_fullscreen_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-FullScreen-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents"><%-translate("Full Screen")%></div></div></div><% } %>' +
-+ '<% if (options.editor_mode) { %>'
+'<% if (options.editor_mode) { %>' +
-+ '<% if (options.show_addnode_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-AddNode-Button"><div class="Rk-TopBar-Tooltip">'
+'<% if (options.show_addnode_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-AddNode-Button"><div class="Rk-TopBar-Tooltip">' +
-+ '<div class="Rk-TopBar-Tooltip-Contents"><%-translate("Add Node")%></div></div></div><% } %>'
+'<div class="Rk-TopBar-Tooltip-Contents"><%-translate("Add Node")%></div></div></div><% } %>' +
-+ '<% if (options.show_addedge_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-AddEdge-Button"><div class="Rk-TopBar-Tooltip">'
+'<% if (options.show_addedge_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-AddEdge-Button"><div class="Rk-TopBar-Tooltip">' +
-+ '<div class="Rk-TopBar-Tooltip-Contents"><%-translate("Add Edge")%></div></div></div><% } %>'
+'<div class="Rk-TopBar-Tooltip-Contents"><%-translate("Add Edge")%></div></div></div><% } %>' +
-+ '<% if (options.show_save_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-Save-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents"> </div></div></div><% } %>'
+'<% if (options.show_save_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-Save-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents"> </div></div></div><% } %>' +
-+ '<% if (options.show_open_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-Open-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents"><%-translate("Open Project")%></div></div></div><% } %>'
+'<% if (options.show_open_button) { %><div class="Rk-TopBar-Separator"></div><div class="Rk-TopBar-Button Rk-Open-Button"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents"><%-translate("Open Project")%></div></div></div><% } %>' +
-+ '<% if (options.show_bookmarklet) { %><div class="Rk-TopBar-Separator"></div><a class="Rk-TopBar-Button Rk-Bookmarklet-Button" href="#"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents">'
+'<% if (options.show_bookmarklet) { %><div class="Rk-TopBar-Separator"></div><a class="Rk-TopBar-Button Rk-Bookmarklet-Button" href="#"><div class="Rk-TopBar-Tooltip"><div class="Rk-TopBar-Tooltip-Contents">' +
-+ '<%-translate("Renkan \'Drag-to-Add\' bookmarklet")%></div></div></a><% } %>'
+'<%-translate("Renkan \'Drag-to-Add\' bookmarklet")%></div></div></a><% } %>' +
-+ '<div class="Rk-TopBar-Separator"></div><% }; if (options.show_search_field) { %>'
+'<div class="Rk-TopBar-Separator"></div><% }; if (options.show_search_field) { %>' +
-+ '<form action="#" class="Rk-GraphSearch-Form"><input type="search" class="Rk-GraphSearch-Field" placeholder="<%- translate("Search in graph") %>" /></form><div class="Rk-TopBar-Separator"></div><% } %></div><% } %>'
+'<form action="#" class="Rk-GraphSearch-Form"><input type="search" class="Rk-GraphSearch-Field" placeholder="<%- translate("Search in graph") %>" /></form><div class="Rk-TopBar-Separator"></div><% } %></div><% } %>' +
-+ '<div class="Rk-Editing-Space<% if (!options.show_top_bar) { %> Rk-Editing-Space-Full<% } %>">'
+'<div class="Rk-Editing-Space<% if (!options.show_top_bar) { %> Rk-Editing-Space-Full<% } %>">' +
-+ '<div class="Rk-Labels"></div><canvas class="Rk-Canvas" resize></canvas><div class="Rk-Notifications"></div><div class="Rk-Editor">'
+'<div class="Rk-Labels"></div><canvas class="Rk-Canvas" resize></canvas><div class="Rk-Notifications"></div><div class="Rk-Editor">' +
-+ '<% if (options.show_bins) { %><div class="Rk-Fold-Bins">&laquo;</div><% } %>'
+'<% if (options.show_bins) { %><div class="Rk-Fold-Bins">&laquo;</div><% } %>' +
-+ '<div class="Rk-ZoomButtons"><div class="Rk-ZoomIn" title="<%-translate("Zoom In")%>"></div><div class="Rk-ZoomFit" title="<%-translate("Zoom Fit")%>"></div><div class="Rk-ZoomOut" title="<%-translate("Zoom Out")%>"></div>'
+'<div class="Rk-ZoomButtons"><div class="Rk-ZoomIn" title="<%-translate("Zoom In")%>"></div><div class="Rk-ZoomFit" title="<%-translate("Zoom Fit")%>"></div><div class="Rk-ZoomOut" title="<%-translate("Zoom Out")%>"></div>' +
-+ '<% if (options.editor_mode) { %><div class="Rk-ZoomSave" title="<%-translate("Zoom Save")%>"></div><% } %>'
+'<% if (options.editor_mode) { %><div class="Rk-ZoomSave" title="<%-translate("Zoom Save")%>"></div><% } %>' +
-+ '<% if (options.editor_mode || !isNaN(parseInt(options.default_view))) { %><div class="Rk-ZoomSetSaved" title="<%-translate("View saved zoom")%>"></div><% } %></div>'
+'<% if (options.editor_mode || !isNaN(parseInt(options.default_view))) { %><div class="Rk-ZoomSetSaved" title="<%-translate("View saved zoom")%>"></div><% } %></div>' +
-+ '</div></div>'
+'</div></div>'
 ),
 fixSize: function(_autoscale) {
 var w = this.$.width(),
 h = this.$.height();
 if (this.renkan.options.show_top_bar) {
 _enddy = Math.cos(_endRads),
 _endXIn = Math.cos(_endRads) * _inR - _padding * _enddx,
 _endYIn = Math.sin(_endRads) * _inR - _padding * _enddy,
 _endXOut = Math.cos(_endRads) * _outR - _padding * _enddx,
 _endYOut = Math.sin(_endRads) * _outR - _padding * _enddy,
-_centerR = (_inR + _outR)/2,
+_centerR = (_inR + _outR) / 2,
 _centerRads = (_startRads + _endRads) / 2,
 _centerX = Math.cos(_centerRads) * _centerR,
 _centerY = Math.sin(_centerRads) * _centerR,
 _centerXIn = Math.cos(_centerRads) * _inR,
 _centerXOut = Math.cos(_centerRads) * _outR,
 _path.add([_startXIn, _startYIn]);
 _path.arcTo([_centerXIn, _centerYIn], [_endXIn, _endYIn]);
 _path.lineTo([_endXOut,  _endYOut]);
 _path.arcTo([_centerXOut, _centerYOut], [_startXOut, _startYOut]);
 _path.fillColor = _options.buttons_background;
-_path.opacity = .5;
+_path.opacity = 0.5;
 _path.closed = true;
 _path.__representation = _repr;
 var _text = new paper.PointText(_textX,_textY);
 _text.characterStyle = {
 fontSize: _options.buttons_label_font_size,
 _visible = false;
 _grp.visible = false;
 _grp.position = _restPos;
 },
 select: function() {
-_path.opacity = .8;
+_path.opacity = 0.8;
 _text.visible = true;
 },
 unselect: function() {
-_path.opacity = .5;
+_path.opacity = 0.5;
 _text.visible = false;
 },
 destroy: function() {
 _grp.remove();
 }
 return _res;
 },
 addToBundles: function(_edgeRepr) {
 var _bundle = _(this.bundles).find(function(_bundle) {
 return (
-( _bundle.from === _edgeRepr.from_representation && _bundle.to === _edgeRepr.to_representation )
+( _bundle.from === _edgeRepr.from_representation && _bundle.to === _edgeRepr.to_representation ) ||
-|| ( _bundle.from === _edgeRepr.to_representation && _bundle.to === _edgeRepr.from_representation )
+( _bundle.from === _edgeRepr.to_representation && _bundle.to === _edgeRepr.from_representation )
 );
 });
 if (typeof _bundle !== "undefined") {
 _bundle.edges.push(_edgeRepr);
 } else {
 _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 * .8 * this.renkan.options.minimap_width / paper.view.bounds.width,
+this.scale * 0.8 * this.renkan.options.minimap_width / paper.view.bounds.width,
-this.scale * .8 * this.renkan.options.minimap_height / paper.view.bounds.height,
+this.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;
 }
 if (nodes.length === 1) {
-this.minimap.scale = .1;
+this.minimap.scale = 0.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();
 },
 toPaperCoords: function(_point) {
 },
 toModelCoords: function(_point) {
 return _point.subtract(this.offset).divide(this.scale);
 },
 addRepresentation: function(_type, _model) {
-var r = requtils.getRenderer()[_type];
+var RendererType = requtils.getRenderer()[_type];
-var _repr = new r(this, _model);
+var _repr = new RendererType(this, _model);
 this.representations.push(_repr);
 return _repr;
 },
 addRepresentations: function(_type, _collection) {
 var _this = this;
 },
 removeRepresentation: function(_representation) {
 _representation.destroy();
 this.representations = _(this.representations).reject(
 function(_repr) {
-return _repr == _representation;
+return _repr === _representation;
 }
 );
 },
 getRepresentationByModel: function(_model) {
 if (!_model) {
 return _repr.model === _model;
 });
 },
 removeRepresentationsOfType: function(_type) {
 var _representations = _(this.representations).filter(function(_repr) {
-return _repr.type == _type;
+return _repr.type === _type;
 }),
 _this = this;
 _(_representations).each(function(_repr) {
 _this.removeRepresentation(_repr);
 });
 }
 paper.view.draw();
 },
 defaultDropHandler: function(_data) {
 var newNode = {};
+var snippet = "";
 switch(_data["text/x-iri-specific-site"]) {
 case "twitter":
-var snippet = $('<div>').html(_data["text/x-iri-selected-html"]),
+snippet = $('<div>').html(_data["text/x-iri-selected-html"]);
-tweetdiv = snippet.find(".tweet");
+var tweetdiv = snippet.find(".tweet");
 newNode.title = this.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;
 case "google":
-var snippet = $('<div>').html(_data["text/x-iri-selected-html"]);
+snippet = $('<div>').html(_data["text/x-iri-selected-html"]);
 newNode.title = snippet.find("h3:first").text().trim();
 newNode.uri = snippet.find("h3 a").attr("href");
 newNode.description = snippet.find(".st:first").text().trim();
 break;
-case undefined:
 default:
 if (_data["text/x-iri-source-uri"]) {
 newNode.uri = _data["text/x-iri-source-uri"];
 }
 }
 if (_data["text/plain"] || _data["text/x-iri-selected-text"]) {
 newNode.description = (_data["text/plain"] || _data["text/x-iri-selected-text"]).replace(/[\s\n]+/gm,' ').trim();
 }
 if (_data["text/html"] || _data["text/x-iri-selected-html"]) {
-var snippet = $('<div>').html(_data["text/html"] || _data["text/x-iri-selected-html"]);
+snippet = $('<div>').html(_data["text/html"] || _data["text/x-iri-selected-html"]);
 var _svgimgs = snippet.find("image");
 if (_svgimgs.length) {
 newNode.image = _svgimgs.attr("xlink:href");
 }
 var _svgpaths = snippet.find("path");
 }
 if (_data["text/x-iri-source-title"] && !newNode.title) {
 newNode.title = _data["text/x-iri-source-title"];
 }
 if (_data["text/html"] || _data["text/x-iri-selected-html"]) {
-var snippet = $('<div>').html(_data["text/html"] || _data["text/x-iri-selected-html"]);
+snippet = $('<div>').html(_data["text/html"] || _data["text/x-iri-selected-html"]);
 newNode.image = snippet.find("[data-image]").attr("data-image") || newNode.image;
 newNode.uri = snippet.find("[data-uri]").attr("data-uri") || newNode.uri;
 newNode.title = snippet.find("[data-title]").attr("data-title") || newNode.title;
 newNode.description = snippet.find("[data-description]").attr("data-description") || newNode.description;
 newNode.clipPath = snippet.find("[data-clip-path]").attr("data-clip-path") || newNode.clipPath;
 }
 if (newNode[f] === "none" || newNode[f] === "null") {
 newNode[f] = undefined;
 }
 }
 if(typeof this.renkan.options.drop_enhancer === "function"){
 newNode = this.renkan.options.drop_enhancer(newNode, _data);
 }
 return newNode;
 },
 dropData: function(_data, _event) {
 if (!this.isEditable()) {
 var jsondata = JSON.parse(_data["text/json"] || _data["application/json"]);
 _(_data).extend(jsondata);
 }
 catch(e) {}
 }
 var newNode = (typeof this.renkan.options.drop_handler === "undefined")?this.defaultDropHandler(_data):this.renkan.options.drop_handler(_data);
 var _off = this.canvas_$.offset(),
 _point = new paper.Point([
 _event.pageX - _off.left,
 _event.pageY - _off.top
 ]),
 _repr.openEditor();
 }
 },
 fullScreen: function() {
 var _isFull = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen,
 _el = this.renkan.$[0],
 _requestMethods = ["requestFullScreen","mozRequestFullScreen","webkitRequestFullScreen"],
-_cancelMethods = ["cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen"];
+_cancelMethods = ["cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen"],
+i;
 if (_isFull) {
-for (var i = 0; i < _cancelMethods.length; i++) {
+for (i = 0; i < _cancelMethods.length; i++) {
 if (typeof document[_cancelMethods[i]] === "function") {
 document[_cancelMethods[i]]();
 break;
 }
 }
 } else {
-for (var i = 0; i < _requestMethods.length; i++) {
+for (i = 0; i < _requestMethods.length; i++) {
 if (typeof _el[_requestMethods[i]] === "function") {
 _el[_requestMethods[i]]();
 break;
 }
 }
 zoomOut: function() {
 var _newScale = this.scale * Math.SQRT1_2,
 _offset = new paper.Point([
 this.canvas_$.width(),
 this.canvas_$.height()
-]).multiply( .5 * ( 1 - Math.SQRT1_2 ) ).add(this.offset.multiply( Math.SQRT1_2 ));
+]).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( .5 * ( 1 - Math.SQRT2 ) ).add(this.offset.multiply( Math.SQRT2 ));
+]).multiply( 0.5 * ( 1 - Math.SQRT2 ) ).add(this.offset.multiply( Math.SQRT2 ));
 this.setScale( _newScale, _offset );
 },
 addNodeBtn: function() {
 if (this.click_mode === Utils._CLICKMODE_ADDNODE) {
 this.click_mode = false;
 return false;
 },
 foldBins: function() {
 var foldBinsButton = this.$.find(".Rk-Fold-Bins"),
 bins = this.renkan.$.find(".Rk-Bins");
+var _this = this;
 if (bins.offset().left < 0) {
 bins.animate({left: 0},250);
-var _this = this;
 this.$.animate({left: 300},250,function() {
 var w = _this.$.width();
 paper.view.viewSize = new paper.Size([w, _this.canvas_$.height()]);
 });
 foldBinsButton.html("&laquo;");
 } else {
 bins.animate({left: -300},250);
-var _this = this;
 this.$.animate({left: 0},250,function() {
 var w = _this.$.width();
 paper.view.viewSize = new paper.Size([w, _this.canvas_$.height()]);
 });
 foldBinsButton.html("&raquo;");
 }
 },
 save: function() { },
 open: function() { }
 });
 /* Scene End */
 return Scene;
 });

renkan