1 files changed, 27 insertions, 15 deletions

diff --git a/assets_src/js/list.js b/assets_src/js/list.js
index 25ff80d..413f517 100644
--- a/assets_src/js/list.js
+++ b/assets_src/js/list.js
@@ -1,17 +1,29 @@
-function clickSearchResult(resId) {
-        var xhr = new XMLHttpRequest();
-        xhr.onreadystatechange = function() {
-        if (xhr.readyState == XMLHttpRequest.DONE) {
-                        if (xhr.status !== 200) {
-                                alert(xhr.status + ": " + xhr.response);
-                                return;
-                        }
+import 'babel-polyfill';
+import * as search from './lib/search';
+import * as dom from './lib/dom';
+import * as ajax from './lib/ajax';
 
-                        data = xhr.responseText;
-                        document.getElementById("gril-list").innerHTML += data;
-                }
+async function resultClicked(grilId) {
+        let response = null;
+        try {
+                response = await ajax.post(
+                        window.location,
+                        'id=' + grilId,
+                        { headers: {
+                                'Content-type': 'application/x-www-form-urlencoded'
+                        } });
+        } catch (e) {
+                alert(e.message);
+                return;
         }
-        xhr.open('POST', window.location, true);
-        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
-        xhr.send('id=' + resId);
-}
\ No newline at end of file
+        document.getElementById('gril-list').innerHTML += response;
+}
+
+function main() {
+        let is = new search.InstantSearch(
+                document.getElementById('gril-add-search'),
+                document.getElementById('search-results'));
+        is.resultClicked = resultClicked;
+}
+
+dom.ready(main);