Fetch rooms from database using ajax/json.

1 files changed, 22 insertions, 0 deletions

diff --git a/public/js/app.js b/public/js/app.js
index 6f30a1f..6148be4 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -16,6 +16,14 @@
     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
+function fetch_rooms(data_done) {
+    let req = new XMLHttpRequest()
+    req.addEventListener("load", data_done)
+    req.open("GET", "http://localhost:8000/rooms")
+    req.responseType = "json"
+    req.send()
+}
+
 function load_screenings(data_done) {
     let req = new XMLHttpRequest()
     req.addEventListener("load", data_done)
@@ -42,10 +50,24 @@ function log_film(film) {
 }
 
 window.addEventListener("load", function() {
+    /*
     load_screenings(function() {
         this.response.forEach(function(film) {
             log_film(film)
         })
     })
+    */
+    fetch_rooms(function() {
+        let table = document.getElementById("screening-table")
+        let row = document.createElement("tr")
+        table.appendChild(row)
+
+        this.response.forEach(function(room) {
+            console.log(room["name"])
+            let item = document.createElement("th")
+            item.innerHTML = room["name"]
+            row.appendChild(item)
+        })
+    })
     console.log("Holahey!")
 })