2.12-patch1

CHANGELOG.md

@@ -1,10 +1,17 @@
 # CHANGELOG: Freeboard
 
+### v2.12.1
+- **Added**: WMS sources to the types of chart sources that can be defined.
+- **Fixed**: Date / time formating in weather forecast. (#193)
+- **Fixed**: Fix issue where anchor watch controls are not visible on small screens. (#198)
+- **Fixed**: Vessel Call sign not displayed correctly in AIS Properties screen. (#199)
+
+
 ### v2.12.0
 
 - **Added**: Define chart sources from within the Charts List including: WMTS, Mapbox Style and TileJSON.
 - **Updated**: Measure distances < 1km are displayed in meters and < 0.5NM uses depth units (#194). 
-- **Updated**: Ensure weather forecast times use 24 hr format. (#193).
+- **Updated**: Ensure weather forecast times use 24 hr format. (#193)
 - **Updated**: OpenSea Map min / max zoom levels.
 - **Updated**: OpenLayers v10. 
 - **Fixed**: gybeAngle null value handling.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@signalk/freeboard-sk",
-  "version": "2.12.0",
+  "version": "2.12.1",
   "description": "Openlayers chart plotter implementation for Signal K",
   "keywords": [
     "signalk-webapp",

src/app/app.info.ts

@@ -160,7 +160,7 @@ export class AppInfo extends Info {
     this.name = 'Freeboard-SK';
     this.shortName = 'Freeboard';
     this.description = `Signal K Chart Plotter.`;
-    this.version = '2.12.0';
+    this.version = '2.12.1';
     this.url = 'https://github.com/signalk/freeboard-sk';
     this.logo = './assets/img/app_logo.png';
 

src/app/modules/alarms/components/anchor-watch.component.css

@@ -2,6 +2,7 @@
     min-width: 150px;
     position: relative;
     height: 100%;
+    overflow-y: scroll;
 }
 
 .anchorwatch .title-block {

src/app/modules/alarms/components/anchor-watch.component.html

@@ -34,16 +34,14 @@
       >
         <b
           style="
-            position: fixed;
-            top: 105px;
-            left: 69px;
+            position: relative;
+            top: 30px;
+            left: 80px;
             width: 35px;
             text-align: right;
           "
         >
           {{ radius === -1 ? '--' : feet ? mToFt(radius) : radius.toFixed(0) }}
-        </b>
-        <b style="position: fixed; top: 105px; left: 109px; text-align: left">
           {{ feet ? 'ft' : 'm' }}
         </b>
       </div>

src/app/modules/skresources/components/ais/ais-properties-modal.ts

@@ -221,10 +221,10 @@ export class AISPropertiesModal implements OnInit {
       }
       if (typeof v['communication'] !== 'undefined') {
         if (typeof v['communication']['callsignVhf'] !== 'undefined') {
-          this.vInfo.callsignVhf = v['communication']['callsignVhf'];
+          this.vInfo.callsignVhf = v['communication']['callsignVhf']['value'];
         }
         if (typeof v['communication']['callsignHf'] !== 'undefined') {
-          this.vInfo.callsignHf = v['communication']['callsignHf'];
+          this.vInfo.callsignHf = v['communication']['callsignHf']['value'];
         }
       }
       if (typeof v['navigation'] !== 'undefined') {

src/app/modules/skresources/components/charts/chartlist.html

@@ -1,6 +1,7 @@
 <div class="resourcelist" style="width: 320px">
   <mat-menu #addchartmenu="matMenu">
     <button mat-menu-item (click)="addChartSource('wmts')">WMTS</button>
+    <button mat-menu-item (click)="addChartSource('wms')">WMS</button>
     <button mat-menu-item (click)="addChartSource('json')">
       JSON Map Source
     </button>

src/app/modules/skresources/components/charts/chartlist.ts

@@ -30,6 +30,7 @@ import { FBCharts, FBChart, FBResourceSelect } from 'src/app/types';
 import { forkJoin, of } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 import { WMTSDialog } from './wmts-dialog';
+import { WMSDialog } from './wms-dialog';
 import { JsonMapSourceDialog } from './jsonmapsource-dialog';
 import { SignalKClient } from 'signalk-client-angular';
 
@@ -310,15 +311,21 @@ export class ChartListComponent {
     this.delete.emit({ id: id });
   }
 
-  public addChartSource(type: 'wmts' | 'json') {
-    let dref: MatDialogRef<WMTSDialog | JsonMapSourceDialog>;
+  public addChartSource(type: 'wms' | 'wmts' | 'json') {
+    let dref: MatDialogRef<WMTSDialog | WMSDialog | JsonMapSourceDialog>;
 
     if (type === 'wmts') {
       dref = this.dialog.open(WMTSDialog, {
         disableClose: true,
         data: {}
       });
     }
+    if (type === 'wms') {
+      dref = this.dialog.open(WMSDialog, {
+        disableClose: true,
+        data: {}
+      });
+    }
     if (type === 'json') {
       dref = this.dialog.open(JsonMapSourceDialog, {
         disableClose: true,