feat: ✨ add satellite-timeline plugin

thkruz · Aug 6, 2024 · ebb60e1 · ebb60e1
1 parent 53f1f3d
commit ebb60e1
Show file tree

Hide file tree

Showing 19 changed files with 667 additions and 52 deletions.
diff --git a/public/css/responsive-sm.css b/public/css/responsive-sm.css
@@ -88,7 +88,7 @@
     width: 100%;
   }
 
-  #timeline-sensor-list,
+  #sensor-timeline-sensor-list,
   #multi-site-look-angles-sensor-list {
     display: grid;
     justify-content: space-evenly;

diff --git a/public/css/style.css b/public/css/style.css
@@ -706,14 +706,21 @@ ul {
   cursor: 'pointer';
 }
 
+#info-overlay-menu {
+  background: rgba(0, 0, 0, 0);
+  width: 0px;
+  height: auto;
+  bottom: auto;
+}
+
 #info-overlay-content {
   position: absolute;
   background: rgba(0, 0, 0, 0);
   color: white;
   max-width: 550px;
   padding-left: 20px;
   top: 25px;
-  bottom: 50px;
+  height: auto;
   overflow: auto;
   z-index: 10;
 }

diff --git a/public/img/.textLogo.xcf b/public/img/.textLogo.xcf
diff --git a/public/img/icons/analytics.png b/public/img/icons/analytics.png
diff --git a/public/img/icons/database.png b/public/img/icons/database.png
diff --git a/public/img/icons/view_timeline2.png b/public/img/icons/view_timeline2.png
diff --git a/public/settings/settingsOverride.js b/public/settings/settingsOverride.js
@@ -72,6 +72,7 @@ const settingsOverride = {
     reports: true,
     polarPlot: true,
     timeline: true,
+    timelineAlt: true,
   },
   /*
    * searchLimit: 150,

diff --git a/src/plugins/new-launch/new-launch.ts b/src/plugins/new-launch/new-launch.ts
@@ -44,6 +44,7 @@ export class NewLaunch extends KeepTrackPlugin {
   bottomIconElementName = 'menu-new-launch';
   bottomIconLabel = 'New Launch';
   bottomIconImg = rocketPng;
+  isRequireSatelliteSelected = true;
   isIconDisabledOnLoad = true;
   isIconDisabled = true;
   sideMenuElementName: string = 'newLaunch-menu';

diff --git a/src/plugins/plugins.ts b/src/plugins/plugins.ts
@@ -59,7 +59,8 @@ import { ShortTermFences } from './short-term-fences/short-term-fences';
 import { SocialMedia } from './social/social';
 import { StereoMap } from './stereo-map/stereo-map';
 import { timeMachinePlugin } from './time-machine/time-machine';
-import { Timeline } from './timeline/timeline';
+import { SatelliteTimeline } from './timeline-satellite/satellite-timeline';
+import { SensorTimeline } from './timeline-sensor/sensor-timeline';
 import { videoDirectorPlugin } from './video-director/video-director';
 import { WatchlistPlugin } from './watchlist/watchlist';
 import { WatchlistOverlay } from './watchlist/watchlist-overlay';
@@ -118,6 +119,7 @@ export type KeepTrackPlugins = {
   reports?: boolean;
   polarPlot?: boolean;
   timeline?: boolean;
+  timelineAlt?: boolean;
 };
 
 // Register all core modules
@@ -137,7 +139,8 @@ export const loadPlugins = (keepTrackApi: KeepTrackApi, plugins: KeepTrackPlugin
       { init: () => new CustomSensorPlugin().init(), enabled: plugins.sensor },
       { init: () => new LookAnglesPlugin().init(), enabled: plugins.sensor },
       { init: () => new MultiSiteLookAnglesPlugin().init(), enabled: plugins.sensor },
-      { init: () => new Timeline().init(), enabled: plugins.timeline },
+      { init: () => new SensorTimeline().init(), enabled: plugins.timeline },
+      { init: () => new SatelliteTimeline().init(), enabled: plugins.timelineAlt },
       { init: () => new WatchlistPlugin().init(), enabled: plugins.watchlist },
       { init: () => new WatchlistOverlay().init(), enabled: plugins.watchlist },
       { init: () => new ReportsPlugin().init(), enabled: plugins.reports },

diff --git a/src/plugins/sensor/multi-site-look-angles-plugin.ts b/src/plugins/sensor/multi-site-look-angles-plugin.ts
@@ -65,8 +65,8 @@ export class MultiSiteLookAnglesPlugin extends KeepTrackPlugin {
 
   dragOptions: clickDragOptions = {
     isDraggable: true,
-    minWidth: 350,
-    maxWidth: 500,
+    minWidth: 500,
+    maxWidth: 750,
   };
 
   helpTitle = 'Multi-Site Look Angles Menu';

diff --git a/src/plugins/sensor/sensorManager.ts b/src/plugins/sensor/sensorManager.ts
@@ -183,6 +183,13 @@ export class SensorManager {
   resetSensorSelected() {
     const colorSchemeManagerInstance = keepTrackApi.getColorSchemeManager();
 
+    // Remove satellite minibox hover
+    const satMinibox = getEl('sat-minibox');
+
+    if (satMinibox) {
+      satMinibox.innerHTML = '';
+    }
+
     // Return to default settings with nothing 'inview'
     SensorManager.updateSensorUiStyling(null);
     this.setSensor(null); // Pass sensorId to identify which sensor the user clicked

diff --git a/src/plugins/timeline-satellite/satellite-timeline.css b/src/plugins/timeline-satellite/satellite-timeline.css
@@ -0,0 +1,12 @@
+#satellite-timeline-menu {
+  display: none;
+  position: absolute;
+  width: 800px;
+  left: 0;
+  margin: 0;
+  border-top: 3px solid var(--color-primary);
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 0;
+  z-index: 10;
+}