feat(wfs): wfs table

package.json

@@ -56,6 +56,8 @@
     "@igo2/geo": "^0.26.2",
     "@igo2/tools": "^0.26.2",
     "@igo2/utils": "^0.26.2",
+    "@turf/helpers": "^6.1.4",
+    "@turf/line-intersect": "^6.0.2",
     "classlist.js": "^1.1.20150312",
     "file-saver": "^1.3.8",
     "hammerjs": "^2.0.8",

proxy.conf.json

@@ -9,7 +9,7 @@
     "secure": false,
     "changeOrigin": true
   },
-  "/igo2/api/": {
+  "/apis/": {
     "target": "https://geoegl.msp.gouv.qc.ca",
     "secure": false,
     "changeOrigin": true

src/app/pages/portal/portal.component.html

@@ -20,6 +20,7 @@
   </button>
 
   <igo-search-bar
+    [minLength]="minSearchTermLength"
     (change)="onSearchTermChange($event)"
     (search)="onSearch($event)">
   </igo-search-bar>
@@ -58,15 +59,34 @@
       [@controlStateX]="(mediaService.media$ | async) !== 'mobile' &&
                               sidenavOpened ? 'right' : 'left'">
     </igo-baselayers-switcher> -->
+    <igo-baselayers-switcher [map]="map"></igo-baselayers-switcher>
   </igo-map-browser>
 
   <igo-expansion-panel
     [(expanded)]="expansionPanelExpanded"
     [backdropShown]="expansionPanelBackdropShown">
 
     <ng-container expansionPanelHeader>
+      <igo-editor-selector igoWfsEditorSelector [store]="editorStore" [map]="map"></igo-editor-selector>
+      <igo-actionbar
+        *ngIf="editor"
+        [store]="editor.actionStore"
+        [horizontal]="true"
+        [xPosition]="'after'"
+        [yPosition]="'above'"
+        [withToggleButton]="true"
+        [withTitle]="actionbarWithTitle"
+        [mode]="actionbarMode">
+      </igo-actionbar>
     </ng-container>
 
+    <igo-entity-table
+      *ngIf="editor"
+      class="table-compact table-centered"
+      [store]="editor.entityStore"
+      [template]="editor.tableTemplate">
+    </igo-entity-table>
+
   </igo-expansion-panel>
 
 </mat-sidenav-container>
@@ -81,6 +101,12 @@
     [feature]="searchResult.data">
   </igo-feature-details>
 
+  <igo-editor-outlet
+    *ngIf="toastPanelContent === 'editor'"
+    [editor]="editor"
+    (deactivateWidget)="onDeactivateEditorWidget()">
+  </igo-editor-outlet>
+
 </igo-toast-panel>
 
   <!-- <igo-toast

src/app/pages/portal/portal.component.scss

@@ -104,3 +104,43 @@ igo-toast-panel.igo-toast-panel-opened {
     left: 0;
   }
 }
+
+
+igo-expansion-panel:not(.igo-expansion-panel-expanded) {
+  @include small-screen {
+    igo-editor-selector,
+    igo-actionbar {
+      display: none;
+    }
+  }
+
+  @include tablet {
+    igo-editor-selector,
+    igo-actionbar {
+      display: none;
+    }
+  }
+
+  @include mobile {
+    igo-editor-selector,
+    igo-actionbar {
+      display: none;
+    }
+  }
+}
+
+igo-expansion-panel {
+  igo-editor-selector {
+    width: calc(#{$igo-sidenav-width} - #{$igo-icon-size} - 65px)
+  }
+
+  @include mobile {
+    igo-editor-selector {
+      width: calc(#{$igo-sidenav-width} - (2 * #{$igo-icon-size}) - 65px);
+    }
+  }
+
+  igo-actionbar {
+    margin-left: 5px;
+  }
+}

src/app/pages/portal/portal.component.ts

@@ -8,14 +8,15 @@ import { MapBrowserPointerEvent as OlMapBrowserPointerEvent } from 'ol/MapBrowse
 import { MediaService, ConfigService, Media } from '@igo2/core';
 import {
   ActionbarMode,
+  Editor,
+  EditorStore,
   EntityRecord,
   EntityStore,
   getEntityTitle,
-  Tool,
   Toolbox
 } from '@igo2/common';
 import { AuthService } from '@igo2/auth';
-import { Context, DetailedContext } from '@igo2/context';
+import { DetailedContext } from '@igo2/context';
 import {
   DataSourceService,
   Feature,
@@ -33,6 +34,7 @@ import {
 
 import {
   ContextState,
+  EditionState,
   ToolState,
   MapState,
   SearchState
@@ -58,14 +60,14 @@ export class PortalComponent implements OnInit, OnDestroy {
   };
 
   public searchResult: SearchResult;
+  public minSearchTermLength = 2;
 
   public expansionPanelExpanded = false;
   public sidenavOpened = false;
 
   // True after the initial context is loaded
   private contextLoaded = false;
   private context$$: Subscription;
-  private selectedEditor$$: Subscription;
   private searchResults$$: Subscription;
   private focusedSearchResult$$: Subscription;
 
@@ -108,31 +110,49 @@ export class PortalComponent implements OnInit, OnDestroy {
 
   get toastPanelContent(): string {
     let content;
-    if (this.searchResult !== undefined) {
+    if (this.editor !== undefined && this.editor.hasWidget) {
+      content = 'editor';
+    } else if (this.searchResult !== undefined) {
       content = this.searchResult.meta.dataType.toLowerCase();
     }
     return content;
   }
 
   get toastPanelTitle(): string {
     let title;
-    if (this.searchResult !== undefined) {
+    if (
+      this.toastPanelContent !== 'editor' &&
+      this.searchResult !== undefined
+    ) {
       title = getEntityTitle(this.searchResult);
     }
     return title;
   }
 
   get toastPanelOpened(): boolean {
+    const content = this.toastPanelContent;
+    if (content === 'editor') {
+      return true;
+    }
     return this._toastPanelOpened;
   }
   set toastPanelOpened(value: boolean) {
     this._toastPanelOpened = value;
   }
   private _toastPanelOpened = false;
 
+  get editorStore(): EditorStore {
+    return this.editionState.store;
+  }
+
+  get editor(): Editor {
+    return this.editionState.editor$.value;
+  }
+
   constructor(
     private route: ActivatedRoute,
     private configService: ConfigService,
+    private editionState: EditionState,
     public authService: AuthService,
     public mediaService: MediaService,
     public layerService: LayerService,
@@ -210,6 +230,10 @@ export class PortalComponent implements OnInit, OnDestroy {
       return;
     }
 
+    if (term.length < this.minSearchTermLength) {
+      return;
+    }
+
     this.onBeforeSearch();
   }
 
@@ -245,6 +269,10 @@ export class PortalComponent implements OnInit, OnDestroy {
     }
   }
 
+  onDeactivateEditorWidget() {
+    this.closeToastPanel();
+  }
+
   private closeToastPanel() {
     this.toastPanelOpened = false;
   }

src/app/pages/portal/portal.module.ts

@@ -9,13 +9,16 @@ import {
 
 import { IgoCoreModule } from '@igo2/core';
 import {
+  IgoActionModule,
+  IgoEditionModule,
+  IgoEntityModule,
   IgoPanelModule,
   IgoBackdropModule,
-  IgoFlexibleModule,
   IgoToolModule
 } from '@igo2/common';
 
 import {
+  IgoGeoEditionModule,
   IgoFeatureModule,
   IgoImportExportModule,
   IgoMapModule,
@@ -45,10 +48,13 @@ import { PortalComponent } from './portal.component';
     IgoMapModule,
     IgoQueryModule.forRoot(),
     IgoSearchModule.forRoot(),
+    IgoActionModule,
+    IgoEditionModule,
+    IgoEntityModule,
+    IgoGeoEditionModule,
     IgoPanelModule,
     IgoToolModule,
     IgoBackdropModule,
-    IgoFlexibleModule,
     IgoExpansionPanelModule,
     IgoToastPanelModule,
     IgoIntegrationModule,