Update search

public/js/script.js

@@ -52,9 +52,50 @@ function setHeight() {
     if ($('#noteDate')) {
         $('#noteDate').datepicker();
     }
+
+    if ($('#query')) {
+        document.querySelector('#query').addEventListener('keyup', function (event) {
+            if (event.key == "Enter") {
+                search();
+            }
+        });
+    }
     setTimeout(saveNote, saveTimeout);
 }
 
+function search() {
+    query = document.querySelector('#query').value;
+    fetch('/index.php/search', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            'query': query
+        })
+    })
+        .then(response => response.json())
+        .then(results => {
+            var oldNotes = document.querySelector('#old-notes');
+            oldNotes.innerHTML = '';
+            for (var n in results) {
+                var link = document.createElement('a');
+                link.href = '#';
+                link.setAttribute('onclick', "retrieveNote('" + results[n].id + "');openNote();");
+                link.innerHTML = results[n].title;
+
+                var p = document.createElement('p');
+                p.innerHTML = results[n].passage;
+
+                var article = document.createElement('article');
+                article.appendChild(link);
+                article.appendChild(p);
+
+                oldNotes.append(article);
+            }
+        });
+}
+
 function newNote() {
     notes = document.querySelector('#notes');
     notes.text = '';
@@ -75,7 +116,6 @@ function newNote() {
     document.querySelector('#passage').value = '';
     document.querySelector('#noteId').value = uuidv4();
 
-    //document.querySelector('#noteSearch').style.display = 'none';
     document.querySelector('#ref-list').innerHTML = '';
     document.querySelector('#ref').innerHTML = '';
     document.querySelector('.toggle').click();