From 76842e98f24bb94ad733b1d9c28afd25a5b0ab1b Mon Sep 17 00:00:00 2001
From: Anna Waldron <anna.waldron@jpl.nasa.gov>
Date: Wed, 7 Nov 2018 17:21:44 -0800
Subject: [PATCH] Issue #61 - Adding tool tip to fieldname

---
 ait/gui/static/css/ait/gui/Field.css |  4 ++++
 ait/gui/static/index.html            | 10 +++++-----
 ait/gui/static/js/ait/gui/Field.js   |  4 +++-
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ait/gui/static/css/ait/gui/Field.css b/ait/gui/static/css/ait/gui/Field.css
index 5dd020d5..be6e9b63 100644
--- a/ait/gui/static/css/ait/gui/Field.css
+++ b/ait/gui/static/css/ait/gui/Field.css
@@ -4,6 +4,10 @@ ait-field {
     cursor: pointer;
 }
 
+ait-field name {
+    font-weight: bold;
+}
+
 ait-field[disable-tlm-popover] {
     cursor: default;
 }
diff --git a/ait/gui/static/index.html b/ait/gui/static/index.html
index 75ca7eab..b9a9c06d 100644
--- a/ait/gui/static/index.html
+++ b/ait/gui/static/index.html
@@ -103,10 +103,10 @@
         <div class="col-sm-6">
           <h4 class="telem-group-title">1553 HS Voltages</h4>
           <table class="telem col2">
-            <tr> <td> Voltage_A: <ait-field packet="1553_HS_Packet" name="Voltage_A"></ait-field>
-                 <td> Voltage_B: <ait-field packet="1553_HS_Packet" name="Voltage_B"></ait-field>
-            <tr> <td> Voltage_C: <ait-field packet="1553_HS_Packet" name="Voltage_C"></ait-field>
-                 <td> Voltage_D: <ait-field packet="1553_HS_Packet" name="Voltage_D"></ait-field>
+            <tr> <td><ait-field packet="1553_HS_Packet" name="Voltage_A" display_name="Voltage_A"></ait-field>
+                 <td><ait-field packet="1553_HS_Packet" name="Voltage_B" display_name="Voltage_B"></ait-field>
+            <tr> <td><ait-field packet="1553_HS_Packet" name="Voltage_C" display_name="Voltage_C"></ait-field>
+                 <td><ait-field packet="1553_HS_Packet" name="Voltage_D" display_name="Voltage_D"></ait-field>
           </table>
 
           <br />
@@ -129,7 +129,7 @@ <h4 class="telem-group-title">1553 HS Voltages</h4>
         <div class="col-sm-6">
           <h4 class="telem-group-title">1553 HS Currents</h4>
           <table class="telem col2">
-            <tr> <td> Current_A: <ait-field packet="1553_HS_Packet" name="Current_A"></ait-field>
+            <tr> <td><ait-field packet="1553_HS_Packet" name="Current_A" display_name="Current_A"></ait-field>
           </table>
 
           <br />
diff --git a/ait/gui/static/js/ait/gui/Field.js b/ait/gui/static/js/ait/gui/Field.js
index 26281c22..602ced58 100644
--- a/ait/gui/static/js/ait/gui/Field.js
+++ b/ait/gui/static/js/ait/gui/Field.js
@@ -164,6 +164,7 @@ const Field =
     // Mithril lifecycle method
     oninit (vnode) {
         this._fname  = vnode.attrs.name
+        this._dname  = vnode.attrs.display_name
         this._pname  = vnode.attrs.packet
         this._raw    = vnode.attrs.raw === true
         this._cached = { packet: null, val: null }
@@ -363,7 +364,8 @@ const Field =
                 }
             }
 
-        return m('ait-field', vnode.attrs, value)
+        return m('ait-field', vnode.attrs, [m('name', this._dname + ': '), 
+                                            m('value', value)])
     }
 }