Added incident details to Wildfire Info panel.

- Re: #8
WorldWindEarth · Nov 17, 2018 · 2330b04 · 2330b04
1 parent 7fd3b97
commit 2330b04
Showing 1 changed file with 26 additions and 3 deletions.
diff --git a/root/js/views/fires.html b/root/js/views/fires.html
@@ -23,9 +23,32 @@ <h4 class="sub-header">
     <div id="wildland-fire-info" style="height: 100%;">
         <div class="col-lg-3 col-md-4 col-sm-6 panel panel-default">
             <div class="panel-heading">
-            <h4 class="panel-title">
-                <span data-bind="text: $data.name"></span>
-            </h4>
+            <h4 class="panel-title">Incident: <span data-bind="text: $data.name"></span></h4>
+                <table>
+                    <tbody>
+                        <tr>
+                            <td>Number: </td>
+                            <td data-bind="text: $data.number"></td>
+                        </tr>
+                        <tr>
+                            <td>Size: </td>
+                            <td><span data-bind="text: $data.acres"></span> acres - <span data-bind="text: $data.percentContained"></span>% contained</td>
+                        </tr>
+                        <tr>
+                            <td>Cause: </td>
+                            <td data-bind="text: $data.fireCause"></td>
+                        </tr>
+                        <tr>
+                            <td>Status: </td>
+                            <td data-bind="text: $data.status"></td>
+                        </tr>
+                        <tr>
+                            <td>More Info: </td>
+                            <td><a data-bind="attr: { href: $data.hotlink }" target="_blank"><span data-bind="text: $data.hotlink"></span></a></td>
+                        </tr>
+                    </tbody>
+                </table>
+
             </div>
             <div class="panel-body" style="padding: 0;" > 
             </div>