Develop

.eslintrc

@@ -14,13 +14,19 @@
     "__dirname": "readonly",
     "settingsManager": "writable"
   },
-  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "sourceType": "module",
     "ecmaVersion": 2021
   },
-  "plugins": ["@typescript-eslint", "jest"],
+  "plugins": [
+    "@typescript-eslint",
+    "jest"
+  ],
   "rules": {
     "accessor-pairs": "error",
     "array-bracket-newline": "error",
@@ -37,10 +43,18 @@
     "camelcase": "error",
     "capitalized-comments": "off",
     "class-methods-use-this": "off",
-    "comma-dangle": ["error", "always-multiline"],
+    "comma-dangle": [
+      "error",
+      "always-multiline"
+    ],
     "comma-spacing": "error",
     "comma-style": "error",
-    "complexity": ["error", { "max": 40 }], // TODO: change to error
+    "complexity": [
+      "error",
+      {
+        "max": 40
+      }
+    ], // TODO: change to error
     "computed-property-spacing": "error",
     "consistent-return": "error",
     "consistent-this": "error",
@@ -68,25 +82,65 @@
     "id-length": "off",
     "id-match": "error",
     "implicit-arrow-linebreak": "off",
-    "indent": ["error", 2, { "SwitchCase": 1 }],
-    "indent-legacy": ["error", 2, { "SwitchCase": 1 }],
+    "indent": [
+      "error",
+      2,
+      {
+        "SwitchCase": 1
+      }
+    ],
+    "indent-legacy": [
+      "error",
+      2,
+      {
+        "SwitchCase": 1
+      }
+    ],
     "init-declarations": "off",
     "jsx-quotes": "error",
     "key-spacing": "error",
-    "keyword-spacing": "error",
+    "keyword-spacing": "off",
     "line-comment-position": "off",
-    "linebreak-style": ["error", "unix"],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
     "lines-around-comment": "off",
     "lines-around-directive": "error",
     "lines-between-class-members": "off",
     "max-classes-per-file": "error",
     "max-depth": "warn", // TODO: change to error
-    "max-len": ["warn", { "code": 180 }], // TODO: change to error
-    "max-lines": ["warn", { "max": 1000 }], // TODO: change to error
-    "max-lines-per-function": ["error", { "max": 300 }],
+    "max-len": [
+      "warn",
+      {
+        "code": 180
+      }
+    ], // TODO: change to error
+    "max-lines": [
+      "warn",
+      {
+        "max": 1000
+      }
+    ], // TODO: change to error
+    "max-lines-per-function": [
+      "error",
+      {
+        "max": 300
+      }
+    ],
     "max-nested-callbacks": "error",
-    "max-params": ["warn", { "max": 8 }], // TODO: change to error
-    "max-statements": ["warn", { "max": 85 }], // TODO: change to error
+    "max-params": [
+      "warn",
+      {
+        "max": 8
+      }
+    ], // TODO: change to error
+    "max-statements": [
+      "warn",
+      {
+        "max": 85
+      }
+    ], // TODO: change to error
     "max-statements-per-line": "error",
     "multiline-comment-style": "warn", // TODO: change to error
     "multiline-ternary": "off",
@@ -172,7 +226,12 @@
     "no-template-curly-in-string": "error",
     "no-ternary": "off",
     "no-throw-literal": "error",
-    "no-trailing-spaces": ["error", { "ignoreComments": true }],
+    "no-trailing-spaces": [
+      "error",
+      {
+        "ignoreComments": true
+      }
+    ],
     "no-undef-init": "error",
     "no-undefined": "error",
     "no-underscore-dangle": "off",
@@ -218,7 +277,10 @@
     "prefer-spread": "error",
     "prefer-template": "error",
     "quote-props": "off",
-    "quotes": ["error", "single"],
+    "quotes": [
+      "error",
+      "single"
+    ],
     "radix": "off",
     "require-atomic-updates": "error",
     "require-await": "warn", // TODO: change to errors
@@ -251,4 +313,4 @@
     "yoda": "error",
     "@typescript-eslint/no-explicit-any": "warn"
   }
-}
+}

README.md

@@ -1,14 +1,13 @@
-![GitHub release (latest by date)](https://img.shields.io/github/v/release/thkruz/keeptrack.space?style=flat-square) ![Sonar Coverage](https://img.shields.io/sonar/coverage/thkruz_keeptrack.space?server=https%3A%2F%2Fsonarcloud.io&style=flat-square) ![GitHub commit activity](https://img.shields.io/github/commit-activity/m/thkruz/keeptrack.space?style=flat-square) ![language](https://img.shields.io/github/languages/top/thkruz/keeptrack.space?style=flat-square) ![Languages](https://img.shields.io/github/languages/count/thkruz/keeptrack.space?style=flat-square) ![GitHub issues](https://img.shields.io/github/issues/thkruz/keeptrack.space?style=flat-square) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) ![License](https://img.shields.io/github/license/thkruz/keeptrack.space?style=flat-square) <img src="./docs/keeptrack8-cover.png" width='100%' alt="KeepTrack.Space" align="center">
+![GitHub release (latest by date)](https://img.shields.io/github/v/release/thkruz/keeptrack.space?style=flat-square) ![Sonar Coverage](https://img.shields.io/sonar/coverage/thkruz_keeptrack.space?server=https%3A%2F%2Fsonarcloud.io&style=flat-square) ![GitHub commit activity](https://img.shields.io/github/commit-activity/m/thkruz/keeptrack.space?style=flat-square) ![language](https://img.shields.io/github/languages/top/thkruz/keeptrack.space?style=flat-square) ![Languages](https://img.shields.io/github/languages/count/thkruz/keeptrack.space?style=flat-square) ![GitHub issues](https://img.shields.io/github/issues/thkruz/keeptrack.space?style=flat-square) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) ![License](https://img.shields.io/github/license/thkruz/keeptrack.space?style=flat-square) <img src="./public/img/textLogoLg.png" width='100%' alt="KeepTrack.Space" align="center">
 
 # Table of Contents
 
 - [Project Overview](#project-overview)
-- [Who Should Use KeepTrack?](#who-should-use-keeptrack)
+- [Who Is KeepTrack For?](#who-is-keeptrack-for)
 - [Features](#features)
 - [Screenshots](#screenshots)
 - [Installation](#installation)
 - [Usage](#usage)
-- [Code Structure](#code-structure)
 - [Previous Versions](#previous-versions)
 - [Contributors](#contributors)
 - [License](#license)
@@ -17,7 +16,7 @@
 
 Welcome to KeepTrack, an ambitious project aiming to make orbital analysis tools accessible to all. Keep Track is the only astrodynamics tool designed for non-engineers. It provides a simplified and streamlined experience for learning and interacting with satellites and space debris. Keep Track is built from the ground up with custom WebGL shaders and a high-performance render loop. It can simulate 2.5 million pieces of debris at 60fps. The core app is only 7 Mb and loads in 2 seconds. It's free, open source, and works on any modern browser.
 
-## Who is KeepTrack for?
+## Who is KeepTrack For?
 
 Keep Track is used in operations centers, classrooms, and outreach programs. Here are some examples of how different groups use Keep Track:
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "keeptrack.space",
-  "version": "9.0.3",
+  "version": "9.1.0",
   "type": "module",
   "description": "Complex astrodynamics tools designed for non-engineers to make learning about orbital mechanics and satellite operations more accessible.",
   "author": "Theodore Kruczek",
@@ -147,11 +147,12 @@
     "gremlins.js": "^2.2.0",
     "jquery": "^3.7.1",
     "jquery-ui-bundle": "^1.12.1-migrate",
+    "material-icons": "^1.13.12",
     "meeusjs": "^1.0.4",
     "new-github-issue-url": "^1.0.0",
     "node-fetch": "^3.3.2",
     "numeric": "^1.2.6",
-    "ootk": "^4.0.1",
+    "ootk": "^4.0.2",
     "papaparse": "^5.4.1",
     "resizable": "^1.2.1",
     "ts-node": "^10.9.1",

public/css/fonts.css

@@ -28,49 +28,6 @@
     /* Safari, Android, iOS */ url('fonts/droid/droid-sans-v6-latin-regular.svg#DroidSans') format('svg'); /* Legacy iOS */
 }
 
-/*Material Icons*/
-
-/* fallback */
-@font-face {
-  font-family: 'Material Icons';
-  font-style: normal;
-  font-weight: 400;
-  src: url('fonts/material-icons/material-icons.eot'); /* For IE6-8 */
-  src:
-    local('Material Icons'),
-    local('MaterialIcons-Regular'),
-    url('fonts/material-icons/material-icons.woff2') format('woff2'),
-    url('fonts/material-icons/material-icons.woff') format('woff'),
-    url('fonts/material-icons/material-icons.ttf') format('truetype');
-}
-
-.material-icons {
-  font-family: 'Material Icons', sans-serif;
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px; /* Preferred icon size */
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-
-  /* Support for all WebKit browsers. */
-  -webkit-font-smoothing: antialiased;
-  /* Support for Safari and Chrome. */
-  text-rendering: optimizeLegibility;
-
-  /* Support for Firefox. */
-  -moz-osx-font-smoothing: grayscale;
-
-  /* Support for IE. */
-  font-feature-settings: 'liga';
-}
-
-/*Material Icons*/
-
 /*Icomoon Font*/
 
 @font-face {

public/css/responsive-sm.css

@@ -87,4 +87,13 @@
   #polar-plot {
     width: 100%;
   }
+
+  #sensor-timeline-sensor-list,
+  #multi-site-look-angles-sensor-list {
+    display: grid;
+    justify-content: space-evenly;
+    justify-items: stretch;
+    grid-row-gap: 10px;
+    grid-column-gap: 10px;
+  }
 }

public/css/responsive-xl.css

@@ -113,13 +113,6 @@
   #multi-site-look-angles-menu {
     width: 450px;
   }
-  #multi-site-look-angles-sensor-list {
-    display: grid;
-    grid-template-columns: minmax(70px, max-content) repeat(auto-fill, 70px);
-    justify-content: space-evenly;
-    justify-items: stretch;
-    grid-row-gap: 5px;
-  }
   #findByLooks .row {
     margin: 0px;
   }