- npm updates

- add legend-entry-component files
- add DatasetOptions class

src/app/components/legend-entry/legend-entry.component.html

@@ -0,0 +1,42 @@
+
+<div id="geomon-legend-entry" class="legendItem" style="position: relative;" [ngStyle]="{'border-color': datasetOption?.color}"
+    [ngClass]="{'selected': selected}" (click)="toggleVisibility(); $event.stopPropagation();">
+    <!-- <div class="loading-overlay" *ngIf="loading" [ngStyle]="{'background-color': datasetOption?.color}">
+        <div class="fa fa-refresh fa-spin fa-3x fa-fw"></div>
+    </div> -->
+
+    <div>
+        <div class="legendItemheader" [ngClass]="{'highlight': highlight}">
+            
+            <div class="legendItemLabel" [ngStyle]="{'color': datasetOption?.color}">
+                <label>Plattform: {{platformLabel}} </label>
+            </div>
+
+            <div class="noDataWarning firstLastEntry" *ngIf="!hasData">
+                <div>
+                    <span class="fa fa-exclamation-triangle red"></span>
+                    <span class="small-label">Keine Daten verfügbar</span>
+                </div>
+                <div class="additionalLegendEntry">
+                    <span class="fa fa-chevron-right"></span>
+                    <span class="small-label">Springe zur letzten Messung</span>
+                </div>
+            </div>
+            <div class="small-label">
+                <label> {{phenomenonLabel}} </label>
+                <span *ngIf="uom">
+                    <span>[</span>
+                    <label>{{uom}}</label>
+                    <span>]</span>
+                </span>
+            </div>
+            <div class="small-label">
+                <label>Sensor: {{procedureLabel}}</label>
+            </div>
+            <div class="small-label" *ngIf="categoryLabel != phenomenonLabel">
+                <label>{{categoryLabel}}</label>
+            </div>
+        </div>
+    </div>
+
+</div>