Searcher

ui-components/range-filter/index.js

@@ -63,7 +63,6 @@
         );
     }
 
-
     // it should save the parameters 'nodes' and 'listeners'
     // as internal properties of the instance for later use
     // it should also register the corresponding listeners to the DOM
@@ -92,4 +91,4 @@
     };
 
     uiComponents.RangeFilter = RangeFilter;
-});
+});

ui-components/searcher/index.js

@@ -21,7 +21,6 @@
         }
     }
 
-
     // it should return an array like the following
     // [
     //     {
@@ -37,6 +36,20 @@
     //         }
     //     }
     // ]
+    // [
+    //     {
+    //         node: SearchButton,
+    //         listeners: {
+    //             'click': onSearchButtonClicked
+    //         }
+    //     },
+    //     {
+    //         node: node2,
+    //         listeners: {
+    //             eventName2: listenerWithPartialApplication2
+    //         }
+    //     }
+    // ]
     // the first node should be the one corresponding to the search button
     // the first event name should be the 'click' event and its
     // listener should be 'onSearchButtonClicked' with partial application
@@ -47,6 +60,21 @@
     // listener should be 'onSearchKeyPressed' with partial application
     // of the 'listeners.keypress' parameter
     function getDomListeners(nodes, listeners) {
+
+      return [
+        {
+            node: nodes.searchButton,
+            'listeners': {
+              'click' : onSearchButtonClicked.bind(undefined, nodes.searchButton, listeners.search)
+            }
+        },
+        {
+          node: nodes.searchInput,
+            'listeners': {
+              'keypress' : onSearchKeyPressed.bind(undefined, nodes.searchButton, listeners.search)
+          }
+        }
+      ]
     }
 
     function ensureListeners(listeners) {
@@ -73,25 +101,32 @@
         );
     }
 
-
     // it should save the 'listeners' parameters as internal
     // state of the instance
     // it should also register those listeners into the DOM
     // hint: the ui module has a util method for registering listeners
     // hint2: use the result of the internal method 'getDomListeners'
     // to invoke the ui method
     function Searcher(nodes, listeners) {
-
         ensureNodes(nodes);
         ensureListeners(listeners);
 
         //// add code here ////
+        this.nodes = nodes;
+        this.listeners = getDomListeners(nodes, listeners);
+
+        utils.registerDomListeners(this.listeners);
     }
 
     // it should remove the listeners added on the constructor
     // hint: the ui module has a util method for removing listeners
     Searcher.prototype.destroy = function() {
+        utils.unregisterDomListeners(this.listeners);
+    };
+
+    Searcher.prototype.getValue = function() {
+        return this.nodes.searchInput.value;
     };
 
     uiComponents.Searcher = Searcher;
-});
+});