created license component

DEVELOPMENT_TODO.md

@@ -1,3 +1,16 @@
+# Licenses
+
+3rd party licenses are displayed with the component 'licenses.component'. This component requires there to be a file named 'licenses.json' in the assets directory. 
+This file has been autogenerated with the 'license-checker' npm-module. When new dependencies are added, the file needs to be regenerated manually.
+
+
+
+
+
+
+
+
+
 # Getting started 
 
 - Check if [Git](https://git-scm.com/) is installed.

package.json

@@ -82,6 +82,7 @@
     "karma-coverage-istanbul-reporter": "~2.1.1",
     "karma-jasmine": "~2.0.1",
     "karma-jasmine-html-reporter": "^1.4.0",
+    "license-checker": "^25.0.1",
     "ng-packagr": "^5.1.0",
     "protractor": "~5.4.0",
     "replace": "^1.1.1",

src/app/app-routing.module.ts

@@ -4,6 +4,7 @@ import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
 import { RouteMapComponent } from './route-components/route-map/route-map.component';
 import { ScenariosComponent } from './route-components/scenarios/scenarios.component';
 import { RouteDocumentationComponent } from './route-components/route-documentation/route-documentation.component';
+import { LicensesComponent } from './route-components/licenses/licenses.component';
 
 const routes: Routes = [
   {
@@ -23,6 +24,10 @@ const routes: Routes = [
   {
     path: 'documentation',
     component: RouteDocumentationComponent
+  },
+  {
+    path: 'licenses',
+    component: LicensesComponent
   }
 ];
 

src/app/app.component.html

@@ -5,7 +5,8 @@
   <ukis-header [ukis-title]="title">
     <a routerLink="/scenarios" routerLinkActive="active" class="nav-link nav-text header-nav-el">{{'Stories' | translate}}</a>
     <a class="nav-link nav-text header-nav-el">{{currentMapName | async}}</a>
-    <!-- <a routerLink="/documentation" routerLinkActive="active" class="nav-link nav-text header-nav-el">{{'Documentation' | translate}}</a> -->
+    <a routerLink="/documentation" routerLinkActive="active" class="nav-link nav-text header-nav-el">{{'Documentation' | translate}}</a>
+    <a routerLink="/licenses" routerLinkActive="active" class="nav-link nav-text header-nav-el">{{'Licenses' | translate}}</a>
   </ukis-header>
 
   <router-outlet></router-outlet>

src/app/app.module.ts

@@ -50,6 +50,7 @@ import { DisclaimerComponent } from './components/disclaimer/disclaimer.componen
 import { DisclaimerpopupComponent } from './components/disclaimerpopup/disclaimerpopup.component';
 import { InteractionstatemonitorComponent } from './components/interactionstatemonitor/interactionstatemonitor.component';
 import { HelpersModule } from '@ukis/helpers/src/public-api';
+import { LicensesComponent } from './route-components/licenses/licenses.component';
 
 @NgModule({
   declarations: [
@@ -82,6 +83,7 @@ import { HelpersModule } from '@ukis/helpers/src/public-api';
     DisclaimerComponent,
     DisclaimerpopupComponent,
     InteractionstatemonitorComponent,
+    LicensesComponent,
   ],
   imports: [
     BrowserModule,

src/app/configuration/chile/reliability.ts

@@ -1,9 +1,8 @@
 import { WpsProcess, ProcessStateUnavailable, Product } from 'src/app/riesgos/riesgos.datatypes';
 import { WizardableProcess, WizardProperties } from 'src/app/components/config_wizard/wizardable_processes';
 import { WpsData } from '@ukis/services-ogc';
-import { StringSelectUconfProduct } from 'src/app/components/config_wizard/userconfigurable_wpsdata';
 import { VectorLayerProduct } from 'src/app/riesgos/riesgos.datatypes.mappable';
-import { Style as olStyle, Fill as olFill, Stroke as olStroke, Circle as olCircle, Text as olText } from 'ol/style';
+import { Style as olStyle, Fill as olFill, Stroke as olStroke } from 'ol/style';
 import { Feature as olFeature } from 'ol/Feature';
 import { HttpClient } from '@angular/common/http';
 import { createKeyValueTableHtml } from 'src/app/helpers/others';

src/app/route-components/licenses/licenses.component.html

@@ -0,0 +1,18 @@
+<p>{{ 'Licenses disclaimer' | translate}}</p>
+
+
+<clr-datagrid>
+    <clr-dg-column>{{ 'Library name' | translate }}</clr-dg-column>
+    <clr-dg-column>{{ 'Publisher' | translate }}</clr-dg-column>
+    <clr-dg-column>{{ 'License' | translate }}</clr-dg-column>
+    <clr-dg-column>{{ 'Repository' | translate }}</clr-dg-column>
+
+    <clr-dg-row *ngFor="let l of (licenses | async)">
+        <clr-dg-cell>{{l.name}}</clr-dg-cell>
+        <clr-dg-cell>{{l.publisher}}</clr-dg-cell>
+        <clr-dg-cell>{{l.license}}</clr-dg-cell>
+        <clr-dg-cell><a href="{{l.repository}}">{{l.repository}}</a></clr-dg-cell>
+    </clr-dg-row>
+
+    <clr-dg-footer>{{(licenses | async).length}} third party dependencies</clr-dg-footer>
+</clr-datagrid>

src/app/route-components/licenses/licenses.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LicensesComponent } from './licenses.component';
+
+describe('LicensesComponent', () => {
+  let component: LicensesComponent;
+  let fixture: ComponentFixture<LicensesComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LicensesComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LicensesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/route-components/licenses/licenses.component.ts

@@ -0,0 +1,47 @@
+import { Component, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+
+
+
+interface License {
+  name: string;
+  license: string;
+  repository: string;
+  publisher: string;
+}
+
+
+@Component({
+  selector: 'ukis-licenses',
+  templateUrl: './licenses.component.html',
+  styleUrls: ['./licenses.component.scss']
+})
+export class LicensesComponent implements OnInit {
+
+  public licenses: Observable<License[]>;
+
+  constructor(private http: HttpClient) { }
+
+  ngOnInit() {
+    this.licenses = this.http.get('assets/licenses.json').pipe(map(data => {
+      const licenses: License[] = [];
+      for (const name in data) {
+        if (data[name]) {
+          const val = data[name];
+          licenses.push({
+            name: name,
+            license: val.licenses,
+            repository: val.repository,
+            publisher: val.publisher
+          });
+        }
+      }
+      return licenses;
+    }));
+  }
+
+}
+