create icons for plot types

2019-10-10 12:00:41 +02:00
parent 69968b7682
commit 7ca7b80255
16 changed files with 1713 additions and 17 deletions
--- a/pdb-js/src/app/visualization-page/visualization-page.component.html
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.html
@@ -9,7 +9,7 @@
    <mat-label>Type:</mat-label>
    <mat-select [(value)]="selectedPlotType">
      <mat-option *ngFor="let plotType of plotTypes" [value]="plotType.name">
-        {{plotType.name}}
+        <img src="assets/img/{{plotType.icon}}.svg" class="icon-select" /> {{plotType.name}}
      </mat-option>
    </mat-select>
  </mat-form-field>
@@ -19,7 +19,7 @@
    <mat-select [(value)]="selectedCombinePlotType">
      <mat-option>-</mat-option>
      <mat-option *ngFor="let plotType of combinePlotTypes" [value]="plotType.name">
-        {{plotType.name}}
+        <img src="assets/img/{{plotType.icon}}.svg" class="icon-select" /> {{plotType.name}}
      </mat-option>
    </mat-select>
  </mat-form-field>