wwwroot/js/app.ops.js

@@ -75,20 +75,32 @@ app.ops = (function() {
     app.nav.contextClear();
 
     app.api.get("ops/status/", function(res) {
+        $("#rf-ops-error").text("");
+        $("#rf-ops-status").html("<h4>Checking...</h4>");
       if (res.error) {
         $.gevent.publish("app-show-error", res.msg);
       } else {
-        if (res.opsCheckMessage) {
-          $("#about").append("<p>Ops status response: " + res.opsCheckMessage + "</p>");
+
+        if (res.opsCheckError) {
+            $("#rf-ops-error").text(res.opsCheckError);
         }
-
-        //set classes
-
-
+        $("#rf-ops-status").html("<h4>Results:</h4>");
+        
       }
     });
 
-    //{"mailMirrorOK":true,"forumOK":true,"ayaNovaWebsiteOK":true,"apiWebsiteOK":true,"contactFormOK":true,"requestFormOK":true,"requestLiteFormOK":true,"subversionOK":true,"devOpsOK":true,"backupOK":true,"opsCheckMessage":""}
+    /*
+     <h4 id="ayaNovaSiteOK">
+            <i class="mdi mdi-check-circle mdi-36px"></i>
+            AyaNova site            
+        </h4>
+
+        <h4 id="contactFormOK">
+            <i class="mdi mdi-alert mdi-36px"></i>
+            Contact form
+        </h4>
+    */
+    //{"mailMirrorOK":true,"forumOK":true,"ayaNovaSiteOK":true,"apiSiteOK":true,"contactFormOK":true,"requestFormOK":true,"requestLiteFormOK":true,"subversionOK":true,"devOpsOK":true,"backupOK":true,"opsCheckError":"Fake error message\r\nwith more fake text\r\neot"}
     //icons: alert for bad, check-circle for good
   };
 

wwwroot/js/templates/app.ops.handlebars

@@ -1,18 +1,5 @@
 <div>
-    <h2>OPS</h2>
-    <div class="alert alert-success mb-5" id="about" />
-    <div id="statuslist">
-
-        <h4 id="ayanovasite>
-            <i class="mdi mdi-check-circle mdi-36px"></i>
-            AyaNova site            
-        </h4>
-
-        <h4>
-            <i class="mdi mdi-alert mdi-36px"></i>
-            API site            
-        </h4>
-
-
+   <p id="rf-ops-error"></p>
+    <div id="rf-ops-status">
     </div>
 </div>