From 10c269486f6c98633c241e1d0dabe8f4402b19ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Barbeau?=
 <marc-andre.barbeau@msp.gouv.qc.ca>
Date: Wed, 31 May 2017 10:47:11 -0400
Subject: [PATCH] feat(metadata): add metadata for layers

---
 src/demo-app/contexts/embacle.json            |  6 +++-
 .../datasources/datasource.interface.ts       |  2 ++
 src/lib/index.ts                              |  1 +
 src/lib/language.extract.ts                   |  4 +++
 .../layer-item/layer-item.component.html      | 10 ++++++
 .../layer-item/layer-item.component.spec.ts   |  4 +++
 .../layer/layer-item/layer-item.component.ts  |  6 +++-
 src/lib/metadata/index.ts                     |  2 ++
 src/lib/metadata/module.ts                    | 24 ++++++++++++++
 src/lib/metadata/shared/index.ts              |  2 ++
 src/lib/metadata/shared/metadata.interface.ts |  4 +++
 .../metadata/shared/metadata.service.spec.ts  | 21 +++++++++++++
 src/lib/metadata/shared/metadata.service.ts   | 16 ++++++++++
 src/lib/module.ts                             | 31 ++++++++++---------
 src/locale/en.json                            |  3 +-
 src/locale/fr.json                            |  3 +-
 16 files changed, 121 insertions(+), 18 deletions(-)
 create mode 100644 src/lib/metadata/index.ts
 create mode 100644 src/lib/metadata/module.ts
 create mode 100644 src/lib/metadata/shared/index.ts
 create mode 100644 src/lib/metadata/shared/metadata.interface.ts
 create mode 100644 src/lib/metadata/shared/metadata.service.spec.ts
 create mode 100644 src/lib/metadata/shared/metadata.service.ts

diff --git a/src/demo-app/contexts/embacle.json b/src/demo-app/contexts/embacle.json
index 4549ac1ba8..bf8dc95791 100644
--- a/src/demo-app/contexts/embacle.json
+++ b/src/demo-app/contexts/embacle.json
@@ -29,7 +29,7 @@
           "width" : 3
         },
         "fill": {
-          "color": "rgba(140, 140, 255, 0.3)"  
+          "color": "rgba(140, 140, 255, 0.3)"
         }
       },
       "version" : "1.3.0",
@@ -57,6 +57,10 @@
         },
         "projection": "EPSG:3857"
       },
+      "metadata": {
+        "url": "https://www.donneesquebec.ca/recherche/fr/dataset/historique-publique-d-embacles-repertories-au-msp",
+        "extern": true
+      },
       "timeFilter": {
         "min": "2017-01-01",
         "max": "2018-01-01",
diff --git a/src/lib/datasource/shared/datasources/datasource.interface.ts b/src/lib/datasource/shared/datasources/datasource.interface.ts
index e337263a50..a9de343e66 100644
--- a/src/lib/datasource/shared/datasources/datasource.interface.ts
+++ b/src/lib/datasource/shared/datasources/datasource.interface.ts
@@ -1,5 +1,6 @@
 import { TimeFilterOptions } from '../../../filter';
 import { QueryFormat, QueryOptions } from '../../../query';
+import { MetadataOptions } from '../../../metadata';
 
 import { DataSource } from './datasource';
 
@@ -8,6 +9,7 @@ export interface DataSourceOptions {
   title: string;
   alias?: string;
   legend?: DataSourceLegendOptions;
+  metadata?: MetadataOptions;
 }
 
 export interface DataSourceContext extends DataSourceOptions {
diff --git a/src/lib/index.ts b/src/lib/index.ts
index ddfc77d883..70cc290d6c 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -8,6 +8,7 @@ export * from './filter';
 export * from './form';
 export * from './layer';
 export * from './map';
+export * from './metadata';
 export * from './overlay';
 export * from './query';
 export * from './search';
diff --git a/src/lib/language.extract.ts b/src/lib/language.extract.ts
index 9707ea5bec..f85a24bc54 100644
--- a/src/lib/language.extract.ts
+++ b/src/lib/language.extract.ts
@@ -2,4 +2,8 @@ import { _ } from '@biesbjerg/ngx-translate-extract';
 
 _('igo.map');
 _('igo.searchResults');
+_('igo.contexts');
 _('igo.timeAnalysis');
+_('igo.landscape');
+_('igo.portrait');
+_('igo.orientation');
diff --git a/src/lib/layer/layer-item/layer-item.component.html b/src/lib/layer/layer-item/layer-item.component.html
index b9b5b9f800..5a0f544204 100644
--- a/src/lib/layer/layer-item/layer-item.component.html
+++ b/src/lib/layer/layer-item/layer-item.component.html
@@ -55,6 +55,16 @@ <h4 md-line>{{layer.title}}</h4>
 
   <div class="igo-col igo-col-60 igo-col-100-m">
     <div class="igo-layer-button-group">
+      <button
+        *ngIf="layer.options.metadata"
+        md-icon-button
+        tooltip-position="below"
+        [md-tooltip]="'igo.showMetadata' | translate"
+        [color]="color"
+        (click)="openMetadata(layer.options.metadata)">
+        <md-icon>info_outline</md-icon>
+      </button>
+
       <button
         md-icon-button
         tooltip-position="below"
diff --git a/src/lib/layer/layer-item/layer-item.component.spec.ts b/src/lib/layer/layer-item/layer-item.component.spec.ts
index 187d71ecc8..fa7a464572 100644
--- a/src/lib/layer/layer-item/layer-item.component.spec.ts
+++ b/src/lib/layer/layer-item/layer-item.component.spec.ts
@@ -3,6 +3,7 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { IgoTestModule } from '../../../test/module';
 import { IgoSharedModule } from '../../shared';
 import { OSMDataSource } from '../../datasource';
+import { MetadataService } from '../../metadata';
 
 import { TileLayer } from '../shared';
 import { LayerItemComponent } from './layer-item.component';
@@ -21,6 +22,9 @@ describe('LayerItemComponent', () => {
       declarations: [
         LayerItemComponent,
         LayerLegendComponent
+      ],
+      providers: [
+        MetadataService
       ]
     })
     .compileComponents();
diff --git a/src/lib/layer/layer-item/layer-item.component.ts b/src/lib/layer/layer-item/layer-item.component.ts
index 523afc2302..e91be373e3 100644
--- a/src/lib/layer/layer-item/layer-item.component.ts
+++ b/src/lib/layer/layer-item/layer-item.component.ts
@@ -1,5 +1,6 @@
 import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
 
+import { MetadataService, MetadataOptions } from '../../metadata';
 import { Layer } from '../shared/layers/layer';
 
 @Component({
@@ -48,7 +49,7 @@ export class LayerItemComponent {
     this.layer.opacity = opacity / 100;
   }
 
-  constructor() { }
+  constructor(private metadataService: MetadataService) { }
 
   toggleLegend(collapsed: boolean) {
     this.layer.collapsed = collapsed;
@@ -61,4 +62,7 @@ export class LayerItemComponent {
     }
   }
 
+  openMetadata(metadata: MetadataOptions) {
+    this.metadataService.open(metadata);
+  }
 }
diff --git a/src/lib/metadata/index.ts b/src/lib/metadata/index.ts
new file mode 100644
index 0000000000..467154bb4b
--- /dev/null
+++ b/src/lib/metadata/index.ts
@@ -0,0 +1,2 @@
+export * from './module';
+export * from './shared';
diff --git a/src/lib/metadata/module.ts b/src/lib/metadata/module.ts
new file mode 100644
index 0000000000..1166edb4d0
--- /dev/null
+++ b/src/lib/metadata/module.ts
@@ -0,0 +1,24 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+
+import { IgoSharedModule } from '../shared';
+
+import { MetadataService } from './shared';
+
+
+@NgModule({
+  imports: [
+    IgoSharedModule
+  ],
+  exports: [],
+  declarations: []
+})
+export class IgoMetadataModule {
+  static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: IgoMetadataModule,
+      providers: [
+        MetadataService
+      ]
+    };
+  }
+}
diff --git a/src/lib/metadata/shared/index.ts b/src/lib/metadata/shared/index.ts
new file mode 100644
index 0000000000..27dec61b59
--- /dev/null
+++ b/src/lib/metadata/shared/index.ts
@@ -0,0 +1,2 @@
+export * from './metadata.service';
+export * from './metadata.interface';
diff --git a/src/lib/metadata/shared/metadata.interface.ts b/src/lib/metadata/shared/metadata.interface.ts
new file mode 100644
index 0000000000..57adc1d88b
--- /dev/null
+++ b/src/lib/metadata/shared/metadata.interface.ts
@@ -0,0 +1,4 @@
+export interface MetadataOptions {
+  url: string;
+  extern?: boolean;
+}
diff --git a/src/lib/metadata/shared/metadata.service.spec.ts b/src/lib/metadata/shared/metadata.service.spec.ts
new file mode 100644
index 0000000000..4b2a6fc796
--- /dev/null
+++ b/src/lib/metadata/shared/metadata.service.spec.ts
@@ -0,0 +1,21 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { IgoCoreModule } from '../../core';
+import { MetadataService } from './metadata.service';
+
+describe('MetadataService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        IgoCoreModule.forRoot()
+      ],
+      providers: [
+        MetadataService
+      ]
+    });
+  });
+
+  it('should ...', inject([MetadataService], (service: MetadataService) => {
+    expect(service).toBeTruthy();
+  }));
+});
diff --git a/src/lib/metadata/shared/metadata.service.ts b/src/lib/metadata/shared/metadata.service.ts
new file mode 100644
index 0000000000..ef953b63f7
--- /dev/null
+++ b/src/lib/metadata/shared/metadata.service.ts
@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+
+import { MetadataOptions } from '.';
+
+@Injectable()
+export class MetadataService {
+
+  constructor() { }
+
+  open(metadata: MetadataOptions) {
+    if (metadata.extern) {
+      window.open(metadata.url, '_blank');
+    }
+  }
+
+}
diff --git a/src/lib/module.ts b/src/lib/module.ts
index 74d32a69c9..86bf4f70d3 100644
--- a/src/lib/module.ts
+++ b/src/lib/module.ts
@@ -13,20 +13,21 @@ import 'rxjs/add/operator/do';
 import 'rxjs/add/operator/finally';
 import 'rxjs/add/operator/combineLatest';
 
-import { IgoCoreModule } from './core/index';
-import { IgoContextModule } from './context/index';
-import { IgoDataSourceModule } from './datasource/index';
-import { IgoFeatureModule } from './feature/index';
-import { IgoFormModule } from './form/index';
-import { IgoFilterModule } from './filter/index';
-import { IgoLayerModule } from './layer/index';
-import { IgoMapModule } from './map/index';
-import { IgoOverlayModule } from './overlay/index';
-import { IgoPrintModule } from './print/index';
-import { IgoQueryModule } from './query/index';
-import { IgoSearchModule } from './search/index';
-import { IgoSharedModule } from './shared/index';
-import { IgoToolModule } from './tool/index';
+import { IgoCoreModule } from './core';
+import { IgoContextModule } from './context';
+import { IgoDataSourceModule } from './datasource';
+import { IgoFeatureModule } from './feature';
+import { IgoFormModule } from './form';
+import { IgoFilterModule } from './filter';
+import { IgoLayerModule } from './layer';
+import { IgoMapModule } from './map';
+import { IgoMetadataModule } from './metadata';
+import { IgoOverlayModule } from './overlay';
+import { IgoPrintModule } from './print';
+import { IgoQueryModule } from './query';
+import { IgoSearchModule } from './search';
+import { IgoSharedModule } from './shared';
+import { IgoToolModule } from './tool';
 
 const IGO_MODULES = [
   IgoCoreModule,
@@ -37,6 +38,7 @@ const IGO_MODULES = [
   IgoFilterModule,
   IgoLayerModule,
   IgoMapModule,
+  IgoMetadataModule,
   IgoOverlayModule,
   IgoPrintModule,
   IgoQueryModule,
@@ -57,6 +59,7 @@ const IGO_MODULES = [
     IgoFilterModule.forRoot(),
     IgoLayerModule.forRoot(),
     IgoMapModule.forRoot(),
+    IgoMetadataModule.forRoot(),
     IgoOverlayModule.forRoot(),
     IgoPrintModule.forRoot(),
     IgoQueryModule.forRoot(),
diff --git a/src/locale/en.json b/src/locale/en.json
index 4409ea0f90..806e36beab 100644
--- a/src/locale/en.json
+++ b/src/locale/en.json
@@ -17,8 +17,9 @@
 		"resolution": "Resolution",
 		"searchResults": "Search Results",
 		"showLayer": "Show Layer",
+		"showMetadata": "Show metadata",
 		"startDate": "Start Date",
 		"timeAnalysis": "Time Analysis",
 		"title": "Title"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/locale/fr.json b/src/locale/fr.json
index fc3c96ad4e..74b1f709f1 100644
--- a/src/locale/fr.json
+++ b/src/locale/fr.json
@@ -17,8 +17,9 @@
 		"resolution": "Resolution",
 		"searchResults": "Résultats de recherche",
 		"showLayer": "Afficher la couche",
+		"showMetadata": "Montrer les métadonnées",
 		"startDate": "Date de début",
 		"timeAnalysis": "Analyse Temporelle",
 		"title": "Titre"
 	}
-}
\ No newline at end of file
+}