# HG changeset patch
# User Lucas Thompson <dev@lucas.im>
# Date 1488467184 0
# Node ID bf8826d4e2c69e99c561441facd72f069c94b8ff
# Parent  c702b208a527ac57922f46d45c9ec8d3297b3d0e
Use @angular/material select component.

diff -r c702b208a527 -r bf8826d4e2c6 src/app/feature-extraction-menu/feature-extraction-menu.component.css
--- a/src/app/feature-extraction-menu/feature-extraction-menu.component.css	Thu Mar 02 13:33:33 2017 +0000
+++ b/src/app/feature-extraction-menu/feature-extraction-menu.component.css	Thu Mar 02 15:06:24 2017 +0000
@@ -3,3 +3,8 @@
   display: block;
   margin: 0 auto;
 }
+
+.container {
+  margin-top: 10pt;
+  padding: 10pt;
+}
diff -r c702b208a527 -r bf8826d4e2c6 src/app/feature-extraction-menu/feature-extraction-menu.component.html
--- 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>
diff -r c702b208a527 -r bf8826d4e2c6 src/app/feature-extraction-menu/feature-extraction-menu.component.ts
--- a/src/app/feature-extraction-menu/feature-extraction-menu.component.ts	Thu Mar 02 13:33:33 2017 +0000
+++ b/src/app/feature-extraction-menu/feature-extraction-menu.component.ts	Thu Mar 02 15:06:24 2017 +0000
@@ -70,7 +70,11 @@
   }
 
   extract(combinedKey: string): void {
-    this.requestOutput.emit(this.extractorsMap.get(combinedKey));
+    const info: ExtractorOutputInfo =
+      this.extractorsMap.get(combinedKey);
+    if (info) {
+      this.requestOutput.emit(info);
+    }
   }
 
   load(): void {