Index: trunk/webapps/unifiedlogmonitor.html
===================================================================
--- trunk/webapps/unifiedlogmonitor.html	(revision 512)
+++ trunk/webapps/unifiedlogmonitor.html	(revision 551)
@@ -4,41 +4,9 @@
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
     <title>Unified Logger v</title> 
-<style>
-* {
-  box-sizing: border-box;
-}
-body {
-   background-color: #000033;
-   color: goldenrod
-}
-
-/* Color Code for unified logger */ 
-.CAD-log{
-    color: #00FFFF;
-}
-.Activity-log{
-    color: #32CD32;
-}
-.CMS-Activated{
-    color: #FFFF00;
-}
-
-/* Padding for table cells */
-td { padding-top:2px; padding-right:10px; padding-bottom:2px; padding-left:10px; }
-/* styling for messages */
-#msgs{
-  padding: 15px 10% 15px 10%;
-  font-size: 20px;
-  font-family: monospace;
-  font-weight:lighter;
-  color: white;
-  padding-left: 2%;
-  padding-right: 2%;
-}
-</style>
+<link href="common/unifiedlog.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <div class="row">
-    <p id="msgs"></p>
+    <p id="display"></p>
 </div>
     <script  src="common/js/fileutils.js"></script>
@@ -46,57 +14,15 @@
     <script  src="common/js/displayutils.js"></script> 
    <script>
-// Load the unified log 
-function loadLog()
+function showLog()
 {
-    var display = document.getElementById("msgs");
-    display.innerHTML = ""
-    // Asynchronous file read of unified log data
-    loadJSON("dynamicdata/unifiedlog.csv", function(response)
-    {
-        // Format the csv data into an HTML table
-        var allRows = response.split(/\r?\n|\r/);
-        var table = '<table>';
-        // Put the last log entry at the TOP of the table
-        for (var singleRow = allRows.length-1; singleRow >= 0; singleRow--)
-        {
-            var rowCells = allRows[singleRow].split(',');
-            var msg_type = "";
-
-            // trimming white space in the type of messages 
-            // ingore the emtpy line 
-            if (rowCells.length > 1) {
-                console.log("row cell " , rowCells[1]);
-                rowCells[1] = rowCells[1].trim();
-            }
-            // Implement ticket #190 
-            // Checking for the type of logging information 
-            if (rowCells[1] == "CAD log") {
-                msg_type = "class=\"CAD-log\"";
-            } else if (rowCells[1] == "Activity Log.") {
-                msg_type = "class=\"Activity-log\"";
-            } else if (rowCells[1] == "CMS Activated.") {
-                msg_type = "class=\"CMS-Activated\"";
-            } 
-            // add the message type class to that row 
-            table += '<tr ' + msg_type + '>';
-            for (var rowCell = 0; rowCell < rowCells.length; rowCell++)
-            {
-                table += '<td>';
-                table += rowCells[rowCell];
-                table += '</td>';
-            }
-            table += '</tr>';
-        }
-        table += '</table>';
-        // Add the table to the messages div
-        display.innerHTML += table;
-    }
-    );
+    var display = document.getElementById("display");
+    // Utility reads from given file and puts into given DIV
+    loadLog("unifiedlog.csv", display);
+    // Start a timer to do this again in 5 seconds
+    var x = setTimeout(showLog, 5000);
 }
 // Start
 showRevision();
-loadLog();
-// start an interval timer to refresh the log every 5 seconds
-var displayTimer = setInterval(loadLog, 5000);
+showLog();
    </script>
   </body>
