Style and filtering

SignalK · Jul 24, 2024 · f1525db · f1525db
1 parent 41b1b11
commit f1525db
Show file tree

Hide file tree

Showing 17 changed files with 863 additions and 536 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,7 +2,9 @@
 
 ### v2.10.0
 
+- **Added**: Option to filter out vessels without an IMO registration (#174).
 - **Updated**: Compass widget in Weather Station popover (#173).
+- **Updated**: Add waypoint styles to routes (#168).
 - **Updated**: S57 chart styles (@wdantuma).
 - **Updated**: Angular framework to v18 & Material 3 
 

diff --git a/src/app/lib/components/dialogs/common/dialogs.component.ts b/src/app/lib/components/dialogs/common/dialogs.component.ts
@@ -515,7 +515,10 @@ export class MessageBarComponent {
         <div style="text-align:center;font-size:10pt;font-family:roboto;">
           @for(c of data.content; track c; let i = $index) {
           <mat-icon
-            [ngClass] = "{'step-current': currentPage - 1 === i, 'step-other': currentPage - 1 !== i}"
+            [ngClass]="{
+              'step-current': currentPage - 1 === i,
+              'step-other': currentPage - 1 !== i
+            }"
             style="font-size:8pt;width:12px;"
           >
             fiber_manual_record

diff --git a/src/app/modules/map/mapconfig.ts b/src/app/modules/map/mapconfig.ts
@@ -67,20 +67,7 @@ export const vesselStyles = {
   })
 };
 
-export const routeStyles = {
-  default: new Style({
-    stroke: new Stroke({
-      color: 'green',
-      width: 2,
-      lineDash: [20, 5, 5, 5]
-    })
-  }),
-  active: new Style({
-    stroke: new Stroke({
-      color: 'blue',
-      width: 4
-    })
-  }),
+export const raceCourseStyles = {
   startPin: new Style({
     image: new Icon({
       src: './assets/img/startflag.png',
@@ -147,6 +134,26 @@ export const routeStyles = {
   })
 };
 
+export const routeStyles = {
+  default: new Style({
+    stroke: new Stroke({
+      color: 'green',
+      width: 2,
+      lineDash: [20, 5, 5, 5]
+    }),
+    text: new Text({
+      text: '',
+      offsetY: 10
+    })
+  }),
+  active: new Style({
+    stroke: new Stroke({
+      color: 'blue',
+      width: 4
+    })
+  })
+};
+
 export const waypointStyles = {
   default: new Style({
     image: new Icon({