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 b6d135d368be13e6ba0fcea1ad816f08dd563eab..1ac05266a0a5aa1d3dcdac9829f42e5840d4b57e 100644 (file)
--- a/webcit-ng/static/js/view_calendar.js
+++ b/webcit-ng/static/js/view_calendar.js
@@ -8,5 +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 => {
+               if (response.ok) {
+                       return(response.json());
+               }
+               else {
+                       throw new Error(`${response.status} ${response.statusText}`);
+               }
+       })
+       .then(j => {
+               document.getElementById("ctdl-main").innerHTML = JSON.stringify(j);
+       })
+       .catch(error => {
+               console.log(error);
+               document.getElementById("ctdl-main").innerHTML = `<div class="ctdl-fatal-error">${error}</div>`;
+       });
 }