dial: wip changes

Author: thyttan

modules/dial.js

@@ -20,17 +20,18 @@
 
     let dialRect = options.dialRect || {
       x: 0, y: 0, x2: g.getWidth(), y2: g.getHeight(),
-      w: g.getWidth() / 2, h: g.getHeight() / 2
+      w: g.getWidth(), h: g.getHeight()
     };
 
-    let triggerDistance = 45; // TODO:  triggerDistance ->  45 * g.getWidth() / 176 . To remap to screens of different resolutions.
+    let stepsPerWholeTurn = options.stepsPerWholeTurn || 10;
+    let triggerDistance = 50 * (10 / stepsPerWholeTurn) * dialRect.w / 176; // baseDistance * stepsPerWholeTurnScaling * rectangeScaling.
 
     let origo = { x: dialRect.x + dialRect.w / 2, y: dialRect.y + dialRect.h / 2 };
     let dragHandler = function (e) {
       "ram"
 
       if (!(e.y >= dialRect.y && e.y < dialRect.y2 &&
-        e.x >= dialRect.x && e.x < dialRect.x2)) {return;}
+        e.x >= dialRect.x && e.x < dialRect.x2)) { return; }
 
       if (e.y < origo.y) { cumulativeDxPlusDy += e.dx; } else { cumulativeDxPlusDy -= e.dx; }
       if (e.x < origo.x) { cumulativeDxPlusDy -= e.dy; } else { cumulativeDxPlusDy += e.dy; }
@@ -54,7 +55,11 @@
     Bangle.prependListener("drag", dragHandler);
   }
 
-  dial(callback);
+  // Trying it out:
+  dial(callback, { stepsPerWholeTurn: 15, dialRect: {
+      x: 0, y: 0, x2: g.getWidth()/2, y2: g.getHeight()/2,
+      w: g.getWidth()/2, h: g.getHeight()/2
+    }});
 }