dynamic link coloring and hotkeys, and rotations

src/galaxy/native/appConfig.js

@@ -47,7 +47,8 @@ function appConfig() {
   }
 
   function getMaxVisibleEdgeLength() {
-    return hashConfig.maxVisibleDistance * hashConfig.maxVisibleDistance * hashConfig.scale;
+    var val = parseFloat(document.getElementById("range").value);
+    return val * val * hashConfig.scale;
   }
 
   function getCameraPosition() {

src/galaxy/native/renderer.js

@@ -46,6 +46,7 @@ function sceneRenderer(container) {
   appEvents.accelerateNavigation.on(accelarate);
   appEvents.focusScene.on(focusScene);
   appEvents.cls.on(cls);
+  appEvents.renderLinks.on(renderLineViewIfNeeded);
 
   appConfig.on('camera', moveCamera);
   appConfig.on('showLinks', toggleLinks);
@@ -191,6 +192,7 @@ function sceneRenderer(container) {
   }
 
   function toggleLinks() {
+    var lineViewNeedsUpdate = true;
     if (lineView) {
       if (lineViewNeedsUpdate) renderLineViewIfNeeded();
       lineView.toggleLinks();

src/galaxy/native/sceneKeyboardBinding.js

@@ -36,6 +36,16 @@ function sceneKeyboardBinding(container) {
       // explicit request to render help
       e.stopPropagation();
       events.toggleHelp.fire();
+    } else if (e.which === Key.Minus) {
+        var el = document.getElementById("range");
+        el.value = parseFloat(el.value) - 10;
+        events.renderLinks.fire();
+    } else if (e.which === Key.Plus) {
+        var el = document.getElementById("range");
+        el.value = parseFloat(el.value) + 10;
+        events.renderLinks.fire();
+    } else if (e.which === Key.P) {
+        events.around.fire(2000,0,0,0);
     }
     if (e.shiftKey && !lastShiftKey) {
       lastShiftKey = true;

src/galaxy/scene.jsx

@@ -36,6 +36,10 @@ function scene(x) {
         <WindowCollection />
         <Help />
         <About />
+        <div  className='label about'>
+        Range
+          <input onChange={appEvents.renderLinks.fire} type="range" min="0" max="800" step="10" defaultValue="100" id="range" />
+        </div>
       </div>
     );
   };
@@ -57,6 +61,10 @@ function scene(x) {
 
   function handleDelegateClick(e) {
     var clickedEl = e.target;
+    if (clickedEl.id == "range"){
+      appEvents.renderLinks.fire();
+        return
+    }
 
     // since we are handling all clicks, we should avoid excessive work and
     // talk with DOM only when absolutely necessary:

src/galaxy/service/appEvents.js

@@ -86,6 +86,8 @@ export default eventMirror([
    'around',
    'queryChanged',
 
-   'accelerateNavigation'
+   'accelerateNavigation',
+
+   'renderLinks'
 ], appEvents);
 

src/galaxy/utils/key.js

@@ -4,7 +4,10 @@ export default {
   H: 72,
   L: 76,
   Space: 32,
-  '/': 191
+  '/': 191,
+  P: 80,
+  Minus:189,
+  Plus:187
 };
 
 function isModifier(e) {