app/views/localtower/pages/logs.html.erb in localtower-0.1.9 vs app/views/localtower/pages/logs.html.erb in localtower-0.2.0

@@ -1,11 +1,20 @@
 <style type="text/css">
+  .string { color: green; }
+  .number { color: darkorange; }
+  .boolean { color: blue; }
+  .null { color: magenta; }
+  .key { color: red; }
+
+  .code {
+    font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
+  }
+
   .value {
+    padding: 10px;
     border: 1px solid #cacaca;
     line-height: 1.2em;
-    font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
-    padding: 10px;
     overflow:auto;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     background-color: #FAFAFB;
@@ -14,39 +23,43 @@
     max-width: 800px;
     display: block;
   }
 
 </style>
+
+
+
 <% content_for :title do %>Logs<% end %>
 
 <div class="row">
   <div class="col-md-12">
     <div class="card">
       <div class="header">
         <h4 class="title"></h4>
       </div>
 
       <div class="content">
-        <table class="table table-hover table-striped">
+        <table class="table">
           <thead>
             <th>Variable</th>
             <th>Value</th>
+            <th>Value Type</th>
           </thead>
 
           <tbody data-selector="tbody">
-            <% @logs.each do |item| %>
+            <% @logs["variables"].each do |item| %>
 
-            <%
-            variable = item[:variable]
-            value = item[:value]
-            %>
-
               <tr data-selector="tr">
+                <td class="code">
+                  <%= item["name"] %>
+                </td>
+
                 <td>
-                  <%= variable %>
+                  <pre class="value json code"><%= Localtower::Plugins::Capture.printable(item["value"]) %></pre>
                 </td>
+
                 <td>
-                <pre class="value"><%= value %></pre>
+                  <pre class="code"><%= item["klass"] %></pre>
                 </td>
               </tr>
             <% end %>
           </tbody>
         </table>