Remove dynamic styles, logging

Author: Max Carlson

WebSites/spacetime/navigator.html

@@ -59,9 +59,6 @@
           })
         }
 
-        // dummy log method
-        const log = () => {};
-
         // Global vars to cache event state
         const evCache = [];
         let prevDiff = -1;
@@ -80,20 +77,10 @@
           // The pointerdown event signals the start of a touch interaction.
           // This event is cached to support 2-finger gestures
           evCache.push(ev);
-          log("pointerDown", ev);
         }
 
         function pointermoveHandler(ev) {
           // This function implements a 2-pointer horizontal pinch/zoom gesture.
-          //
-          // If the distance between the two pointers has increased (zoom in),
-          // the target element's background is changed to "pink" and if the
-          // distance is decreasing (zoom out), the color is changed to "lightblue".
-          //
-          // This function sets the target element's border to "dashed" to visually
-          // indicate the pointer's target received a move event.
-          log("pointerMove", ev);
-          // ev.target.style.border = "dashed";
 
           // Find this event in the cache and update its record with this event
           const index = evCache.findIndex(
@@ -108,16 +95,6 @@
 
             if (prevDiff > 0) {
               sendEvent('zoom', { zoom: curDiff - prevDiff})
-              if (curDiff > prevDiff) {
-                // The distance between the two pointers has increased
-                log("Pinch moving OUT -> Zoom in", ev);
-                ev.target.style.background = "pink";
-              }
-              if (curDiff < prevDiff) {
-                // The distance between the two pointers has decreased
-                log("Pinch moving IN -> Zoom out", ev);
-                ev.target.style.background = "lightblue";
-              }
             }
 
             // Cache the distance for the next move event
@@ -136,12 +113,8 @@
         }
 
         function pointerupHandler(ev) {
-          log(ev.type, ev);
-          // Remove this pointer from the cache and reset the target's
-          // background and border
+          // Remove this pointer from the cache
           removeEvent(ev);
-          ev.target.style.background = "white";
-          // ev.target.style.border = "1px solid black";
 
           // If the number of pointers down is less than two then reset diff tracker
           if (evCache.length < 2) {