testing rcos status page

Author: bnidevs

rcos-status/index.html

@@ -6,28 +6,29 @@
 	  <title>Beta Break Apparel - Shop</title>
     <link rel="stylesheet" href="style.css" />
   </head>
-  <div class="status_card">
+  <div class="status_card webpage">
     <span class="component_name">Webpage</span>
     <span class="status"></span>
   </div>
-  <div class="status_card">
+  <div class="status_card users">
     <span class="component_name">Users</span>
     <span class="status"></span>
   </div>
-  <div class="status_card">
+  <div class="status_card projects">
     <span class="component_name">Projects</span>
     <span class="status"></span>
   </div>
-  <div class="status_card">
+  <div class="status_card meetings">
     <span class="component_name">Meetings</span>
     <span class="status"></span>
   </div>
-  <div class="status_card">
+  <div class="status_card small_groups">
     <span class="component_name">Small Groups</span>
     <span class="status"></span>
   </div>
-  <div class="status_card">
+  <div class="status_card organizations">
     <span class="component_name">Organizations</span>
     <span class="status"></span>
   </div>
+  <script type="text/javascript" src="index.js"></script>
 </html>

rcos-status/index.js

@@ -0,0 +1,32 @@
+const m = {
+    webpage: {
+        hrn: 'Webpage',
+        link: 'https://new.rcos.io'
+    },
+    users: {
+        hrn: 'Users',
+        link: 'https://new.rcos.io/users'
+    },
+    projects: {
+        hrn: 'Projects',
+        link: 'https://new.rcos.io/projects'
+    },
+    meetings: {
+        hrn: 'Meetings',
+        link: 'https://new.rcos.io/meetings'
+    },
+    small_groups: {
+        hrn: 'Small Groups',
+        link: 'https://new.rcos.io/small_groups'
+    },
+    organizations: {
+        hrn: 'Organizations',
+        link: 'https://new.rcos.io/organizations'
+    },
+}
+
+Object.keys(m).map(k => {
+    fetch(m.k.link).then((response)=>{
+        document.querySelector(`.${k}.status`).innerText = response.status;
+    });
+})