feat(demo): add context demo

angular.json

@@ -26,6 +26,7 @@
             "assets": [
               "demo/src/favicon.ico",
               "demo/src/assets",
+              "demo/src/contexts",
               "demo/src/locale",
               {
                 "glob": "**/*",

demo/src/app/app.component.html

@@ -30,6 +30,11 @@ <h1>{{title}}</h1>
         <a mat-list-item routerLink="search">Search</a>
         <a mat-list-item routerLink="time-filter">Time filter</a>
         <a mat-list-item routerLink="ogc-filter">OGC filter</a>
+
+        <hr>
+
+        <a mat-list-item routerLink="context">Context</a>
+
       </mat-nav-list>
     </mat-sidenav>
 

demo/src/app/app.module.ts

@@ -28,6 +28,8 @@ import { AppSearchModule } from './geo/search/search.module';
 import { AppTimeFilterModule } from './geo/time-filter/time-filter.module';
 import { AppOgcFilterModule } from './geo/ogc-filter/ogc-filter.module';
 
+import { AppContextModule } from './context/context/context.module';
+
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 
@@ -61,6 +63,8 @@ import { AppComponent } from './app.component';
     AppTimeFilterModule,
     AppOgcFilterModule,
 
+    AppContextModule,
+
     AppRoutingModule
   ],
   bootstrap: [AppComponent]

demo/src/app/context/context/context-routing.module.ts

@@ -0,0 +1,15 @@
+import { Routes, RouterModule } from '@angular/router';
+import { ModuleWithProviders } from '@angular/core';
+
+import { AppContextComponent } from './context.component';
+
+const routes: Routes = [
+  {
+    path: 'context',
+    component: AppContextComponent
+  }
+];
+
+export const AppContextRoutingModule: ModuleWithProviders = RouterModule.forChild(
+  routes
+);

demo/src/app/context/context/context.component.html

@@ -0,0 +1,17 @@
+<mat-card>
+  <mat-card-subtitle>Geo</mat-card-subtitle>
+  <mat-card-title>Context</mat-card-title>
+  <mat-card-content>
+    <p>* Dependencies: LanguageService</p>
+
+  </mat-card-content>
+
+  <igo-map-browser
+    igoMapContext
+    igoLayerContext
+    [map]="map">
+    <igo-zoom-button [map]="map" color="primary"></igo-zoom-button>
+    <igo-geolocate-button [map]="map" color="primary"></igo-geolocate-button>
+  </igo-map-browser>
+
+</mat-card>

demo/src/app/context/context/context.component.scss

@@ -0,0 +1,4 @@
+igo-map-browser {
+  width: 800px;
+  height: 300px;
+}

demo/src/app/context/context/context.component.ts

@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+
+import { LanguageService } from '@igo2/core';
+import { IgoMap } from '@igo2/geo';
+
+@Component({
+  selector: 'app-context',
+  templateUrl: './context.component.html',
+  styleUrls: ['./context.component.scss']
+})
+export class AppContextComponent {
+  public map = new IgoMap({
+    controls: {
+      attribution: {
+        collapsed: true
+      }
+    }
+  });
+
+  public view = {
+    center: [-73, 47.2],
+    zoom: 6
+  };
+
+  constructor(
+    private languageService: LanguageService
+  ) {}
+}

demo/src/app/context/context/context.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { MatCardModule, MatButtonModule } from '@angular/material';
+
+import { IgoMapModule } from '@igo2/geo';
+import { IgoContextModule } from '@igo2/context';
+
+import { AppContextComponent } from './context.component';
+import { AppContextRoutingModule } from './context-routing.module';
+
+@NgModule({
+  declarations: [AppContextComponent],
+  imports: [
+    AppContextRoutingModule,
+    MatCardModule,
+    MatButtonModule,
+    IgoMapModule,
+    IgoContextModule
+  ],
+  exports: [AppContextComponent]
+})
+export class AppContextModule {}

demo/src/contexts/_contexts.json

@@ -0,0 +1,9 @@
+[{
+    "uri": "_default",
+    "title": "Default Context"
+  },
+  {
+    "uri": "context2",
+    "title": "Context 2"
+  }
+]

demo/src/contexts/_default.json

@@ -0,0 +1,30 @@
+{
+  "uri": "_default",
+  "title": "Default Context",
+  "map": {
+    "view": {
+      "projection": "EPSG:3857",
+      "center": [-72, 50],
+      "zoom": 5,
+      "geolocate": true
+    }
+  },
+  "layers": [{
+      "title": "OSM",
+      "sourceOptions": {
+        "type": "osm"
+      }
+    },
+    {
+      "optionsFromCapabilities": true,
+      "sourceOptions": {
+        "type": "wms",
+        "url": "https://geoegl.msp.gouv.qc.ca/ws/igo_gouvouvert.fcgi",
+        "params": {
+          "layers": "MELS_CS_ANGLO_S",
+          "version": "1.3.0"
+        }
+      }
+    }
+  ]
+}

demo/src/contexts/context2.json

@@ -0,0 +1,19 @@
+{
+  "uri": "context2",
+  "title": "Context 2",
+  "map": {
+    "view": {
+      "projection": "EPSG:3857",
+      "center": [-72, 50],
+      "zoom": 5,
+      "geolocate": true
+    }
+  },
+  "layers": [{
+      "title": "OSM",
+      "sourceOptions": {
+        "type": "osm"
+      }
+    }
+  ]
+}

package.json

@@ -40,7 +40,7 @@
     "preversion": "npm run test.libs",
     "version": "gulp bumpVersion && npm run build.libs && npm run changelog && git add .",
     "postversion": "git push && git push --tags && npm run publish && npm run ghpages && npm run ghrelease",
-    "preghpages": "npm run build.demo -- --output-path ./dist/ghpages --base-href /igo2-lib/",
+    "preghpages": "npm run build.demo -- --output-path ./dist/ghpages --base-href /igo2-lib/ && echo \"include: ['_default.json', '_contexts.json']\" > dist/ghpages/_config.yml",
     "ghpages": "VERSION=$(node -p -e \"require('./package.json').version\") && npx ngh --dir=dist/ghpages --no-silent=false --message=$VERSION",
     "postghpages": "rimraf ./dist/ghpages",
     "ghrelease": "VERSION=$(node -p -e \"require('./package.json').version\") && publish-release --owner infra-geo-ouverte --repo igo2-lib --tag $VERSION --name $VERSION --reuse-release --notes \"$(npm run changelog-current -s)\""