Add fancy bootstrap table to core.hbs

2015-07-08 17:31:24 -04:00 · 2015-07-08 17:31:24 -04:00 · 0c2c59a2a8
commit 0c2c59a2a8
parent 7658ca5e42
2 changed files with 20 additions and 9 deletions
--- a/views/core.hbs
+++ b/views/core.hbs
@ -1,13 +1,24 @@
 {{!< default}}

-<h1>Alerts from a single Particle Core:</h1>
-<ul>
-    {{! try to add header to list pretty core name and locale text (not sure how to pass this from node}}
-    {{alerts.0.coreName}}
-    {{#each alerts}}
-        <li>{{this.published_at}}: {{this.status}}</li>
-    {{/each}}
-</ul>
+{{! Grab 1st coreName value (it will be same value for entire set).}}
+<h1>Alerts from Particle Core: {{alerts.0.coreName}} </h1>
+
+<table class="table table-striped">
+    <thead>
+        <tr>
+            <th>Timestamp</th>
+            <th>Status</th>
+        </tr>
+    </thead>
+    <tbody>
+        {{#each alerts}}
+            <tr>
+                <td>{{this.published_at}}</td>
+                <td>{{this.status}}</td>
+            </tr>
+        {{/each}}
+    </tbody>
+</table>

 <script>
    setTimeout(
--- a/views/default.hbs
+++ b/views/default.hbs
@ -17,7 +17,7 @@


 </head>
-<body>
+<body class="container-fluid">

    {{! Everything else gets inserted here }}
    {{{body}}}