Implement duck search by color

This is a very rough thing. In the final version it should provide resilts with similar colors. Signed-off-by: Gergely Polonkai <gergely@polonkai.eu>
2016-09-07 08:21:52 +02:00
parent 267b229e13
commit bfcabd7925
6 changed files with 86 additions and 0 deletions
--- a/app/duck-search.component.html
+++ b/app/duck-search.component.html
@@ -0,0 +1,11 @@
+<div id="search-component">
+    <h4>Duck search</h4>
+    <input #searchBox id="search-box" (keyup)="search(searchBox.value)">
+    <div>
+        <div *ngFor="let duck of ducks | async"
+             (click)="gotoDetail(duck)"
+             class="search-result">
+            {{ duck.color }}
+        </div>
+    </div>
+</div>