From 2c81b72d6015f75b4414affd20a5990851a93868 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Thu, 15 Sep 2016 16:02:30 -0700
Subject: [PATCH] [Frontend] Styling for TOI element in plots

Fixes #933
Fixes #1193
WIP, adding TOI to plot view.
---
 platform/features/plot/res/templates/plot.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/platform/features/plot/res/templates/plot.html b/platform/features/plot/res/templates/plot.html
index e25b582044..e67efb9633 100644
--- 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>