diff src/app/feature-extraction-menu/feature-extraction-menu.component.html @ 100:bf8826d4e2c6

Use @angular/material select component.

--- a/src/app/feature-extraction-menu/feature-extraction-menu.component.html	Thu Mar 02 13:33:33 2017 +0000
+++ b/src/app/feature-extraction-menu/feature-extraction-menu.component.html	Thu Mar 02 15:06:24 2017 +0000
@@ -1,16 +1,21 @@
-<select id="extractor-outputs" #extractorOutputs>
-  <option selected></option>
-  <option *ngFor="let extractor of extractors" value="{{extractor.combinedKey}}">
-    {{extractor.name}}
-  </option>
-</select>
-<p>
-  <button md-raised-button
-          color="primary"
-          (click)="extract(extractorOutputs.value)"
-          [disabled]="disabled">Extract</button>
-</p>
-<p>
-  <button md-raised-button
-          (click)="load()">Load Remote Plugins</button>
-</p>
+<div class="container">
+  <md-select #extractorSelect
+    placeholder="Extractors">
+    <md-option
+      *ngFor="let extractor of extractors"
+      [value]="extractor.combinedKey"
+    >
+      {{extractor.name}}
+    </md-option>
+  </md-select>
+  <p>
+    <button md-raised-button
+            color="primary"
+            (click)="extract(extractorSelect.selected.value)"
+            [disabled]="disabled">Extract</button>
+  </p>
+  <p>
+    <button md-raised-button
+            (click)="load()">Load Remote Plugins</button>
+  </p>
+</div>