Add new components

app/components/found-item.js

@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    item: {}
+});

app/templates/components/found-item.hbs

@@ -0,0 +1,3 @@
+{{#ui-popup content=(concat "Ratio: " item.ratio) position='right center'}}
+    {{#ui-accordion-section title=item.text}}<p>AOID: {{ item.aoid }} </p>{{/ui-accordion-section}}
+{{/ui-popup}}

app/templates/components/search-form.hbs

@@ -1,7 +1,7 @@
 <div class="ui main text container">
     <div class="ui piled segment">
         <div class="ui fluid action input">
-            {{input type="text" placeholder=placeholder value=searchText action="search" on="key-up"}}
+            {{input type="text" placeholder=placeholder value=searchText action="search" on="enter"}}
             <button {{action 'search' searchText}} class="ui icon button">
                 <i class="search icon"></i>
             </button>
@@ -11,9 +11,7 @@
 
             {{#ui-accordion class='styled fluid'}}
                 {{#each model as |aoitem|}}
-                    {{#ui-popup content=(concat "Ratio: " aoitem.ratio) position='right center'}}
-                        {{#ui-accordion-section title=aoitem.text}}<p>AOID: {{ aoitem.aoid }} </p>{{/ui-accordion-section}}
-                    {{/ui-popup}}
+                    {{found-item item=aoitem}}
                 {{/each}}
             {{/ui-accordion}}
         {{/if}}