view_calendar.js: finalized a fetch design pattern

[citadel.git] / webcit-ng / static / js / view_calendar.js

diff --git a/webcit-ng/static/js/view_calendar.js b/webcit-ng/static/js/view_calendar.js
index 17a1a4ea5c62c8a5b56d15d76617ea6486532031..1ac05266a0a5aa1d3dcdac9829f42e5840d4b57e 100644 (file)
--- a/webcit-ng/static/js/view_calendar.js
+++ b/webcit-ng/static/js/view_calendar.js
@@ -8,20 +8,22 @@
 
 // RENDERER FOR THIS VIEW
 function view_render_calendar() {
-       document.getElementById("ctdl-main").innerHTML = `STUB RENDERER FOR CALENDAR ROOM`;
-
        fetch(
                "/ctdl/r/" + escapeHTMLURI(current_room) + "/calendar::"
        )
-       .then((response) => {
+       .then(response => {
                if (response.ok) {
                        return(response.json());
                }
+               else {
+                       throw new Error(`${response.status} ${response.statusText}`);
+               }
        })
-       .then((j) => {
-               console.log("Something");
+       .then(j => {
+               document.getElementById("ctdl-main").innerHTML = JSON.stringify(j);
        })
-       .catch((error) => {
-               console.log("Error: " + error);
+       .catch(error => {
+               console.log(error);
+               document.getElementById("ctdl-main").innerHTML = `<div class="ctdl-fatal-error">${error}</div>`;
        });
 }