Made pointing with a tablet pen work. Cleaned up marquee console errors.

Author: kshetline

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "svc-ng",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "license": "MIT AND GPL-3.0-or-later",
   "author": "Kerry Shetline <kerry@shetline.com>",
   "scripts": {

package.json

@@ -2,7 +2,7 @@
   <div class="about-dialog">
     <img src="/assets/resources/svc_lunar_eclipse.png" alt="lunar eclipse" width="64" height="64">
     <h2>Sky View Café NP</h2>
-    Version 1.4.6<br><br>
+    Version 1.4.7<br><br>
     Copyright © 2016-2018 Kerry Shetline.
   </div>
 </p-dialog>

src/app/app.component.html

@@ -77,7 +77,7 @@ export abstract class GenericView implements AfterViewInit {
   protected canDrag = true;
   protected goodDragStart = false;
   protected debouncedDraw: () => void;
-  protected debouncedMouseMove: () => void;
+  protected throttledMouseMove: () => void;
   protected debouncedResize: () => void;
   protected dragging = false;
   protected excludedPlanets: number[] = [EARTH];
@@ -257,18 +257,18 @@ export abstract class GenericView implements AfterViewInit {
     const pt = this.getXYForTouchEvent(event);
 
     if (this.goodDragStart)
-      this.handleDrag(pt.x, pt.y, true);
+      this.handleMouseMove(pt.x, pt.y, true);
 
     if (this.isInsideView())
       event.preventDefault();
   }
 
   onMouseMove(event: MouseEvent): void {
-    if (this.goodDragStart)
-      this.handleDrag(event.offsetX, event.offsetY, !!((event.buttons & 0x01) || (this.isSafari && (event.which & 0x01))));
+    if (this.goodDragStart || !this.dragging)
+      this.handleMouseMove(event.offsetX, event.offsetY, !!((event.buttons & 0x01) || (this.isSafari && (event.which & 0x01))));
   }
 
-  protected handleDrag(x: number, y: number, button1Down: boolean): void {
+  protected handleMouseMove(x: number, y: number, button1Down: boolean): void {
     this.lastMoveX = x;
     this.lastMoveY = y;
 
@@ -290,13 +290,13 @@ export abstract class GenericView implements AfterViewInit {
     }
 
     if (!this.dragging || justCleared) {
-      if (!this.debouncedMouseMove) {
-         this.debouncedMouseMove = _.debounce(() => {
+      if (!this.throttledMouseMove) {
+         this.throttledMouseMove = _.throttle(() => {
            this.draw();
          }, 100);
       }
 
-      this.debouncedMouseMove();
+      this.throttledMouseMove();
     }
   }
 

src/app/svc/generic-view.ts

@@ -441,12 +441,12 @@ export class SvcSkyViewComponent extends GenericSkyView implements AfterViewInit
     }
   }
 
-  handleDrag(x: number, y: number, button1Down: boolean): void {
+  handleMouseMove(x: number, y: number, button1Down: boolean): void {
     const wasDragging = this.dragging;
     const lastX = this.lastMoveX;
     const lastY = this.lastMoveY;
 
-    super.handleDrag(x, y, button1Down);
+    super.handleMouseMove(x, y, button1Down);
 
     if (this.dragging && this.lastDrawingContext) {
       if (!wasDragging && !this.trackSun)

src/app/svc/svc-sky-view/svc-sky-view.component.ts

@@ -56,6 +56,7 @@ export class KsMarqueeComponent implements AfterViewInit, OnDestroy {
     this.marquee = this.marqueeRef.nativeElement;
     this.resizeFunction = () => this.onResize();
     addResizeListener(this.wrapper, this.resizeFunction);
+    this.onResize();
   }
 
   ngOnDestroy(): void {
@@ -70,11 +71,15 @@ export class KsMarqueeComponent implements AfterViewInit, OnDestroy {
     if (this.animationRequestId)
       window.cancelAnimationFrame(this.animationRequestId);
 
+    if (!this.wrapper || !this.marquee)
+      return;
+
     const marqueeWidth = this.wrapper.offsetWidth;
     const textWidth = getTextWidth(this.text, this.marquee);
 
     this.marquee.style.width = marqueeWidth + 'px';
     this.marquee.scrollLeft = 0;
+
     if (textWidth <= marqueeWidth)
       return;
 

src/app/widgets/ks-marquee/ks-marquee.component.ts

@@ -60,6 +60,8 @@
   <h2 class="header-sans"><a name="history">What's New / Version History</a></h2>
   <div  style="padding-left: 1em; text-indent: -1em">
 
+  <p><b>1.4.7, 2018-07-30:</b> Made pointing with a tablet pen work. Cleaned up console errors.</p>
+
   <p><b>1.4.6, 2018-07-29:</b> Early steps at making SVC more mobile tablet-friendly. Improved info marquee.</p>
 
   <p><b>1.4.5, 2018-06-20:</b> Internal code changes.</p>