[views/abstractlist] Add Filter Functionality

mpsonntag · Apr 7, 2020 · 3013a22 · 3013a22
1 parent 67a9b1e
commit 3013a22
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/app/views/abstractlist.scala.html b/app/views/abstractlist.scala.html
@@ -53,9 +53,14 @@ <h1><a data-bind="attr: {href: $root.localConferenceLink}">@conference.name</a><
         </ul>
     </div>
 
+    <div class="jumbo-small" data-bind="visible: !$root.selectedAbstract()">
+        <input id="search" type="text" placeholder="Search abstracts..." data-bind="value:filter, valueUpdate: 'keyup'" >
+    </div>
+
     <!-- The abstract list -->
     <div id="abstract-list" class="list-group" data-bind="foreach: abstracts">
-        <div class="list-group-item" id="abstract-list-item" data-bind="click: $root.selectAbstract">
+        <div class="list-group-item" id="abstract-list-item"
+        data-bind="click: $root.selectAbstract, visible: $parent.isInFiltered($data)">
             <div class="abstract">
                 <div class="sortId" data-bind="html: $parent.makeAbstractID($data)"></div>
                 <div class="box">