[Frontend] Styling for TOI element in plots

Fixes #933 Fixes #1193 WIP, adding TOI to plot view.
nasa · Sep 15, 2016 · 2c81b72 · 2c81b72
1 parent 9e2debf
commit 2c81b72
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/platform/features/plot/res/templates/plot.html b/platform/features/plot/res/templates/plot.html
@@ -83,6 +83,16 @@
                  ng-mouseenter="subplot.isHovering(true);"
                  ng-mouseleave="subplot.isHovering(false)"
                  ng-class="{ loading: plot.isRequestPending() }">
+
+                <!-- TOI element -->
+                <div class="l-toi-holder">
+                    <!-- Need text vals at top and bottom, plus vertical line -->
+                    <div class="l-toi-val">
+                        <span class="val">{{subplot.getHoverCoordinates()}}</span>
+                        <a class="s-icon-button icon-x"></a>
+                    </div>
+                </div>
+
                 <!-- Out-of-bounds data indicators -->
                 <!-- ng-show is temporarily hard-coded in next element -->
                 <div ng-show="false" class="l-oob-data l-oob-data-up"></div>