feat(measure): allow selecting multiple measures with checkboxes

infra-geo-ouverte · Mar 14, 2019 · fd4158f · fd4158f
1 parent 5cfe6ac
commit fd4158f
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 22 deletions.
diff --git a/packages/geo/src/lib/measure/measurer/measurer.component.html b/packages/geo/src/lib/measure/measurer/measurer.component.html
@@ -55,23 +55,23 @@
     </igo-measurer-item>
   </ng-container>
 
-  <mat-divider></mat-divider>
+  <div class="measure-store-buttons">
+    <button
+      mat-icon-button
+      [matTooltip]="'igo.geo.measure.actionbar.calculate.tooltip' | translate"
+      [disabled]="(selectedFeatures$ | async).length === 0"
+      (click)="onCalculateClick()">
+      <mat-icon>playlist_add</mat-icon>
+    </button>
 
-  <button
-    mat-icon-button
-    [matTooltip]="'igo.geo.measure.actionbar.calculate.tooltip' | translate"
-    [disabled]="(selectedFeatures$ | async).length === 0"
-    (click)="onCalculateClick()">
-    <mat-icon>playlist_add</mat-icon>
-  </button>
-
-  <button
-    mat-icon-button
-    [matTooltip]="'igo.geo.measure.actionbar.delete.tooltip' | translate"
-    [disabled]="(selectedFeatures$ | async).length === 0"
-    (click)="onDeleteClick()">
-    <mat-icon>delete</mat-icon>
-  </button>
+    <button
+      mat-icon-button
+      [matTooltip]="'igo.geo.measure.actionbar.delete.tooltip' | translate"
+      [disabled]="(selectedFeatures$ | async).length === 0"
+      (click)="onDeleteClick()">
+      <mat-icon>delete</mat-icon>
+    </button>
+  </div>
 
   <igo-entity-table
     #table

diff --git a/packages/geo/src/lib/measure/measurer/measurer.component.scss b/packages/geo/src/lib/measure/measurer/measurer.component.scss
@@ -23,8 +23,12 @@ $slide-toggle-width: 60px;
   }
 }
 
-mat-divider {
-  width: 160px;
-  text-align: center;
-  margin: 10px auto;
+.measure-store-buttons {
+  width: 100%;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+}
+
+.measure-store-buttons button:first-of-type {
+  margin-left: 14px; 
 }
diff --git a/packages/geo/src/lib/measure/measurer/measurer.component.ts b/packages/geo/src/lib/measure/measurer/measurer.component.ts
@@ -73,6 +73,7 @@ export class MeasurerComponent implements OnInit, OnDestroy {
   public tableTemplate: EntityTableTemplate = {
     selection: true,
     selectMany: true,
+    selectionCheckbox: true,
     sort: true,
     columns: [
       {

diff --git a/packages/geo/src/lib/measure/measurer/measurer.module.ts b/packages/geo/src/lib/measure/measurer/measurer.module.ts
@@ -6,7 +6,6 @@ import {
   MatButtonToggleModule,
   MatIconModule,
   MatTooltipModule,
-  MatDividerModule,
   MatFormFieldModule,
   MatInputModule,
   MatSelectModule,
@@ -31,7 +30,6 @@ import { MeasurerDialogComponent } from './measurer-dialog.component';
     MatButtonToggleModule,
     MatIconModule,
     MatTooltipModule,
-    MatDividerModule,
     MatFormFieldModule,
     MatInputModule,
     MatSelectModule,