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>