Updated GRS, asteroids, and comets. Updated timezones to 2019c. Made Orbit View rotation persistent, and fixed spacing of rotation values. Added social media meta data. Updated PrimeNG UI.

kshetline · kshetline · commit f59fb876724d · 2019-10-24T12:56:49.000-04:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svc-ng",
-  "version": "1.8.4",
+  "version": "1.9.0",
   "license": "MIT AND GPL-3.0-or-later",
   "author": "Kerry Shetline <kerry@shetline.com>",
   "scripts": {
@@ -14,52 +14,52 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.2.2",
-    "@angular/cdk": "^8.1.3",
-    "@angular/common": "^8.2.2",
-    "@angular/compiler": "^8.2.2",
-    "@angular/core": "^8.2.2",
-    "@angular/flex-layout": "^8.0.0-beta.26",
-    "@angular/forms": "^8.2.2",
-    "@angular/platform-browser": "^8.2.2",
-    "@angular/platform-browser-dynamic": "^8.2.2",
-    "@angular/router": "^8.2.2",
-    "@fortawesome/fontawesome-free": "^5.10.1",
+    "@angular/animations": "^8.2.12",
+    "@angular/cdk": "^8.2.3",
+    "@angular/common": "^8.2.12",
+    "@angular/compiler": "^8.2.12",
+    "@angular/core": "^8.2.12",
+    "@angular/flex-layout": "^8.0.0-beta.27",
+    "@angular/forms": "^8.2.12",
+    "@angular/platform-browser": "^8.2.12",
+    "@angular/platform-browser-dynamic": "^8.2.12",
+    "@angular/router": "^8.2.12",
+    "@fortawesome/fontawesome-free": "^5.11.2",
     "array-buffer-reader": "^1.0.3",
-    "core-js": "^2.6.9",
+    "core-js": "^2.6.10",
     "detect-resize": "^0.1.5",
-    "ks-astronomy": "^1.0.5",
-    "ks-date-time-zone": "^1.6.5",
+    "ks-astronomy": "^1.0.6",
+    "ks-date-time-zone": "^1.6.6",
     "ks-math": "^1.1.6",
     "ks-util": "^1.6.0",
     "lodash": "^4.17.15",
     "ng-busy": "^8.0.0",
     "primeicons": "^2.0.0",
-    "primeng": "^8.0.2",
-    "rxjs": "^6.5.2",
+    "primeng": "^8.1.1",
+    "rxjs": "^6.5.3",
     "zone.js": "~0.9.1"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^0.800.6",
-    "@angular/cli": "^8.2.2",
-    "@angular/compiler-cli": "^8.2.2",
-    "@angular/language-service": "^8.2.2",
-    "@types/googlemaps": "^3.37.4",
-    "@types/jasmine": "^3.4.0",
-    "@types/jasminewd2": "^2.0.6",
-    "@types/lodash": "^4.14.137",
+    "@angular/cli": "^8.3.14",
+    "@angular/compiler-cli": "^8.2.12",
+    "@angular/language-service": "^8.2.12",
+    "@types/googlemaps": "^3.38.0",
+    "@types/jasmine": "^3.4.4",
+    "@types/jasminewd2": "^2.0.8",
+    "@types/lodash": "^4.14.144",
     "@types/node": "^6.14.7",
-    "codelyzer": "^5.0.1",
+    "codelyzer": "^5.2.0",
     "jasmine-core": "~3.4.0",
     "jasmine-spec-reporter": "~4.2.1",
-    "karma": "^4.2.0",
+    "karma": "^4.4.1",
     "karma-chrome-launcher": "~2.2.0",
     "karma-coverage-istanbul-reporter": "^2.1.0",
     "karma-jasmine": "^2.0.1",
     "karma-jasmine-html-reporter": "^1.4.2",
     "protractor": "^6.0.0",
-    "ts-node": "^8.3.0",
-    "tslint": "^5.18.0",
+    "ts-node": "^8.4.1",
+    "tslint": "^5.20.0",
     "typescript": "~3.4.5"
   }
 }
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -3,7 +3,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.8.4<br><br>
+    Version 1.9.0<br><br>
     Copyright © 2016-2019 Kerry Shetline.
   </div>
 </p-dialog>
diff --git a/src/app/svc/svc-orbit-view/svc-orbit-view.component.html b/src/app/svc/svc-orbit-view/svc-orbit-view.component.html
@@ -1,12 +1,12 @@
 <div class="orbitControls">Select an orientation...
   <button pButton type="button" icon="fas fa-chevron-left"
           (touchstart)="tapChangeOrientation($event, 1, 0)" (click)="changeOrientation(1, 0)"></button>&nbsp;
-  <span [hidden]="rotation_xz < 0">&#x2008;</span>{{rotation_xz | number: '3.1-1'}}&deg;
+  <span class="spacer" [style.display]="rotation_xz < 0 ? 'none' : 'inline'">-</span>{{rotation_xz | number: '3.1-1'}}&deg;&#x2008;&nbsp;
   <button pButton type="button" icon="fas fa-chevron-right"
-          (touchstart)="tapChangeOrientation($event, -1, 0)" (click)="changeOrientation(-1, 0)"></button>&nbsp;&nbsp;
+          (touchstart)="tapChangeOrientation($event, -1, 0)" (click)="changeOrientation(-1, 0)"></button>&nbsp;&#x2008;&nbsp;,&nbsp;&nbsp;
   <button pButton type="button" icon="fas fa-chevron-down"
           (touchstart)="tapChangeOrientation($event, 0, -1)" (click)="changeOrientation(0, -1)"></button>&nbsp;
-  <span [hidden]="rotation_yz < 0">&#x2008;</span>{{rotation_yz | number: '3.1-1'}}&deg;
+  <span class="spacer" [style.display]="rotation_yz < 0 ? 'none' : 'inline'">-</span>{{rotation_yz | number: '3.1-1'}}&deg;&#x2008;&nbsp;
   <button pButton type="button" icon="fas fa-chevron-up"
           (touchstart)="tapChangeOrientation($event, 0, 1)" (click)="changeOrientation(0, 1)"></button>
   ...or drag view below.&nbsp;
diff --git a/src/app/svc/svc-orbit-view/svc-orbit-view.component.scss b/src/app/svc/svc-orbit-view/svc-orbit-view.component.scss
@@ -48,3 +48,7 @@ canvas {
   margin-top: 4px;
   margin-bottom: 2px;
 }
+
+.spacer {
+  color: transparent;
+}
diff --git a/src/app/svc/svc-orbit-view/svc-orbit-view.component.ts b/src/app/svc/svc-orbit-view/svc-orbit-view.component.ts
@@ -24,7 +24,7 @@ import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
 import { EARTH, MARS, MOON, NEPTUNE, NMode, PLUTO, REFRACTION, SATURN, SolarSystem, SUN } from 'ks-astronomy';
 import { abs, cos_deg, floor, log10, max, min, mod, mod2, Point, Point3D, pow, round, sin_deg, SphericalPosition3D, } from 'ks-math';
 import { colorFromRGB, parseColor, replaceAlpha, RGBA } from 'ks-util';
-import { sortBy } from 'lodash';
+import { debounce, sortBy } from 'lodash';
 import { AppService, CurrentTab, UserSetting } from '../../app.service';
 import { ZBuffer } from '../../util/ks-z-buffer';
 import {
@@ -44,6 +44,8 @@ export const    PROPERTY_SHOW_NAMES = 'show_names';
 export const    PROPERTY_ZOOM = 'zoom';
 export const    PROPERTY_ANAGLYPH_3D = 'anaglyph_3d';
 export const    PROPERTY_ANAGLYPH_RC = 'anaglyph_rc';
+export const    PROPERTY_ROTATION_XZ = 'rotation_xz';
+export const    PROPERTY_ROTATION_YZ = 'rotation_yz';
 
 const scales = [
   // Scales in AU needed to display orbits out to a particular planet
@@ -191,6 +193,10 @@ export class SvcOrbitViewComponent extends GenericPlanetaryView implements After
           this.zoom = <number> setting.value;
           this.zoomLastSet = performance.now();
         }
+        else if (setting.property === PROPERTY_ROTATION_XZ)
+          this.rotation_xz = <number> setting.value;
+        else if (setting.property === PROPERTY_ROTATION_YZ)
+          this.rotation_yz = <number> setting.value;
         else if (setting.property === PROPERTY_ANAGLYPH_3D)
           this.anaglyph3d = <boolean> setting.value;
         else if (setting.property === PROPERTY_ANAGLYPH_RC)
@@ -591,6 +597,7 @@ export class SvcOrbitViewComponent extends GenericPlanetaryView implements After
       if (this.rotation_yz === -180.0)
         this.rotation_yz = 180.0;
 
+      this.debouncedRotationUpdate();
       this.draw();
     }
   }
@@ -654,6 +661,7 @@ export class SvcOrbitViewComponent extends GenericPlanetaryView implements After
   resetOrientation(): void {
     this.rotation_xz = 0.0;
     this.rotation_yz = 0.0;
+    this.debouncedRotationUpdate();
     this.draw();
   }
 
@@ -673,9 +681,15 @@ export class SvcOrbitViewComponent extends GenericPlanetaryView implements After
     if (this.rotation_yz === -180)
       this.rotation_yz = 180;
 
+    this.debouncedRotationUpdate();
     this.draw();
   }
 
+  protected debouncedRotationUpdate = debounce(() => {
+    this.appService.updateUserSetting({view: VIEW_ORBITS, property: PROPERTY_ROTATION_XZ, value: this.rotation_xz, source: this});
+    this.appService.updateUserSetting({view: VIEW_ORBITS, property: PROPERTY_ROTATION_YZ, value: this.rotation_yz, source: this});
+  }, 500);
+
   protected static translate(mode: DrawingMode, pt: Point3D, ctr: Point3D, viewingDistance: number,
                              cos_xz: number, sin_xz: number, cos_yz: number, sin_yz: number): Point3D {
     const x  = pt.x - ctr.x;
diff --git a/src/assets/about.html b/src/assets/about.html
@@ -60,14 +60,16 @@
   <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.8.4, 2019-07-11:</b> Fix incorrect display of Local Mean Time in Time panel.</p>
+  <p><b>1.9.0 2019-10-24:</b> Updated GRS, asteroids, and comets. Updated timezones to 2019c. Made Orbit View rotation persistent.</p>
+
+  <p><b>1.8.4, 2019-07-11:</b> Fixed incorrect display of Local Mean Time in Time panel.</p>
 
   <p><b>1.8.3, 2019-07-10:</b> Updated optional iOS native date/time input method.</p>
 
   <p><b>1.8.2, 2019-07-10:</b> Minor change to accommodate geographic search ratings higher than 9.</p>
 
-  <p><b>1.8.0, 1.8.1, 2019-07-07:</b> Add option (off by default) to use native iOS or Android touch interface for date/time
-    input. Update timezone database to 2019b.</p>
+  <p><b>1.8.0, 1.8.1, 2019-07-07:</b> Added option (off by default) to use native iOS or Android touch interface for date/time
+    input. Updated timezone database to 2019b.</p>
 
   <p><b>1.7.3, 2019-06-16:</b> Minor Google Maps updates.</p>
 
@@ -77,7 +79,7 @@ <h2 class="header-sans"><a name="history">What's New / Version History</a></h2>
   <p><b>1.7.1, 2019-06-12:</b> Fixed broken support for Edge web browser. Fixed touch interface access to clock,
     latitude, and longitude.</p>
 
-  <p><b>1.7.0, 2019-06-09:</b> Update to use Angular 8, and to use ES6 (ES2015) for up-to-date web browsers. Internet
+  <p><b>1.7.0, 2019-06-09:</b> Updated to use Angular 8, and to use ES6 (ES2015) for up-to-date web browsers. Internet
     Explorer and other older browsers are no longer supported.</p>
 
   <p><b>1.6.0, 2019-06-08:</b> Various behind-the-scenes updates.</p>
diff --git a/src/assets/img/svc_lunar_eclipse_og.png b/src/assets/img/svc_lunar_eclipse_og.png
diff --git a/src/assets/resources/asteroids.json b/src/assets/resources/asteroids.json
diff --git a/src/assets/resources/comets.json b/src/assets/resources/comets.json
diff --git a/src/index.html b/src/index.html
@@ -26,12 +26,18 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta name="description" content="Sky View Cafe is an interactive web app for astronomy, with customized local star charts, ecliptic charts, moon phases, rise, set and transit times, lunar and solar eclipses, moons of Jupiter and Saturn, an astronomical event calendar, and more.">
+    <meta name="description" content="Sky View Café is an interactive web app for astronomy, with customized local star charts, ecliptic charts, moon phases, rise, set and transit times, lunar and solar eclipses, moons of Jupiter and Saturn, an astronomical event calendar, and more.">
     <meta name="keywords" content="astronomy, planetarium, interactive, stars, chart, star charts, star chart, starcharts, starchart, sky charts, sky chart, star maps, star map, sky maps, sky map, sky, planets, moon, moon phase, solar eclipse, lunar eclipse, orrery, Galilean moons, moons of Jupiter, moons of Saturn, deep sky objects, Messier, NGC, constellations, orbits, ecliptic, insolation, calendar, sunrise, sunset, rise, set, conjunction, opposition, greatest elongation, magnitude, visual magnitude, aphelion, perihelion, illuminated fraction, angular diameter, semidiameter, kerry, shetline, Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus, Neptune, Pluto, Io, Europa, Ganymede, Callisto, Mimas, Enceladus, Tethys, Dione, Rhea, Titan, Hyperion, Iapetus, GRS, Great Red Spot">
     <title>Sky View Café</title>
     <base href="/">
     <link rel="icon" type="image/x-icon" href="favicon.ico">
 
+    <meta property="og:title" content="Sky View Café">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://skyviewcafe.com/">
+    <meta property="og:description" content="An interactive web planetarium with customized local star charts, ecliptic charts, moon phases, rise, set and transit times, eclipses, etc.">
+    <meta property="og:image" content="https://skyviewcafe.com/assets/img/svc_lunar_eclipse_og.png">
+
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <script type="text/javascript" src="/assets/svc-setup.js"></script>
   </head>
diff --git a/src/primeng-theme-tweaks.scss b/src/primeng-theme-tweaks.scss
@@ -1,9 +1,18 @@
 $theme-font: 12px Arial, Helvetica, sans-serif;
 $table-cell-border-color: #C8C8C8;
 $input-border-default-color: #D8D8D8;
-$input-border-hover-color: #999;
+$input-border-hover-color: #8BF;
+$input-border-focus-color: #5E9ED6;
+$input-border-focus-shadow-color: #8DCDFF;
 
 body {
+
+  *:focus {
+    border-color: $input-border-focus-color;
+    box-shadow: 0 0 2px 2px $input-border-focus-shadow-color;
+    outline: none;
+  }
+
   font: $theme-font;
 
   .pi {
@@ -65,8 +74,16 @@ body {
     }
   }
 
-  .ui-dropdown:not(.ui-state-disabled):hover {
-    border-color: $input-border-hover-color;
+  .ui-dropdown {
+    &:not(.ui-state-disabled).ui-state-focus {
+      border-color: $input-border-focus-color;
+      box-shadow: 0 0 2px 2px $input-border-focus-shadow-color;
+      outline: none;
+    }
+
+    &:not(.ui-state-disabled):hover {
+      border-color: $input-border-hover-color;
+    }
   }
 
   .ui-inputtext {
@@ -118,7 +135,7 @@ body {
       outline: none;
       position: absolute;
       transform: scale(0.5);
-      transform-origin: 0% 100%;
+      transform-origin: 0 100%;
       width: 34px !important;
 
       &.ui-state-active {

Original file line number	Diff line number	Diff line change
`@@ -48,3 +48,7 @@ canvas {`
`48`	`48`	`margin-top: 4px;`
`49`	`49`	`margin-bottom: 2px;`
`50`	`50`	`}`
	`51`	`+`
	`52`	`+.spacer {`
	`53`	`+ color: transparent;`
	`54`	`+}`