[NIFI-2599] Enhance Status History Dialog. This closes #894

This commit is contained in:
Scott Aslan 2016-08-23 10:40:23 -04:00 committed by Matt Gilman
parent 23350543ff
commit 3f60eac544
6 changed files with 670 additions and 700 deletions

View File

@ -16,16 +16,16 @@
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="status-history-dialog" class="hidden large-dialog">
<div id="status-history-refresh-container">
<button id="status-history-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="status-history-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="status-history-last-refreshed"></span>
</div>
<div id="status-history-loading-container" class="loading-container"></div>
</div>
<div class="dialog-content">
<div id="status-history-details"></div>
<div id="status-history-refresh-container">
<button id="status-history-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="status-history-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="status-history-last-refreshed"></span>
</div>
<div id="status-history-loading-container" class="loading-container"></div>
<div id="status-history-metric-combo"></div>
</div>
<div id="status-history-metric-combo"></div>
<div id="status-history-container">
<div id="status-history-chart-container"></div>
<div id="status-history-chart-control-container"></div>

View File

@ -190,7 +190,7 @@ md-toolbar.md-small .md-toolbar-tools {
font-style: normal;
font-weight: normal;
font-size: 12px;
max-width: 250px;
max-width: 130px;
text-overflow: ellipsis;
line-height: normal;
overflow: hidden;

View File

@ -27,9 +27,9 @@
#status-history-refresh-container {
position: absolute;
top: 0px;
left: 40%;
right: 0px;
left: 20px;
bottom: 20px;
z-index: 1;
}
#status-history-loading-container {
@ -57,6 +57,7 @@
#status-history-metric-combo {
float: right;
width: 250px;
}
#status-history-container {
@ -68,7 +69,6 @@
}
#status-history-chart-container {
height: 265px;
background-color: #fff;
overflow: hidden;
cursor: default;
@ -86,6 +86,11 @@
left: 0px;
right: 60%;
bottom: 0px;
overflow-y: auto;
}
#status-history-dialog > .dialog-content {
overflow: visible;
}
div.status-history-detail {
@ -132,7 +137,6 @@ div.legend-entry {
div.legend-label {
font-weight: bold;
width: 240px;
overflow: hidden;
white-space: nowrap;
line-height: normal;

View File

@ -463,13 +463,13 @@
nfDialog.glasspane = glasspane = 'transparent';
}
//create glass pane overlay
var modalGlassMarkup = '<div data-nf-dialog-parent="' +
dialog.attr('id') + '" class="modal-glass" style="background-color: ' + glasspane + ';"></div>';
var modalGlass = $(modalGlassMarkup);
modalGlass.css('z-index', zIndex - 1).appendTo($('body'));
if (!$('body').find("[data-nf-dialog-parent='" + dialog.attr('id') + "']").is(':visible')) {
//create glass pane overlay
$('<div></div>').attr('data-nf-dialog-parent', dialog.attr('id')).addClass("modal-glass").css({
"background-color": glasspane,
"z-index": zIndex - 1
}).appendTo($('body'));
}
//persist data attribute
dialog.data('nfDialog', nfDialog);

View File

@ -276,6 +276,7 @@ nf.SummaryTable = (function () {
break;
case 'disabled':
classes += ' icon icon-enable-false';
break;
case 'invalid':
classes += ' fa fa-warning';
break;