Style changes

app.js

@@ -101,13 +101,12 @@ let App = new Vue({
         // let match = v.match(/([A-Za-z]+ [0-9]+ [0-9]+\:[0-9]+\:[0-9]+) (rpt|stn)([A-Za-z0-9]+) ?.*? (?:\[(?:via) ([0-9]+))?/);
         let match = v.match(/([A-Za-z]+ [0-9]+ [0-9]+\:[0-9]+\:[0-9]+) (rpt|stn)([A-Za-z0-9]+) (KEY|UNKEY) (?:\[(?:via) ([0-9]+)\])?(?: \[(.*)\])?/);
         if (!match) return;
-        console.log(match);
         let type = this.getNodeType(match[2]);
         
         this.addEntry(
           {
             node: match[3],
-            key: match[4] || "KEY",
+            keyed: match[4] || "KEY",
             via: match[5],
             type: type,
             typeLabel: this.getNodeTypeLabel(type),
@@ -147,6 +146,13 @@ let App = new Vue({
         this.logs.unshift(log);
       }
     },
+    isKeyedNow(node) {
+      if (node.keyed === "KEY") {
+        return true;
+      }
+      
+      return false;
+    }
   }
 });
 

css/styles.css

@@ -1,3 +1,7 @@
+a:visited, a:active, a:link {
+    color: black;
+}
+
 .header {
     padding: 1em;
     width: 100%;
@@ -56,4 +60,9 @@ table.logs tr td.when{
     /* this is a maroon */
 }
 
+tr.keyed:first-child, tr.keyed:first-child a {
+    background-color: #00a600;
+    color: #fff;
+}
+
 [v-cloak] {display: none}

index.html

@@ -33,10 +33,10 @@
                 </tr>
                 </thead>
                 <tbody v-cloak>
-                    <tr v-for="row in logs">
+                    <tr v-for="row in logs" :class="{ keyed: isKeyedNow(row) }">
                         <td><lt-node-link :node="row.node" :type="row.type" /></td>
                         <td>{{ row.via }}</td>
-                        <td>{{ row.key }}</td>
+                        <td>{{ row.keyed }}</td>
                         <td>{{ row.typeLabel }}</td>
                         <td class="when">{{ row.dateTime.format('hh:mm:ss MM/DD/YY') }}</td>
                         <td>{{ row.info }}</td>