[NIFI-1879] Responsive dialogs and dialog UX refresh. This closes #523

This commit is contained in:
Scott Aslan 2016-06-21 00:40:16 -04:00 committed by Matt Gilman
parent 6f3abdbcbd
commit 8b27ed905d
193 changed files with 6305 additions and 6094 deletions

View File

@ -17,13 +17,6 @@
package org.apache.nifi.cluster.coordination.http.endpoints;
import java.net.URI;
import java.util.ArrayList;
import java.util.List;
import java.util.ListIterator;
import java.util.Map;
import java.util.regex.Pattern;
import org.apache.nifi.cluster.manager.StatusMerger;
import org.apache.nifi.cluster.protocol.NodeIdentifier;
import org.apache.nifi.web.api.dto.status.NodeProcessGroupStatusSnapshotDTO;
@ -32,6 +25,13 @@ import org.apache.nifi.web.api.dto.status.ProcessGroupStatusSnapshotDTO;
import org.apache.nifi.web.api.dto.status.RemoteProcessGroupStatusSnapshotDTO;
import org.apache.nifi.web.api.entity.ProcessGroupStatusEntity;
import java.net.URI;
import java.util.ArrayList;
import java.util.List;
import java.util.ListIterator;
import java.util.Map;
import java.util.regex.Pattern;
public class GroupStatusEndpointMerger extends AbstractNodeStatusEndpoint<ProcessGroupStatusEntity, ProcessGroupStatusDTO> {
public static final Pattern GROUP_STATUS_URI_PATTERN = Pattern.compile("/nifi-api/flow/process-groups/(?:(?:root)|(?:[a-f0-9\\-]{36}))/status");
@ -73,7 +73,7 @@ public class GroupStatusEndpointMerger extends AbstractNodeStatusEndpoint<Proces
final ProcessGroupStatusSnapshotDTO nodeSnapshot = nodeProcessGroupStatus.getAggregateSnapshot();
for (final RemoteProcessGroupStatusSnapshotDTO remoteProcessGroupStatus : nodeSnapshot.getRemoteProcessGroupStatusSnapshots()) {
final List<String> nodeAuthorizationIssues = remoteProcessGroupStatus.getAuthorizationIssues();
if (!nodeAuthorizationIssues.isEmpty()) {
if (nodeAuthorizationIssues != null && !nodeAuthorizationIssues.isEmpty()) {
for (final ListIterator<String> iter = nodeAuthorizationIssues.listIterator(); iter.hasNext();) {
final String Issue = iter.next();
iter.set("[" + nodeId.getApiAddress() + ":" + nodeId.getApiPort() + "] -- " + Issue);

View File

@ -16,28 +16,7 @@
*/
package org.apache.nifi.web;
import java.io.IOException;
import java.nio.charset.StandardCharsets;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collection;
import java.util.Date;
import java.util.HashMap;
import java.util.HashSet;
import java.util.LinkedHashMap;
import java.util.LinkedHashSet;
import java.util.List;
import java.util.ListIterator;
import java.util.Map;
import java.util.Optional;
import java.util.Set;
import java.util.UUID;
import java.util.function.Function;
import java.util.function.Supplier;
import java.util.stream.Collectors;
import javax.ws.rs.WebApplicationException;
import com.google.common.collect.Sets;
import org.apache.commons.lang3.StringUtils;
import org.apache.nifi.action.Action;
import org.apache.nifi.action.Component;
@ -193,7 +172,26 @@ import org.apache.nifi.web.util.SnippetUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import com.google.common.collect.Sets;
import javax.ws.rs.WebApplicationException;
import java.io.IOException;
import java.nio.charset.StandardCharsets;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collection;
import java.util.Date;
import java.util.HashMap;
import java.util.HashSet;
import java.util.LinkedHashMap;
import java.util.LinkedHashSet;
import java.util.List;
import java.util.ListIterator;
import java.util.Map;
import java.util.Optional;
import java.util.Set;
import java.util.UUID;
import java.util.function.Function;
import java.util.function.Supplier;
import java.util.stream.Collectors;
/**
* Implementation of NiFiServiceFacade that performs revision checking.
@ -2527,7 +2525,7 @@ public class StandardNiFiServiceFacade implements NiFiServiceFacade {
@Override
public PortStatusDTO getOutputPortStatus(final String outputPortId) {
return revisionManager.get(outputPortId, rev -> dtoFactory.createPortStatusDto(controllerFacade.getInputPortStatus(outputPortId)));
return revisionManager.get(outputPortId, rev -> dtoFactory.createPortStatusDto(controllerFacade.getOutputPortStatus(outputPortId)));
}
@Override

View File

@ -374,8 +374,8 @@
<include>${staging.dir}/js/nf/nf-status-history.js</include>
<include>${staging.dir}/js/nf/canvas/nf-canvas.js</include>
<include>${staging.dir}/js/nf/canvas/nf-clipboard.js</include>
<include>${staging.dir}/js/nf/canvas/nf-ng-canvas-app-config.js</include>
<include>${staging.dir}/js/nf/canvas/controllers/nf-ng-canvas-app-controller.js</include>
<include>${staging.dir}/js/nf/nf-ng-app-config.js</include>
<include>${staging.dir}/js/nf/nf-ng-app-controller.js</include>
<include>${staging.dir}/js/nf/canvas/controllers/nf-ng-breadcrumbs-controller.js</include>
<include>${staging.dir}/js/nf/canvas/controllers/nf-ng-canvas-header-controller.js</include>
<include>${staging.dir}/js/nf/canvas/controllers/nf-ng-canvas-toolbox-controller.js</include>
@ -441,6 +441,10 @@
<include>${staging.dir}/js/nf/nf-processor-details.js</include>
<include>${staging.dir}/js/nf/nf-connection-details.js</include>
<include>${staging.dir}/js/nf/nf-status-history.js</include>
<include>${staging.dir}/js/nf/nf-ng-bridge.js</include>
<include>${staging.dir}/js/nf/nf-ng-service-provider.js</include>
<include>${staging.dir}/js/nf/nf-ng-app-config.js</include>
<include>${staging.dir}/js/nf/nf-ng-app-controller.js</include>
<include>${staging.dir}/js/nf/summary/nf-summary.js</include>
<include>${staging.dir}/js/nf/summary/nf-summary-table.js</include>
<include>${staging.dir}/js/nf/summary/nf-cluster-search.js</include>
@ -498,6 +502,10 @@
<include>${staging.dir}/js/nf/nf-dialog.js</include>
<include>${staging.dir}/js/nf/nf-storage.js</include>
<include>${staging.dir}/js/nf/nf-ajax-setup.js</include>
<include>${staging.dir}/js/nf/nf-ng-bridge.js</include>
<include>${staging.dir}/js/nf/nf-ng-service-provider.js</include>
<include>${staging.dir}/js/nf/nf-ng-app-config.js</include>
<include>${staging.dir}/js/nf/nf-ng-app-controller.js</include>
<include>${staging.dir}/js/nf/bulletin-board/nf-bulletin-board.js</include>
</includes>
</aggregation>

View File

@ -19,6 +19,10 @@ nf.bulletin.board.script.tags=<script type="text/javascript" src="js/nf/nf-names
<script type="text/javascript" src="js/nf/nf-dialog.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-storage.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ajax-setup.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-bridge.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-service-provider.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-app-controller.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-app-config.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/bulletin-board/nf-bulletin-board.js?${project.version}"></script>
nf.bulletin.board.style.tags=<link rel="stylesheet" href="css/reset.css?${project.version}" type="text/css" />\n\
<link rel="stylesheet" href="css/main.css?${project.version}" type="text/css" />\n\

View File

@ -80,6 +80,6 @@ nf.canvas.script.tags=<script type="text/javascript" src="js/nf/nf-namespace.js?
<script type="text/javascript" src="js/nf/canvas/header/components/nf-ng-label-component.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/canvas/directives/nf-ng-breadcrumbs-directive.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/canvas/directives/nf-ng-draggable-directive.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/canvas/controllers/nf-ng-canvas-app-controller.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/canvas/nf-ng-canvas-app-config.js?${project.version}"></script>
<script type="text/javascript" src="js/nf/nf-ng-app-controller.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-app-config.js?${project.version}"></script>
nf.canvas.style.tags=<link rel="stylesheet" href="css/canvas.css?${project.version}" type="text/css" />

View File

@ -24,7 +24,11 @@ nf.summary.script.tags=<script type="text/javascript" src="js/nf/nf-namespace.js
<script type="text/javascript" src="js/nf/nf-status-history.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/summary/nf-summary.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/summary/nf-summary-table.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/summary/nf-cluster-search.js?${project.version}"></script>
<script type="text/javascript" src="js/nf/summary/nf-cluster-search.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-bridge.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-service-provider.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-app-controller.js?${project.version}"></script>\n\
<script type="text/javascript" src="js/nf/nf-ng-app-config.js?${project.version}"></script>
nf.summary.style.tags=<link rel="stylesheet" href="css/reset.css?${project.version}" type="text/css" />\n\
<link rel="stylesheet" href="css/main.css?${project.version}" type="text/css" />\n\
<link rel="stylesheet" href="css/banner.css?${project.version}" type="text/css" />\n\

View File

@ -27,6 +27,9 @@
<link rel="stylesheet" href="js/jquery/modal/jquery.modal.css?${project.version}" type="text/css" />
<link rel="stylesheet" href="js/jquery/qtip2/jquery.qtip.min.css?" type="text/css" />
<link rel="stylesheet" href="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.css" type="text/css" />
<link rel="stylesheet" href="fonts/flowfont/flowfont.css" type="text/css" />
<link rel="stylesheet" href="assets/angular-material/angular-material.css" type="text/css" />
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
<script type="text/javascript" src="js/jquery/jquery.center.js"></script>
@ -36,16 +39,23 @@
<script type="text/javascript" src="js/jquery/jquery.each.js"></script>
<script type="text/javascript" src="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.js"></script>
<script type="text/javascript" src="js/jquery/qtip2/jquery.qtip.min.js"></script>
<script type="text/javascript" src="assets/angular/angular.min.js"></script>
<script type="text/javascript" src="assets/angular-messages/angular-messages.min.js"></script>
<script type="text/javascript" src="assets/angular-resource/angular-resource.min.js"></script>
<script type="text/javascript" src="assets/angular-route/angular-route.min.js"></script>
<script type="text/javascript" src="assets/angular-aria/angular-aria.min.js"></script>
<script type="text/javascript" src="assets/angular-animate/angular-animate.min.js"></script>
<script type="text/javascript" src="assets/angular-material/angular-material.min.js"></script>
<script type="text/javascript" src="assets/angular-sanitize/angular-sanitize.min.js"></script>
<script type="text/javascript" src="js/nf/nf-namespace.js?${project.version}"></script>
<script type="text/javascript" src="js/nf/nf-ng-namespace.js?${project.version}"></script>
${nf.bulletin.board.script.tags}
</head>
<body>
<body ng-controller="ngBulletinBoardAppCtrl">
<jsp:include page="/WEB-INF/partials/message-pane.jsp"/>
<jsp:include page="/WEB-INF/partials/banners-utility.jsp"/>
<jsp:include page="/WEB-INF/partials/ok-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/yes-no-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/bulletin-board/bulletin-board-content.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
</body>
</html>

View File

@ -136,8 +136,6 @@
<jsp:include page="/WEB-INF/partials/canvas/queue-listing.jsp"/>
<jsp:include page="/WEB-INF/partials/canvas/component-state-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/connection-details.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
<div id="context-menu" class="unselectable"></div>
<span id="nifi-content-viewer-url" class="hidden"></span>
</body>

View File

@ -29,6 +29,9 @@
<link rel="stylesheet" href="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick.grid.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick-default-theme.css" type="text/css" />
<link rel="stylesheet" href="fonts/flowfont/flowfont.css" type="text/css" />
<link rel="stylesheet" href="assets/angular-material/angular-material.css" type="text/css" />
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
<script type="text/javascript" src="js/jquery/jquery.center.js"></script>
@ -57,7 +60,5 @@
<jsp:include page="/WEB-INF/partials/yes-no-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/cluster/cluster-content.jsp"/>
<jsp:include page="/WEB-INF/partials/cluster/node-details-dialog.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
</body>
</html>

View File

@ -29,6 +29,9 @@
<link rel="stylesheet" href="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick.grid.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick-default-theme.css" type="text/css" />
<link rel="stylesheet" href="fonts/flowfont/flowfont.css" type="text/css" />
<link rel="stylesheet" href="assets/angular-material/angular-material.css" type="text/css" />
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
<script type="text/javascript" src="js/jquery/jquery.center.js"></script>
@ -56,7 +59,5 @@
<jsp:include page="/WEB-INF/partials/banners-utility.jsp"/>
<jsp:include page="/WEB-INF/partials/ok-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/counters/counters-content.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
</body>
</html>

View File

@ -29,6 +29,9 @@
<link rel="stylesheet" href="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick.grid.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick-default-theme.css" type="text/css" />
<link rel="stylesheet" href="fonts/flowfont/flowfont.css" type="text/css" />
<link rel="stylesheet" href="assets/angular-material/angular-material.css" type="text/css" />
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
<script type="text/javascript" src="js/jquery/jquery.center.js"></script>
@ -60,7 +63,5 @@
<jsp:include page="/WEB-INF/partials/history/action-details-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/history/history-filter-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/history/history-purge-dialog.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
</body>
</html>

View File

@ -26,6 +26,9 @@
<link rel="stylesheet" href="js/jquery/modal/jquery.modal.css?${project.version}" type="text/css" />
<link rel="stylesheet" href="js/jquery/qtip2/jquery.qtip.min.css?" type="text/css" />
<link rel="stylesheet" href="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.css" type="text/css" />
<link rel="stylesheet" href="fonts/flowfont/flowfont.css" type="text/css" />
<link rel="stylesheet" href="assets/angular-material/angular-material.css" type="text/css" />
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
<script type="text/javascript" src="js/jquery/jquery.count.js"></script>
@ -55,7 +58,5 @@
<jsp:include page="/WEB-INF/partials/login/login-progress.jsp"/>
</div>
<jsp:include page="/WEB-INF/partials/ok-dialog.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
</body>
</html>

View File

@ -30,6 +30,9 @@
<link rel="stylesheet" href="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick.grid.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick-default-theme.css" type="text/css" />
<link rel="stylesheet" href="fonts/flowfont/flowfont.css" type="text/css" />
<link rel="stylesheet" href="assets/angular-material/angular-material.css" type="text/css" />
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
<script type="text/javascript" src="js/d3/d3.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
@ -64,7 +67,5 @@
<jsp:include page="/WEB-INF/partials/provenance/provenance-search-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/provenance/provenance-query-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/provenance/lineage-query-dialog.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
</body>
</html>

View File

@ -35,6 +35,9 @@
<link rel="stylesheet" href="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick.grid.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick-default-theme.css" type="text/css" />
<link rel="stylesheet" href="fonts/flowfont/flowfont.css" type="text/css" />
<link rel="stylesheet" href="assets/angular-material/angular-material.css" type="text/css" />
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
<script type="text/javascript" src="js/codemirror/lib/codemirror-compressed.js"></script>
<script type="text/javascript" src="js/d3/d3.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>
@ -58,12 +61,21 @@
<script type="text/javascript" src="js/jquery/slickgrid/slick.dataview.js"></script>
<script type="text/javascript" src="js/jquery/slickgrid/slick.core.js"></script>
<script type="text/javascript" src="js/jquery/slickgrid/slick.grid.js"></script>
<script type="text/javascript" src="assets/angular/angular.min.js"></script>
<script type="text/javascript" src="assets/angular-messages/angular-messages.min.js"></script>
<script type="text/javascript" src="assets/angular-resource/angular-resource.min.js"></script>
<script type="text/javascript" src="assets/angular-route/angular-route.min.js"></script>
<script type="text/javascript" src="assets/angular-aria/angular-aria.min.js"></script>
<script type="text/javascript" src="assets/angular-animate/angular-animate.min.js"></script>
<script type="text/javascript" src="assets/angular-material/angular-material.min.js"></script>
<script type="text/javascript" src="assets/angular-sanitize/angular-sanitize.min.js"></script>
<script type="text/javascript" src="js/nf/nf-namespace.js?${project.version}"></script>
<script type="text/javascript" src="js/nf/nf-ng-namespace.js?${project.version}"></script>
${nf.summary.script.tags}
<script type="text/javascript" src="js/jquery/nfeditor/languages/nfel.js?${project.version}"></script>
<script type="text/javascript" src="js/jquery/nfeditor/jquery.nfeditor.js?${project.version}"></script>
</head>
<body>
<body ng-controller="ngSummaryAppCtrl">
<jsp:include page="/WEB-INF/partials/message-pane.jsp"/>
<jsp:include page="/WEB-INF/partials/banners-utility.jsp"/>
<jsp:include page="/WEB-INF/partials/ok-dialog.jsp"/>
@ -79,7 +91,5 @@
<jsp:include page="/WEB-INF/partials/summary/cluster-process-group-summary-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/summary/system-diagnostics-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/summary/view-single-node-dialog.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
</body>
</html>

View File

@ -29,6 +29,9 @@
<link rel="stylesheet" href="js/jquery/ui-smoothness/jquery-ui-1.10.4.min.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick.grid.css" type="text/css" />
<link rel="stylesheet" href="js/jquery/slickgrid/css/slick-default-theme.css" type="text/css" />
<link rel="stylesheet" href="fonts/flowfont/flowfont.css" type="text/css" />
<link rel="stylesheet" href="assets/angular-material/angular-material.css" type="text/css" />
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
<script type="text/javascript" src="js/jquery/jquery.center.js"></script>
@ -58,7 +61,5 @@
<jsp:include page="/WEB-INF/partials/ok-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/yes-no-dialog.jsp"/>
<jsp:include page="/WEB-INF/partials/templates/templates-content.jsp"/>
<div id="faded-background"></div>
<div id="glass-pane"></div>
</body>
</html>

View File

@ -18,23 +18,26 @@
<div id="bulletin-board">
<div id="bulletin-board-header-and-filter">
<div id="bulletin-board-header-text">NiFi Templates</div>
<div id="bulletin-board-filter-controls">
<div id="bulletin-board-filter-container">
<input type="text" id="bulletin-board-filter"/>
<div id="bulletin-board-filter-type"></div>
<div id="bulletin-board-filter-controls" class="filter-controls">
<div id="bulletin-board-filter-container" class="filter-container">
<input type="text" placeholder="Filter" id="bulletin-board-filter" class="filter"/>
<div id="bulletin-board-filter-type" class="filter-type"></div>
</div>
</div>
</div>
<div id="bulletin-board-refresh-container">
<div id="refresh-button" class="bulletin-board-refresh pointer" title="Start/Stop auto refresh"></div>
<div id="bulletin-board-last-refreshed-container">
Last updated:&nbsp;<span id="bulletin-board-last-refreshed"></span>
</div>
<div id="bulletin-board-loading-container" class="loading-container"></div>
<div id="bulletin-board-status-container">
<div id="bulletin-error-message"></div>
<div id="clear-bulletins-button" class="button-normal pointer">Clear</div>
</div>
</div>
<div id="bulletin-board-container"></div>
</div>
<div id="bulletin-board-refresh-container">
<md-switch class="md-primary refresh-toggle" aria-label="Toggle auto refresh" ng-change="appCtrl.serviceProvider.bulletinBoardCtrl.togglePolling()" ng-model="appCtrl.serviceProvider.bulletinBoardCtrl.polling">
Auto-refresh
</md-switch>
<button id="refresh-button" ng-click="appCtrl.serviceProvider.bulletinBoardCtrl.loadBulletins()" class="refresh-button pointer fa fa-refresh" title="Start/Stop auto refresh"></button>
<div id="bulletin-board-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="bulletin-board-last-refreshed" class="value-color"></span>
</div>
<div id="bulletin-board-loading-container" class="loading-container"></div>
<div id="bulletin-board-status-container">
<div id="bulletin-error-message"></div>
<span id="clear-bulletins-button" class="link pointer">Clear</span>
</div>
</div>

View File

@ -16,7 +16,10 @@
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="nf-about">
<div id="nf-about-pic-container">
<div id="nf-about-pic"></div>
</div>
<div class="dialog-content">
<div id="nf-about-content">
<span id="nf-version"></span>
<p>
@ -27,3 +30,4 @@
</p>
</div>
</div>
</div>

View File

@ -23,42 +23,50 @@
id="processor-component" class="component-button"
ng-disabled="!appCtrl.nf.Canvas.canWrite();"
nf-draggable="appCtrl.serviceProvider.headerCtrl.toolboxCtrl.draggableComponentConfig(appCtrl.serviceProvider.headerCtrl.toolboxCtrl.processorComponent);">
<i class="icon icon-processor"></i></button>
<div class="icon icon-processor"></div>
</button>
<button title="{{appCtrl.serviceProvider.headerCtrl.toolboxCtrl.config.type.inputPort}}"
id="port-in-component" class="component-button"
ng-disabled="!appCtrl.nf.Canvas.canWrite();"
nf-draggable="appCtrl.serviceProvider.headerCtrl.toolboxCtrl.draggableComponentConfig(appCtrl.serviceProvider.headerCtrl.toolboxCtrl.inputPortComponent);">
<i class="icon icon-port-in"></i></button>
<div class="icon icon-port-in"></div>
</button>
<button title="{{appCtrl.serviceProvider.headerCtrl.toolboxCtrl.config.type.outputPort}}"
id="port-out-component" class="component-button"
ng-disabled="!appCtrl.nf.Canvas.canWrite();"
nf-draggable="appCtrl.serviceProvider.headerCtrl.toolboxCtrl.draggableComponentConfig(appCtrl.serviceProvider.headerCtrl.toolboxCtrl.outputPortComponent);">
<i class="icon icon-port-out"></i></button>
<div class="icon icon-port-out"></div>
</button>
<button title="{{appCtrl.serviceProvider.headerCtrl.toolboxCtrl.config.type.processGroup}}"
id="group-component" class="component-button"
ng-disabled="!appCtrl.nf.Canvas.canWrite();"
nf-draggable="appCtrl.serviceProvider.headerCtrl.toolboxCtrl.draggableComponentConfig(appCtrl.serviceProvider.headerCtrl.toolboxCtrl.groupComponent);">
<i class="icon icon-group"></i></button>
<button title="{{appCtrl.serviceProvider.headerCtrl.toolboxCtrl.config.type.remoteProcessGroup}}" hide
show-gt-sm id="group-remote-component" class="component-button"
<div class="icon icon-group"></div>
</button>
<button title="{{appCtrl.serviceProvider.headerCtrl.toolboxCtrl.config.type.remoteProcessGroup}}"
id="group-remote-component" class="component-button"
ng-disabled="!appCtrl.nf.Canvas.canWrite();"
nf-draggable="appCtrl.serviceProvider.headerCtrl.toolboxCtrl.draggableComponentConfig(appCtrl.serviceProvider.headerCtrl.toolboxCtrl.remoteGroupComponent);">
<i class="icon icon-group-remote"></i></button>
<div class="icon icon-group-remote"></div>
</button>
<button title="{{appCtrl.serviceProvider.headerCtrl.toolboxCtrl.config.type.funnel}}"
id="funnel-component" class="component-button"
ng-disabled="!appCtrl.nf.Canvas.canWrite();"
nf-draggable="appCtrl.serviceProvider.headerCtrl.toolboxCtrl.draggableComponentConfig(appCtrl.serviceProvider.headerCtrl.toolboxCtrl.funnelComponent);">
<i class="icon icon-funnel"></i></button>
<div class="icon icon-funnel"></div>
</button>
<button title="{{appCtrl.serviceProvider.headerCtrl.toolboxCtrl.config.type.template}}"
id="template-component" class="component-button"
ng-disabled="!appCtrl.nf.Canvas.canWrite();"
nf-draggable="appCtrl.serviceProvider.headerCtrl.toolboxCtrl.draggableComponentConfig(appCtrl.serviceProvider.headerCtrl.toolboxCtrl.templateComponent);">
<i class="icon icon-template"></i></button>
<div class="icon icon-template"></div>
</button>
<button title="{{appCtrl.serviceProvider.headerCtrl.toolboxCtrl.config.type.label}}"
id="label-component" class="component-button"
ng-disabled="!appCtrl.nf.Canvas.canWrite();"
nf-draggable="appCtrl.serviceProvider.headerCtrl.toolboxCtrl.draggableComponentConfig(appCtrl.serviceProvider.headerCtrl.toolboxCtrl.labelComponent);">
<i class="icon icon-label"></i></button>
<div class="icon icon-label"></div>
</button>
</div>
<div layout="row" layout-align="space-between center">
<div layout-align="space-between end" layout="column">
@ -77,71 +85,84 @@
</div>
</div>
<md-menu md-position-mode="target-right target" md-offset="-1 44">
<button md-menu-origin id="global-menu-button" ng-click="$mdOpenMenu()"><i class="fa fa-navicon"></i>
<button md-menu-origin id="global-menu-button" ng-click="$mdOpenMenu()">
<div class="fa fa-navicon"></div>
</button>
<md-menu-content id="global-menu-content">
<md-menu-item layout-align="space-around center">
<a id="reporting-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.summary.shell.launch();"><i
class="fa fa-table"></i>Summary</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.summary.shell.launch();">
<i class="fa fa-table"></i>Summary
</a>
</md-menu-item>
<md-menu-item layout-align="space-around center">
<a id="counters-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.counters.shell.launch();"><i
class="icon icon-counter"></i>Counters</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.counters.shell.launch();">
<i class="icon icon-counter"></i>Counters
</a>
</md-menu-item>
<md-menu-item layout-align="space-around center">
<a id="bulletin-board-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.bulletinBoard.shell.launch();"><i
class="fa fa-sticky-note-o"></i>Bulletin Board</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.bulletinBoard.shell.launch();">
<i class="fa fa-sticky-note-o"></i>Bulletin Board
</a>
</md-menu-item>
<md-menu-divider></md-menu-divider>
<md-menu-item
ng-if="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.dataProvenance.enabled();"
layout-align="space-around center">
<a id="provenance-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.dataProvenance.shell.launch();"><i
class="icon icon-provenance"></i>Data Provenance</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.dataProvenance.shell.launch();">
<i class="icon icon-provenance"></i>Data Provenance
</a>
</md-menu-item>
<md-menu-divider></md-menu-divider>
<md-menu-item layout-align="space-around center">
<a id="flow-settings-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.controllerSettings.shell.launch();"><i
class="fa fa-wrench"></i>Controller Settings</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.controllerSettings.shell.launch();">
<i class="fa fa-wrench"></i>Controller Settings
</a>
</md-menu-item>
<md-menu-item ng-if="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.cluster.enabled();"
layout-align="space-around center">
<a id="cluster-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.cluster.shell.launch();"><i
class="fa fa-cubes"></i>Cluster</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.cluster.shell.launch();">
<i class="fa fa-cubes"></i>Cluster
</a>
</md-menu-item>
<md-menu-item layout-align="space-around center">
<a id="history-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.flowConfigHistory.shell.launch();"><i
class="fa fa-history"></i>Flow Configuration History</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.flowConfigHistory.shell.launch();">
<i class="fa fa-history"></i>Flow Configuration History
</a>
</md-menu-item>
<md-menu-item ng-if="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.users.enabled();"
layout-align="space-around center">
<a id="users-link" layout="row"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.users.shell.launch();;"><i
class="fa fa-users"></i>Users<div id="has-pending-accounts" class="hidden"></div></a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.users.shell.launch();;">
<i class="fa fa-users"></i>Users
<div id="has-pending-accounts" class="hidden"></div>
</a>
</md-menu-item>
<md-menu-divider></md-menu-divider>
<md-menu-item layout-align="space-around center">
<a id="templates-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.templates.shell.launch();"><i
class="icon icon-template"></i>Templates</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.templates.shell.launch();">
<i class="icon icon-template"></i>Templates
</a>
</md-menu-item>
<md-menu-divider></md-menu-divider>
<md-menu-item layout-align="space-around center">
<a id="help-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.help.shell.launch();"><i
class="fa fa-question-circle"></i>Help</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.help.shell.launch();">
<i class="fa fa-question-circle"></i>Help
</a>
</md-menu-item>
<md-menu-item layout-align="space-around center">
<a id="about-link"
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.about.modal.show();"><i
class="fa fa-info-circle"></i>About</a>
ng-click="appCtrl.serviceProvider.headerCtrl.globalMenuCtrl.about.modal.show();">
<i class="fa fa-info-circle"></i>About
</a>
</md-menu-item>
</md-menu-content>
</md-menu>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="component-state-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="component-state-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Name</div>
@ -34,12 +34,12 @@
Showing partial results
</div>
<div id="component-state-filter-controls">
<div id="component-state-filter-status" class="filter-status">
Displaying&nbsp;<span id="displayed-component-state-entries"></span>&nbsp;of&nbsp;<span id="total-component-state-entries"></span>
</div>
<div id="component-state-filter-container">
<input type="text" id="component-state-filter"/>
</div>
<div id="component-state-filter-status">
Displaying&nbsp;<span id="displayed-component-state-entries"></span>&nbsp;of&nbsp;<span id="total-component-state-entries"></span>
</div>
</div>
<div class="clear"></div>
</div>

View File

@ -15,9 +15,9 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="connection-configuration" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div class="connection-configuration-tab-container">
<div id="connection-configuration-tabs"></div>
<div id="connection-configuration" layout="column" class="hidden large-dialog">
<div class="connection-configuration-tab-container dialog-content">
<div id="connection-configuration-tabs" class="tab-container"></div>
<div id="connection-configuration-tabs-content">
<div id="connection-settings-tab-content" class="configuration-tab">
<div class="settings-left">
@ -36,7 +36,7 @@
<div class="setting">
<div class="setting-name">
FlowFile expiration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The maximum amount of time an object may be in the flow before it will be automatically aged out of the flow."/>
<div class="fa fa-question-circle" alt="Info" title="The maximum amount of time an object may be in the flow before it will be automatically aged out of the flow."></div>
</div>
<div class="setting-field">
<input type="text" id="flow-file-expiration" name="flow-file-expiration" class="setting-input"/>
@ -45,7 +45,7 @@
<div class="setting">
<div class="setting-name">
Back pressure object threshold
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The maximum number of objects that can be queued before back pressure is applied."/>
<div class="fa fa-question-circle" alt="Info" title="The maximum number of objects that can be queued before back pressure is applied."></div>
</div>
<div class="setting-field">
<input type="text" id="back-pressure-object-threshold" name="back-pressure-object-threshold" class="setting-input"/>
@ -54,7 +54,7 @@
<div class="setting">
<div class="setting-name">
Back pressure data size threshold
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The maximum data size of objects that can be queued before back pressure is applied."/>
<div class="fa fa-question-circle" alt="Info" title="The maximum data size of objects that can be queued before back pressure is applied."></div>
</div>
<div class="setting-field">
<input type="text" id="back-pressure-data-size-threshold" name="back-pressure-data-size-threshold" class="setting-input"/>
@ -66,7 +66,7 @@
<div class="setting">
<div class="setting-name">
Available prioritizers
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Available prioritizers that could reprioritize FlowFiles in this work queue."/>
<div class="fa fa-question-circle" alt="Info" title="Available prioritizers that could reprioritize FlowFiles in this work queue."></div>
</div>
<div class="setting-field">
<ul id="prioritizer-available"></ul>
@ -75,7 +75,7 @@
<div class="setting">
<div class="setting-name">
Selected prioritizers
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Prioritizers that have been selected to reprioritize FlowFiles in this work queue."/>
<div class="fa fa-question-circle" alt="Info" title="Prioritizers that have been selected to reprioritize FlowFiles in this work queue."></div>
</div>
<div class="setting-field">
<ul id="prioritizer-selected"></ul>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="connections-dialog">
<div id="connections-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Selected component</div>

View File

@ -15,9 +15,9 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="controller-service-configuration" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div class="controller-service-configuration-tab-container">
<div id="controller-service-configuration-tabs"></div>
<div id="controller-service-configuration" class="hidden large-dialog">
<div class="controller-service-configuration-tab-container dialog-content">
<div id="controller-service-configuration-tabs" class="tab-container"></div>
<div id="controller-service-configuration-tabs-content">
<div id="controller-service-standard-settings-tab-content" class="configuration-tab">
<div class="settings-left">
@ -48,7 +48,7 @@
<div class="setting">
<div class="setting-name">
Referencing Components
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Other components referencing this controller service."/>
<div class="fa fa-question-circle" alt="Info" title="Other components referencing this controller service."></div>
</div>
<div class="setting-field">
<div id="controller-service-referencing-components"></div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="disable-controller-service-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="disable-controller-service-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content">
<div class="settings-left">
<div id="disable-controller-service-service-container" class="setting">
@ -31,7 +31,7 @@
<div class="setting-name">Scope</div>
<div class="setting-field">
Service and referencing components
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Referencing components must be disabled/stopped in order to disable this service."/>
<div class="fa fa-question-circle" alt="Info" title="Referencing components must be disabled/stopped in order to disable this service."></div>
</div>
</div>
<div id="disable-controller-service-progress-container" class="setting hidden">
@ -62,7 +62,7 @@
<div class="setting">
<div class="setting-name">
Referencing Components
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Other components referencing this controller service."/>
<div class="fa fa-question-circle" alt="Info" title="Other components referencing this controller service."></div>
</div>
<div class="setting-field">
<div id="disable-controller-service-referencing-components"></div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="drop-request-status-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="drop-request-status-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-field">

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="enable-controller-service-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="enable-controller-service-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content">
<div class="settings-left">
<div id="enable-controller-service-service-container" class="setting">
@ -61,7 +61,7 @@
<div class="setting">
<div class="setting-name">
Referencing Components
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Other components referencing this controller service."/>
<div class="fa fa-question-circle" alt="Info" title="Other components referencing this controller service."></div>
</div>
<div class="setting-field">
<div id="enable-controller-service-referencing-components"></div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="fill-color-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="fill-color-dialog" class="hidden small-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Color</div>

View File

@ -17,16 +17,16 @@
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="flow-status" flex layout="row" layout-align="space-between center">
<div id="flow-status-container" layout="row" layout-align="space-around center">
<i class="fa fa-cubes" ng-if="appCtrl.nf.Canvas.isClustered()"><span id="connected-nodes-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.connectedNodesCount}}</span></i>
<i class="icon icon-threads"><span id="active-thread-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.activeThreadCount}}</span></i>
<i class="fa fa-list"><span id="total-queued">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.totalQueued}}</span></i>
<i class="fa fa-bullseye"><span id="controller-transmitting-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerTransmittingCount}}</span></i>
<i class="icon icon-transmit-false"><span id="controller-not-transmitting-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerNotTransmittingCount}}</span></i>
<i class="fa fa-play"><span id="controller-running-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerRunningCount}}</span></i>
<i class="fa fa-stop"><span id="controller-stopped-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerStoppedCount}}</span></i>
<i class="fa fa-warning"><span id="controller-invalid-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerInvalidCount}}</span></i>
<i class="icon icon-enable-false"><span id="controller-disabled-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerDisabledCount}}</span></i>
<i class="fa fa-refresh"><span id="stats-last-refreshed">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.statsLastRefreshed}}</span></i>
<div class="fa fa-cubes" ng-if="appCtrl.nf.Canvas.isClustered()"><span id="connected-nodes-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.connectedNodesCount}}</span></div>
<div class="icon icon-threads"><span id="active-thread-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.activeThreadCount}}</span></div>
<div class="fa fa-list"><span id="total-queued">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.totalQueued}}</span></div>
<div class="fa fa-bullseye"><span id="controller-transmitting-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerTransmittingCount}}</span></div>
<div class="icon icon-transmit-false"><span id="controller-not-transmitting-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerNotTransmittingCount}}</span></div>
<div class="fa fa-play"><span id="controller-running-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerRunningCount}}</span></div>
<div class="fa fa-stop"><span id="controller-stopped-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerStoppedCount}}</span></div>
<div class="fa fa-warning"><span id="controller-invalid-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerInvalidCount}}</span></div>
<div class="icon icon-enable-false"><span id="controller-disabled-count">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.controllerDisabledCount}}</span></div>
<div class="fa fa-refresh"><span id="stats-last-refreshed">{{appCtrl.serviceProvider.headerCtrl.flowStatusCtrl.statsLastRefreshed}}</span></div>
<div id="canvas-loading-container" class="loading-container"></div>
</div>
<div layout="row" layout-align="end center">

View File

@ -15,9 +15,9 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="flowfile-details-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="flowfile-details-dialog-content">
<div id="flowfile-details-tabs"></div>
<div id="flowfile-details-dialog" layout="column" class="hidden large-dialog">
<div id="flowfile-details-dialog-content" class="dialog-content">
<div id="flowfile-details-tabs" class="tab-container"></div>
<div id="flowfile-details-tabs-content">
<div id="flowfile-details-tab-content" class="details-tab">
<span id="flowfile-uri" class="hidden"></span>

View File

@ -15,8 +15,11 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="instantiate-template-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="instantiate-template-dialog" class="hidden small-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Choose Template:</div>
<div id="available-templates" name="available-templates"></div>
</div>
</div>
</div>

View File

@ -15,8 +15,8 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="label-configuration" nf-draggable="{ containment: 'parent', cancel: 'textarea, .button, .combo'}">
<div id="label-configuration-contents">
<div id="label-configuration" class="hidden medium-dialog">
<div id="label-configuration-contents" class="dialog-content">
<div class="setting" style="margin-top: 5px;">
<div class="setting-name">Label Value</div>
<div class="setting-field">

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="listing-request-status-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="listing-request-status-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-field">

View File

@ -25,16 +25,16 @@
<div id="navigation-control" class="graph-control">
<div class="graph-control-docked pointer" title="Navigate"
ng-click="appCtrl.serviceProvider.graphControlsCtrl.undock($event)">
<i class="graph-control-icon fa fa-compass"></i>
<div class="graph-control-icon fa fa-compass"></div>
</div>
<div class="graph-control-header-container hidden">
<div class="graph-control-header-icon">
<i class="graph-control-icon fa fa-compass"></i>
<div class="graph-control-icon fa fa-compass"></div>
</div>
<div class="graph-control-header">Navigate</div>
<div class="graph-control-header-action"
ng-click="appCtrl.serviceProvider.graphControlsCtrl.expand($event)">
<i class="graph-control-expansion fa fa-plus-square-o pointer"></i>
<div class="graph-control-expansion fa fa-plus-square-o pointer"></div>
</div>
<div class="clear"></div>
</div>
@ -42,22 +42,22 @@
<div id="navigation-buttons">
<div id="naviagte-zoom-in" class="action-button" title="Zoom In"
ng-click="appCtrl.serviceProvider.graphControlsCtrl.navigateCtrl.zoomIn();">
<button><i class="graph-control-action-icon fa fa-search-plus"></i></button>
<button><div class="graph-control-action-icon fa fa-search-plus"></div></button>
</div>
<div class="button-spacer-small">&nbsp;</div>
<div id="naviagte-zoom-out" class="action-button" title="Zoom Out"
ng-click="appCtrl.serviceProvider.graphControlsCtrl.navigateCtrl.zoomOut();">
<button><i class="graph-control-action-icon fa fa-search-minus"></i></button>
<button><div class="graph-control-action-icon fa fa-search-minus"></div></button>
</div>
<div class="button-spacer-large">&nbsp;</div>
<div id="naviagte-zoom-fit" class="action-button" title="Fit"
ng-click="appCtrl.serviceProvider.graphControlsCtrl.navigateCtrl.zoomFit();">
<button><i class="graph-control-action-icon icon icon-zoom-fit"></i></button>
<button><div class="graph-control-action-icon icon icon-zoom-fit"></div></button>
</div>
<div class="button-spacer-small">&nbsp;</div>
<div id="naviagte-zoom-actual-size" class="action-button" title="Actual"
ng-click="appCtrl.serviceProvider.graphControlsCtrl.navigateCtrl.zoomActualSize();">
<button><i class="graph-control-action-icon icon icon-zoom-actual"></i></button>
<button><div class="graph-control-action-icon icon icon-zoom-actual"></div></button>
</div>
<div class="clear"></div>
</div>
@ -67,16 +67,16 @@
<div id="operation-control" class="graph-control">
<div class="graph-control-docked pointer" title="Operate"
ng-click="appCtrl.serviceProvider.graphControlsCtrl.undock($event)">
<i class="graph-control-icon fa fa-hand-o-up"></i>
<div class="graph-control-icon fa fa-hand-o-up"></div>
</div>
<div class="graph-control-header-container hidden">
<div class="graph-control-header-icon">
<i class="graph-control-icon fa fa-hand-o-up"></i>
<div class="graph-control-icon fa fa-hand-o-up"></div>
</div>
<div class="graph-control-header">Operate</div>
<div class="graph-control-header-action"
ng-click="appCtrl.serviceProvider.graphControlsCtrl.expand($event)">
<i class="graph-control-expansion fa fa-plus-square-o pointer"></i>
<div class="graph-control-expansion fa fa-plus-square-o pointer"></div>
</div>
<div class="clear"></div>
</div>
@ -86,37 +86,37 @@
<div id="operate-configure" class="action-button" title="Configuration">
<button ng-click="appCtrl.nf.Actions['showConfiguration'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="false">
<i class="graph-control-action-icon fa fa-gear"></i></button>
<div class="graph-control-action-icon fa fa-gear"></div></button>
</div>
<div class="button-spacer-large">&nbsp;</div>
<div id="operate-enable" class="action-button" title="Enable">
<button ng-click="appCtrl.nf.Actions['enable'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.CanvasUtils.canEnable(appCtrl.nf.CanvasUtils.getSelection());">
<i class="graph-control-action-icon fa fa-flash"></i></button>
<div class="graph-control-action-icon fa fa-flash"></div></button>
</div>
<div class="button-spacer-small">&nbsp;</div>
<div id="operate-disable" class="action-button" title="Disable">
<button ng-click="appCtrl.nf.Actions['disable'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.CanvasUtils.canDisable(appCtrl.nf.CanvasUtils.getSelection());">
<i class="graph-control-action-icon icon icon-enable-false"></i></button>
<div class="graph-control-action-icon icon icon-enable-false"></div></button>
</div>
<div class="button-spacer-large">&nbsp;</div>
<div id="operate-start" class="action-button" title="Start">
<button ng-click="appCtrl.nf.Actions['start'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.CanvasUtils.getSelection().empty() && !appCtrl.nf.CanvasUtils.canModify(appCtrl.nf.CanvasUtils.getSelection());">
<i class="graph-control-action-icon fa fa-play"></i></button>
<div class="graph-control-action-icon fa fa-play"></div></button>
</div>
<div class="button-spacer-small">&nbsp;</div>
<div id="operate-stop" class="action-button" title="Stop">
<button ng-click="appCtrl.nf.Actions['stop'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.CanvasUtils.getSelection().empty() && !appCtrl.nf.CanvasUtils.canModify(appCtrl.nf.CanvasUtils.getSelection());">
<i class="graph-control-action-icon fa fa-stop"></i></button>
<div class="graph-control-action-icon fa fa-stop"></div></button>
</div>
<div class="button-spacer-large">&nbsp;</div>
<div id="operate-template" class="action-button" title="Create Template">
<button ng-click="appCtrl.nf.Actions['template'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!(appCtrl.nf.Canvas.canWrite() && (appCtrl.nf.CanvasUtils.getSelection().empty() || appCtrl.nf.CanvasUtils.canRead(appCtrl.nf.CanvasUtils.getSelection())));">
<i class="graph-control-action-icon icon icon-template"></i></button>
<div class="graph-control-action-icon icon icon-template"></div></button>
</div>
<div class="clear"></div>
</div>
@ -124,31 +124,31 @@
<div id="operate-copy" class="action-button" title="Copy">
<button ng-click="appCtrl.nf.Actions['copy'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.CanvasUtils.isCopyable(appCtrl.nf.CanvasUtils.getSelection()) || !appCtrl.nf.CanvasUtils.canRead(appCtrl.nf.CanvasUtils.getSelection());">
<i class="graph-control-action-icon fa fa-copy"></i></button>
<div class="graph-control-action-icon fa fa-copy"></div></button>
</div>
<div class="button-spacer-small">&nbsp;</div>
<div id="operate-paste" class="action-button" title="Paste">
<button ng-click="appCtrl.nf.Actions['paste'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.Clipboard.isCopied()">
<i class="graph-control-action-icon fa fa-paste"></i></button>
<div class="graph-control-action-icon fa fa-paste"></div></button>
</div>
<div class="button-spacer-large">&nbsp;</div>
<div id="operate-group" class="action-button" title="Group">
<button ng-click="appCtrl.nf.Actions['group'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.CanvasUtils.isDisconnected(appCtrl.nf.CanvasUtils.getSelection()) || !appCtrl.nf.CanvasUtils.canModify(appCtrl.nf.CanvasUtils.getSelection());">
<i class="graph-control-action-icon icon icon-group"></i></button>
<div class="graph-control-action-icon icon icon-group"></div></button>
</div>
<div class="button-spacer-large">&nbsp;</div>
<div id="operate-color" class="action-button" title="Fill Color">
<button ng-click="appCtrl.nf.Actions['fillColor'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.CanvasUtils.isColorable(appCtrl.nf.CanvasUtils.getSelection());">
<i class="graph-control-action-icon fa fa-paint-brush"></i></button>
<div class="graph-control-action-icon fa fa-paint-brush"></div></button>
</div>
<div class="button-spacer-large">&nbsp;</div>
<div id="operate-delete" class="action-button" title="Delete">
<button ng-click="appCtrl.nf.Actions['delete'](appCtrl.nf.CanvasUtils.getSelection());"
ng-disabled="!appCtrl.nf.CanvasUtils.areDeletable(appCtrl.nf.CanvasUtils.getSelection());">
<i class="graph-control-action-icon fa fa-trash"></i><span>Delete</span></button>
<div class="graph-control-action-icon fa fa-trash"></div><span>Delete</span></button>
</div>
<div class="clear"></div>
</div>

View File

@ -15,33 +15,40 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="new-controller-service-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div class="dialog-content">
<div id="controller-service-type-filter-controls">
<div id="controller-service-type-filter-container">
<input type="text" id="controller-service-type-filter"/>
<div id="new-controller-service-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content" layout="column">
<div layout="row" style="padding-bottom:0">
<div flex="25" layout="row" layout-align="start center">
<div class="setting-name">Tag Cloud:</div>
</div>
<div flex layout="row" layout-align="space-between center" id="controller-service-type-filter-controls" class="filter-status">
<div id="controller-service-type-filter-status">
Displaying&nbsp;<span id="displayed-controller-service-types"></span>&nbsp;of&nbsp;<span id="total-controller-service-types"></span>
</div>
<div id="controller-service-type-filter-container">
<input type="text" id="controller-service-type-filter"/>
</div>
<div id="controller-service-tag-cloud-container">
</div>
</div>
<div flex layout="row" style="padding-top:0">
<div flex="25" id="controller-service-tag-cloud-container">
<div class="setting">
<div class="setting-name">Tags</div>
<div class="setting-field">
<div id="controller-service-tag-cloud"></div>
</div>
</div>
</div>
<div id="controller-service-types-container">
<div layout="column" flex id="controller-service-types-container">
<div id="controller-service-types-table" class="unselectable"></div>
<div id="controller-service-description-container" class="hidden">
<div id="controller-service-type-name-title" class="ellipsis">Selected Controller Service:</div>
<div id="controller-service-type-name" class="ellipsis"></div>
<div id="controller-service-description-container" class="hidden">
<div id="controller-service-type-description" class="ellipsis multiline"></div>
<span class="hidden" id="selected-controller-service-name"></span>
<span class="hidden" id="selected-controller-service-type"></span>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="new-port-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="new-port-dialog" class="hidden small-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name"><span id="new-port-type">Input</span>&nbsp;port name</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="new-process-group-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="new-process-group-dialog" class="hidden small-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Process group name</div>

View File

@ -15,33 +15,40 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="new-processor-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div class="dialog-content">
<div id="processor-type-filter-controls">
<div id="new-processor-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content" layout="column">
<div layout="row" style="padding-bottom:0">
<div flex="25" layout="row" layout-align="start center">
<div class="setting-name">Tag Cloud:</div>
</div>
<div flex layout="row" layout-align="space-between center" id="processor-type-filter-controls">
<div id="processor-type-filter-status" class="filter-status">
Displaying&nbsp;<span id="displayed-processor-types"></span>&nbsp;of&nbsp;<span
id="total-processor-types"></span>
</div>
<div id="processor-type-filter-container">
<input type="text" id="processor-type-filter"/>
</div>
<div id="processor-type-filter-status">
Displaying&nbsp;<span id="displayed-processor-types"></span>&nbsp;of&nbsp;<span id="total-processor-types"></span>
<input type="text" placeholder="Filter processor list" id="processor-type-filter"/>
</div>
</div>
<div id="processor-tag-cloud-container">
</div>
<div flex layout="row" style="padding-top:0">
<div flex="25" id="processor-tag-cloud-container">
<div class="setting">
<div class="setting-name">Tags</div>
<div class="setting-field">
<div id="processor-tag-cloud"></div>
</div>
</div>
</div>
<div id="processor-types-container">
<div layout="column" flex id="processor-types-container">
<div id="processor-types-table" class="unselectable"></div>
<div id="processor-description-container">
<div id="processor-type-name-title" class="ellipsis">Selected Processor:</div>
<div id="processor-type-name" class="ellipsis"></div>
<div id="processor-description-container">
<div id="processor-type-description" class="ellipsis multiline"></div>
<span class="hidden" id="selected-processor-name"></span>
<span class="hidden" id="selected-processor-type"></span>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="new-remote-process-group-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="new-remote-process-group-dialog" class="hidden large-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">URL</div>
@ -23,31 +23,10 @@
<input id="new-remote-process-group-uri" type="text" placeholder="https://remotehost:8080/nifi"/>
</div>
</div>
<div class="setting">
<div class="remote-process-group-timeout-setting">
<div class="setting-name">
Communications timeout
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="When communication with this remote process group takes longer than this amount of time, it will timeout."/>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="new-remote-process-group-timeout"/>
</div>
</div>
<div class="remote-process-group-yield-duration-setting">
<div class="setting-name">
Yield duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="When communication with this remote process group fails, it will not be scheduled again until this amount of time elapses."/>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="new-remote-process-group-yield-duration"/>
</div>
</div>
<div class="clear"></div>
</div>
<div class="setting">
<div class="setting-name">
Transport Protocol
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify the transport protocol to use for this Remote Process Group communication."/>
<div class="fa fa-question-circle" alt="Info" title="Specify the transport protocol to use for this Remote Process Group communication."></div>
</div>
<div class="setting-field">
<div id="new-remote-process-group-transport-protocol-combo"></div>
@ -57,7 +36,7 @@
<div class="remote-process-group-proxy-host-setting">
<div class="setting-name">
HTTP Proxy server hostname
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify the proxy server's hostname to use. If not specified, HTTP traffics are sent directly to the target NiFi instance."/>
<div class="fa fa-question-circle" alt="Info" title="Specify the proxy server's hostname to use. If not specified, HTTP traffics are sent directly to the target NiFi instance."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="new-remote-process-group-proxy-host"/>
@ -66,7 +45,7 @@
<div class="remote-process-group-proxy-port-setting">
<div class="setting-name">
HTTP Proxy server port
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify the proxy server's port number, optional. If not specified, default port 80 will be used."/>
<div class="fa fa-question-circle" alt="Info" title="Specify the proxy server's port number, optional. If not specified, default port 80 will be used."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="new-remote-process-group-proxy-port"/>
@ -78,7 +57,7 @@
<div class="remote-process-group-proxy-user-setting">
<div class="setting-name">
HTTP Proxy user
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify an user name to connect to the proxy server, optional."/>
<div class="fa fa-question-circle" alt="Info" title="Specify an user name to connect to the proxy server, optional."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="new-remote-process-group-proxy-user"/>
@ -87,7 +66,7 @@
<div class="remote-process-group-proxy-password-setting">
<div class="setting-name">
HTTP Proxy password
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify an user password to connect to the proxy server, optional."/>
<div class="fa fa-question-circle" alt="Info" title="Specify an user password to connect to the proxy server, optional."></div>
</div>
<div class="setting-field">
<input type="password" class="small-setting-input" id="new-remote-process-group-proxy-password"/>
@ -95,5 +74,26 @@
</div>
<div class="clear"></div>
</div>
<div class="setting">
<div class="remote-process-group-timeout-setting">
<div class="setting-name">
Communications timeout
<div class="fa fa-question-circle" alt="Info" title="When communication with this remote process group takes longer than this amount of time, it will timeout."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="new-remote-process-group-timeout"/>
</div>
</div>
<div class="remote-process-group-yield-duration-setting">
<div class="setting-name">
Yield duration
<div class="fa fa-question-circle" alt="Info" title="When communication with this remote process group fails, it will not be scheduled again until this amount of time elapses."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="new-remote-process-group-yield-duration"/>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>

View File

@ -15,17 +15,23 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="new-reporting-task-dialog" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div class="dialog-content">
<div id="reporting-task-type-filter-controls">
<div id="controller-service-type-filter-container">
<input type="text" id="reporting-task-type-filter"/>
<div id="new-reporting-task-dialog" layout="column" class="hidden large-dialog">
<div class="dialog-content" layout="column">
<div layout="row" style="padding-bottom:0">
<div flex="25" layout="row" layout-align="start center">
<div class="setting-name">Tag Cloud:</div>
</div>
<div flex layout="row" layout-align="space-between center" id="reporting-task-type-filter-controls" class="filter-status">
<div id="reporting-task-type-filter-status">
Displaying&nbsp;<span id="displayed-reporting-task-types"></span>&nbsp;of&nbsp;<span id="total-reporting-task-types"></span>
</div>
<div id="controller-service-type-filter-container">
<input type="text" id="reporting-task-type-filter"/>
</div>
<div id="reporting-task-tag-cloud-container">
</div>
</div>
<div flex layout="row" style="padding-top:0">
<div flex="25" id="reporting-task-tag-cloud-container">
<div class="setting">
<div class="setting-name">Tags</div>
<div class="setting-field">
@ -33,15 +39,17 @@
</div>
</div>
</div>
<div id="reporting-task-types-container">
<div layout="column" flex id="reporting-task-types-container">
<div id="reporting-task-types-table" class="unselectable"></div>
<div id="reporting-task-description-container" class="hidden">
<div id="reporting-task-type-name-title" class="ellipsis">Selected Reporting Task:</div>
<div id="reporting-task-type-name" class="ellipsis"></div>
<div id="reporting-task-description-container" class="hidden">
<div id="reporting-task-type-description" class="ellipsis multiline"></div>
<span class="hidden" id="selected-reporting-task-name"></span>
<span class="hidden" id="selected-reporting-task-type"></span>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="new-template-dialog">
<div id="new-template-dialog" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Name</div>

View File

@ -15,11 +15,12 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="port-configuration" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="port-configuration" class="hidden medium-dialog">
<div class="dialog-content">
<div class="port-setting">
<div class="setting-name">Port name</div>
<div class="setting-field">
<div id="port-name-container">
<input type="text" id="port-name"/>
<div class="port-enabled-container">
<div id="port-enabled" class="port-enabled nf-checkbox checkbox-unchecked"></div>
@ -27,6 +28,7 @@
</div>
</div>
</div>
</div>
<div class="port-setting">
<div class="setting-name">
Id
@ -38,10 +40,10 @@
<div id="port-concurrent-task-container" class="port-setting">
<div class="setting-name">
Concurrent tasks
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The number of tasks that should be concurrently scheduled for this port."/>
<div class="fa fa-question-circle" alt="Info" title="The number of tasks that should be concurrently scheduled for this port."></div>
</div>
<div class="setting-field">
<input type="text" id="port-concurrent-tasks" class="port-field"></input>
<input type="text" id="port-concurrent-tasks" class="port-field"></divnput>
</div>
</div>
<div class="port-setting">

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="port-details" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="port-details" class="hidden medium-dialog">
<div class="dialog-content">
<div class="port-setting">
<div class="setting-name">Port name</div>

View File

@ -18,17 +18,11 @@
<div id="process-group-configuration">
<div id="process-group-configuration-header-text" class="settings-header-text">Process Group Configuration</div>
<div class="settings-container">
<div class="settings-tabs-container">
<div class="tab-container">
<div id="process-group-configuration-tabs" class="settings-tabs"></div>
<div id="process-group-configuration-refresh-button" class="pointer settings-refresh-button" title="Refresh"></div>
<div class="settings-last-refreshed-container">
Last updated:&nbsp;<span id="process-group-configuration-last-refreshed"></span>
</div>
<div id="process-group-configuration-loading-container" class="loading-container"></div>
<div id="add-process-group-configuration-controller-service" class="add-icon-bg"></div>
<button id="add-process-group-configuration-controller-service" class="add-button fa fa-plus"></button>
<div class="clear"></div>
</div>
<div class="settings-tab-background"></div>
<div>
<div id="general-process-group-configuration-tab-content" class="configuration-tab">
<div id="general-process-group-configuration">
@ -61,4 +55,11 @@
</div>
</div>
</div>
<div id="process-group-refresh-container">
<button id="process-group-configuration-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div class="last-refreshed-container">
Last updated:&nbsp;<span id="process-group-configuration-last-refreshed" class="last-refreshed"></span>
</div>
<div id="process-group-configuration-loading-container" class="loading-container"></div>
</div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="process-group-details" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="process-group-details" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Name</div>

View File

@ -15,15 +15,15 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="processor-configuration" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div class="processor-configuration-tab-container">
<div id="processor-configuration-tabs"></div>
<div id="processor-configuration" layout="column" class="hidden large-dialog">
<div class="processor-configuration-tab-container dialog-content">
<div id="processor-configuration-tabs" class="tab-container"></div>
<div id="processor-configuration-tabs-content">
<div id="processor-standard-settings-tab-content" class="configuration-tab">
<div class="settings-left">
<div class="setting">
<div class="setting-name">Name</div>
<div class="setting-field">
<div id="processor-name-container" class="setting-field">
<input type="text" id="processor-name" name="processor-name"/>
<div class="processor-enabled-container">
<div id="processor-enabled" class="nf-checkbox checkbox-unchecked"></div>
@ -47,7 +47,7 @@
<div class="penalty-duration-setting">
<div class="setting-name">
Penalty duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The amount of time used when this processor penalizes a FlowFile."/>
<div class="fa fa-question-circle" alt="Info" title="The amount of time used when this processor penalizes a FlowFile."></div>
</div>
<div class="setting-field">
<input type="text" id="penalty-duration" name="penalty-duration" class="small-setting-input"/>
@ -56,7 +56,7 @@
<div class="yield-duration-setting">
<div class="setting-name">
Yield duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="When a processor yields, it will not be scheduled again until this amount of time elapses."/>
<div class="fa fa-question-circle" alt="Info" title="When a processor yields, it will not be scheduled again until this amount of time elapses."></div>
</div>
<div class="setting-field">
<input type="text" id="yield-duration" name="yield-duration" class="small-setting-input"/>
@ -68,7 +68,7 @@
<div class="bulletin-setting">
<div class="setting-name">
Bulletin level
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The level at which this processor will generate bulletins."/>
<div class="fa fa-question-circle" alt="Info" title="The level at which this processor will generate bulletins."></div>
</div>
<div class="setting-field">
<div id="bulletin-level-combo"></div>
@ -82,7 +82,7 @@
<div class="setting">
<div class="setting-name">
Auto terminate relationships
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Will automatically terminate FlowFiles sent to a given relationship if it is not defined elsewhere."/>
<div class="fa fa-question-circle" alt="Info" title="Will automatically terminate FlowFiles sent to a given relationship if it is not defined elsewhere."></div>
</div>
<div class="setting-field">
<div id="auto-terminate-relationship-names"></div>
@ -96,7 +96,7 @@
<div class="scheduling-strategy-setting">
<div class="setting-name">
Scheduling strategy
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The strategy used to schedule this processor."/>
<div class="fa fa-question-circle" alt="Info" title="The strategy used to schedule this processor."></div>
</div>
<div class="setting-field">
<div type="text" id="scheduling-strategy-combo"></div>
@ -112,7 +112,7 @@
<div class="concurrently-schedulable-tasks-setting">
<div class="setting-name">
Concurrent tasks
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The number of tasks that should be concurrently scheduled for this processor."/>
<div class="fa fa-question-circle" alt="Info" title="The number of tasks that should be concurrently scheduled for this processor."></div>
</div>
<div class="setting-field">
<input type="text" id="timer-driven-concurrently-schedulable-tasks" name="timer-driven-concurrently-schedulable-tasks" class="small-setting-input"/>
@ -121,7 +121,7 @@
<div class="scheduling-period-setting">
<div class="setting-name">
Run schedule
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The amount of time that should elapse between task executions."/>
<div class="fa fa-question-circle" alt="Info" title="The amount of time that should elapse between task executions."></div>
</div>
<div class="setting-field">
<input type="text" id="timer-driven-scheduling-period" name="timer-driven-scheduling-period" class="small-setting-input"/>
@ -133,7 +133,7 @@
<div class="concurrently-schedulable-tasks-setting">
<div class="setting-name">
Concurrent tasks
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The number of tasks that should be concurrently scheduled for this processor."/>
<div class="fa fa-question-circle" alt="Info" title="The number of tasks that should be concurrently scheduled for this processor."></div>
</div>
<div class="setting-field">
<input type="text" id="event-driven-concurrently-schedulable-tasks" name="event-driven-concurrently-schedulable-tasks" class="small-setting-input"/>
@ -145,7 +145,7 @@
<div class="concurrently-schedulable-tasks-setting">
<div class="setting-name">
Concurrent tasks
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The number of tasks that should be concurrently scheduled for this processor."/>
<div class="fa fa-question-circle" alt="Info" title="The number of tasks that should be concurrently scheduled for this processor."></div>
</div>
<div class="setting-field">
<input type="text" id="cron-driven-concurrently-schedulable-tasks" name="cron-driven-concurrently-schedulable-tasks" class="small-setting-input"/>
@ -154,7 +154,7 @@
<div class="scheduling-period-setting">
<div class="setting-name">
Run schedule
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The CRON expression that defines when this processor should run."/>
<div class="fa fa-question-circle" alt="Info" title="The CRON expression that defines when this processor should run."></div>
</div>
<div class="setting-field">
<input type="text" id="cron-driven-scheduling-period" name="cron-driven-scheduling-period" class="small-setting-input"/>
@ -168,8 +168,8 @@
<div class="setting">
<div class="setting-name">
Run duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info"
title="When scheduled to run, the processor will continue running for up to this duration. A run duration of 0ms will execute once when scheduled."/>
<div class="fa fa-question-circle" alt="Info"
title="When scheduled to run, the processor will continue running for up to this duration. A run duration of 0ms will execute once when scheduled."></div>
</div>
<div class="setting-field" style="overflow: visible;">
<div id="run-duration-container">

View File

@ -15,16 +15,11 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="queue-listing-container" class="hidden">
<div id="queue-listing-container" class="hidden" class="hidden medium-dialog">
<div id="queue-listing-header-container">
<div id="queue-listing-header-text"></div>
</div>
<div id="queue-listing-stats-container">
<div id="queue-listing-refresh-button" class="pointer" title="Refresh"></div>
<div id="queue-listing-last-refreshed-container">
Last updated:&nbsp;<span id="queue-listing-last-refreshed"></span>
</div>
<div id="queue-listing-loading-container" class="loading-container"></div>
<div id="queue-listing-stats">
Displaying&nbsp;<span id="displayed-flowfiles"></span>&nbsp;of&nbsp;<span id="total-flowfiles-count"></span>&nbsp;(<span id="total-flowfiles-size"></span>)
</div>
@ -32,4 +27,11 @@
</div>
<div id="queue-listing-table"></div>
<div id="queue-listing-message" class="hidden"></div>
<div id="queue-listing-refresh-container">
<button id="queue-listing-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="queue-listing-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="queue-listing-last-refreshed"></span>
</div>
<div id="queue-listing-loading-container" class="loading-container"></div>
</div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="remote-port-configuration">
<div id="remote-port-configuration" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Name</div>
@ -28,7 +28,7 @@
<div class="setting">
<div class="setting-name">
Concurrent tasks
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The number of tasks that should be concurrently scheduled for this port."/>
<div class="fa fa-question-circle" alt="Info" title="The number of tasks that should be concurrently scheduled for this port."></div>
</div>
<div class="setting-field">
<input id="remote-port-concurrent-tasks" type="text"/>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="remote-process-group-configuration" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="remote-process-group-configuration" class="hidden large-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Name</div>
@ -35,31 +35,10 @@
<span id="remote-process-group-url"></span>
</div>
</div>
<div class="setting">
<div class="remote-process-group-timeout-setting">
<div class="setting-name">
Communications timeout
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="When communication with this remote process group takes longer than this amount of time, it will timeout."/>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="remote-process-group-timeout"/>
</div>
</div>
<div class="remote-process-group-yield-duration-setting">
<div class="setting-name">
Yield duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="When communication with this remote process group fails, it will not be scheduled again until this amount of time elapses."/>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="remote-process-group-yield-duration"/>
</div>
</div>
<div class="clear"></div>
</div>
<div class="setting">
<div class="setting-name">
Transport Protocol
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify the transport protocol to use for this Remote Process Group communication."/>
<div class="fa fa-question-circle" alt="Info" title="Specify the transport protocol to use for this Remote Process Group communication."></div>
</div>
<div class="setting-field">
<div id="remote-process-group-transport-protocol-combo"></div>
@ -69,7 +48,7 @@
<div class="remote-process-group-proxy-host-setting">
<div class="setting-name">
HTTP Proxy server hostname
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify the proxy server's hostname to use. If not specified, HTTP traffics are sent directly to the target NiFi instance."/>
<div class="fa fa-question-circle" alt="Info" title="Specify the proxy server's hostname to use. If not specified, HTTP traffics are sent directly to the target NiFi instance."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="remote-process-group-proxy-host"/>
@ -78,7 +57,7 @@
<div class="remote-process-group-proxy-port-setting">
<div class="setting-name">
HTTP Proxy server port
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify the proxy server's port number, optional. If not specified, default port 80 will be used."/>
<div class="fa fa-question-circle" alt="Info" title="Specify the proxy server's port number, optional. If not specified, default port 80 will be used."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="remote-process-group-proxy-port"/>
@ -90,7 +69,7 @@
<div class="remote-process-group-proxy-user-setting">
<div class="setting-name">
HTTP Proxy user
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify an user name to connect to the proxy server, optional."/>
<div class="fa fa-question-circle" alt="Info" title="Specify an user name to connect to the proxy server, optional."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="remote-process-group-proxy-user"/>
@ -99,7 +78,7 @@
<div class="remote-process-group-proxy-password-setting">
<div class="setting-name">
HTTP Proxy password
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify an user password to connect to the proxy server, optional."/>
<div class="fa fa-question-circle" alt="Info" title="Specify an user password to connect to the proxy server, optional."></div>
</div>
<div class="setting-field">
<input type="password" class="small-setting-input" id="remote-process-group-proxy-password"/>
@ -107,5 +86,26 @@
</div>
<div class="clear"></div>
</div>
<div class="setting">
<div class="remote-process-group-timeout-setting">
<div class="setting-name">
Communications timeout
<div class="fa fa-question-circle" alt="Info" title="When communication with this remote process group takes longer than this amount of time, it will timeout."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="remote-process-group-timeout"/>
</div>
</div>
<div class="remote-process-group-yield-duration-setting">
<div class="setting-name">
Yield duration
<div class="fa fa-question-circle" alt="Info" title="When communication with this remote process group fails, it will not be scheduled again until this amount of time elapses."></div>
</div>
<div class="setting-field">
<input type="text" class="small-setting-input" id="remote-process-group-yield-duration"/>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="remote-process-group-details" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="remote-process-group-details" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Name</div>
@ -35,31 +35,10 @@
<span id="read-only-remote-process-group-url"></span>
</div>
</div>
<div class="setting">
<div class="remote-process-group-timeout-setting">
<div class="setting-name">
Communications timeout
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="When communication with this remote process group takes longer than this amount of time, it will timeout."/>
</div>
<div class="setting-field">
<span id="read-only-remote-process-group-timeout"></span>
</div>
</div>
<div class="remote-process-group-yield-duration-setting">
<div class="setting-name">
Yield duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="When communication with this remote process group fails, it will not be scheduled again until this amount of time elapses."/>
</div>
<div class="setting-field">
<span id="read-only-remote-process-group-yield-duration"></span>
</div>
</div>
<div class="clear"></div>
</div>
<div class="setting">
<div class="setting-name">
Transport Protocol
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Transport protocol to use for this Remote Process Group communication."/>
<div class="fa fa-question-circle" alt="Info" title="Transport protocol to use for this Remote Process Group communication."></div>
</div>
<div class="setting-field">
<div id="read-only-remote-process-group-transport-protocol"></div>
@ -69,7 +48,7 @@
<div class="remote-process-group-proxy-host-setting">
<div class="setting-name">
HTTP Proxy server hostname
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify the proxy server's hostname to use. If not specified, HTTP traffics are sent directly to the target NiFi instance."/>
<div class="fa fa-question-circle" alt="Info" title="Specify the proxy server's hostname to use. If not specified, HTTP traffics are sent directly to the target NiFi instance."></div>
</div>
<div class="setting-field">
<span id="read-only-remote-process-group-proxy-host"></span>
@ -78,7 +57,7 @@
<div class="remote-process-group-proxy-port-setting">
<div class="setting-name">
HTTP Proxy server port
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify the proxy server's port number, optional. If not specified, default port 80 will be used."/>
<div class="fa fa-question-circle" alt="Info" title="Specify the proxy server's port number, optional. If not specified, default port 80 will be used."></div>
</div>
<div class="setting-field">
<span id="read-only-remote-process-group-proxy-port"></span>
@ -90,7 +69,7 @@
<div class="remote-process-group-proxy-user-setting">
<div class="setting-name">
HTTP Proxy user
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify an user name to connect to the proxy server, optional."/>
<div class="fa fa-question-circle" alt="Info" title="Specify an user name to connect to the proxy server, optional."></div>
</div>
<div class="setting-field">
<span id="read-only-remote-process-group-proxy-user"></span>
@ -99,7 +78,7 @@
<div class="remote-process-group-proxy-password-setting">
<div class="setting-name">
HTTP Proxy password
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Specify an user password to connect to the proxy server, optional."/>
<div class="fa fa-question-circle" alt="Info" title="Specify an user password to connect to the proxy server, optional."></div>
</div>
<div class="setting-field">
<span id="read-only-remote-process-group-proxy-password"></span>
@ -107,5 +86,26 @@
</div>
<div class="clear"></div>
</div>
<div class="setting">
<div class="remote-process-group-timeout-setting">
<div class="setting-name">
Communications timeout
<div class="fa fa-question-circle" alt="Info" title="When communication with this remote process group takes longer than this amount of time, it will timeout."></div>
</div>
<div class="setting-field">
<span id="read-only-remote-process-group-timeout"></span>
</div>
</div>
<div class="remote-process-group-yield-duration-setting">
<div class="setting-name">
Yield duration
<div class="fa fa-question-circle" alt="Info" title="When communication with this remote process group fails, it will not be scheduled again until this amount of time elapses."></div>
</div>
<div class="setting-field">
<span id="read-only-remote-process-group-yield-duration"></span>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="remote-process-group-ports" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div id="remote-process-group-ports" class="hidden large-dialog">
<div class="dialog-content">
<span id="remote-process-group-ports-id" class="hidden"></span>
<div class="settings-left">

View File

@ -15,9 +15,9 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="reporting-task-configuration" nf-draggable="{containment: 'parent', handle: '.dialog-header'}">
<div class="reporting-task-configuration-tab-container">
<div id="reporting-task-configuration-tabs"></div>
<div id="reporting-task-configuration" class="hidden large-dialog">
<div class="reporting-task-configuration-tab-container dialog-content">
<div id="reporting-task-configuration-tabs" class="tab-container"></div>
<div id="reporting-task-configuration-tabs-content">
<div id="reporting-task-standard-settings-tab-content" class="configuration-tab">
<div class="settings-left">
@ -52,7 +52,7 @@
<div class="setting">
<div class="setting-name">
Scheduling strategy
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The strategy used to schedule this reporting task."/>
<div class="fa fa-question-circle" alt="Info" title="The strategy used to schedule this reporting task."></div>
</div>
<div class="reporting-task-editable setting-field">
<div id="reporting-task-scheduling-strategy-combo"></div>
@ -64,7 +64,7 @@
<div class="setting">
<div class="setting-name">
Run schedule
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The amount of time that should elapse between task executions."/>
<div class="fa fa-question-circle" alt="Info" title="The amount of time that should elapse between task executions."></div>
</div>
<div class="reporting-task-editable setting-field">
<input type="text" id="reporting-task-timer-driven-scheduling-period" class="reporting-task-scheduling-period"/>

View File

@ -18,29 +18,23 @@
<div id="settings">
<div id="settings-header-text" class="settings-header-text">NiFi Settings</div>
<div class="settings-container">
<div class="settings-tabs-container">
<div class="tab-container">
<div id="settings-tabs" class="settings-tabs"></div>
<div id="settings-refresh-button" class="pointer settings-refresh-button" title="Refresh"></div>
<div class="settings-last-refreshed-container">
Last updated:&nbsp;<span id="settings-last-refreshed"></span>
</div>
<div id="settings-loading-container" class="loading-container"></div>
<div id="new-service-or-task" class="add-icon-bg"></div>
<button id="new-service-or-task" class="add-button fa fa-plus"></button>
<div class="clear"></div>
</div>
<div class="settings-tab-background"></div>
<div>
<div id="settings-tabs-content">
<div id="general-settings-tab-content" class="configuration-tab">
<div id="general-settings">
<div class="setting">
<div class="setting-name">
Maximum timer driven thread count
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The maximum number of threads for timer driven processors available to the system."/>
<div class="fa fa-question-circle" alt="Info" title="The maximum number of threads for timer driven processors available to the system."></div>
</div>
<div class="editable setting-field">
<input type="text" id="maximum-timer-driven-thread-count-field" class="setting-input"/>
<span id="archive-flow-link" class="link">Back-up flow</span>
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Archives the flow configuration."/>
<div class="fa fa-question-circle" alt="Info" title="Archives the flow configuration."></div>
</div>
<div class="read-only setting-field">
<span id="read-only-maximum-timer-driven-thread-count-field"></span>
@ -49,7 +43,7 @@
<div class="setting">
<div class="setting-name">
Maximum event driven thread count
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The maximum number of threads for event driven processors available to the system."/>
<div class="fa fa-question-circle" alt="Info" title="The maximum number of threads for event driven processors available to the system."></div>
</div>
<div class="editable setting-field">
<input type="text" id="maximum-event-driven-thread-count-field" class="setting-input"/>
@ -72,4 +66,11 @@
</div>
</div>
</div>
<div id="settings-refresh-container">
<button id="settings-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="settings-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="settings-last-refreshed" class="value-color"></span>
</div>
<div id="settings-loading-container" class="loading-container"></div>
</div>
</div>

View File

@ -15,11 +15,15 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="shell-dialog" class="dialog cancellable">
<div id="shell-container">
<div id="shell-dialog" class="hidden cancellable" data-nf-dialog='{"resizable": "false", "responsive": {"x": "false", "y": "false"}}'>
<div id="shell-container" class="dialog-content">
<div id="shell-close-container">
<div id="shell-undock-button" class="undock-normal pointer" title="Open in New Window"></div>
<div id="shell-close-button" class="close-normal pointer" title="Close"></div>
<button id="shell-undock-button" class="undock-normal pointer " title="Open in New Window">
<div class="fa fa-external-link-square"></div>
</button>
<button id="shell-close-button" class="close-normal pointer" title="Close">
<div class="fa fa-times"></div>
</button>
<div class="clear"></div>
</div>
<div id="shell"></div>

View File

@ -18,22 +18,22 @@
<div id="cluster">
<div id="cluster-header-and-filter">
<div id="cluster-header-text">NiFi Cluster</div>
<div id="cluster-filter-controls">
<div id="cluster-filter-container">
<input type="text" id="cluster-filter"/>
<div id="cluster-filter-type"></div>
</div>
<div id="cluster-filter-stats">
<div id="cluster-filter-controls" class="filter-controls">
<div id="cluster-filter-stats" class="filter-status">
Displaying&nbsp;<span id="displayed-nodes"></span>&nbsp;of&nbsp;<span id="total-nodes"></span>
</div>
<div id="cluster-filter-container" class="filter-container">
<input type="text" id="cluster-filter" class="filter"/>
<div id="cluster-filter-type" class="filter-type"></div>
</div>
</div>
</div>
<div id="cluster-table"></div>
</div>
<div id="cluster-refresh-container">
<div id="refresh-button" class="cluster-refresh pointer" title="Refresh"></div>
<div id="cluster-last-refreshed-container">
<button id="refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="cluster-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="cluster-last-refreshed"></span>
</div>
<div id="cluster-loading-container" class="loading-container"></div>
</div>
<div id="cluster-table"></div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="node-details-dialog">
<div id="node-details-dialog" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Address</div>

View File

@ -16,8 +16,8 @@
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="connection-details">
<div class="connection-details-tab-container">
<div id="connection-details-tabs"></div>
<div class="connection-details-tab-container dialog-content">
<div id="connection-details-tabs" class="tab-container"></div>
<div id="connection-details-tabs-content">
<div id="read-only-connection-details-tab-content" class="configuration-tab">
<div class="settings-left">
@ -36,7 +36,7 @@
<div id="read-only-relationship-names-container" class="setting">
<div class="setting-name">
Relationships
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Selected relationships are in bold."/>
<div class="fa fa-question-circle" alt="Info" title="Selected relationships are in bold."></div>
</div>
<div class="setting-field">
<div id="read-only-relationship-names"></div>
@ -76,7 +76,7 @@
<div class="setting">
<div class="setting-name">
FlowFile expiration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The maximum amount of time an object may be in the flow before it will be automatically aged out of the flow."/>
<div class="fa fa-question-circle" alt="Info" title="The maximum amount of time an object may be in the flow before it will be automatically aged out of the flow."></div>
</div>
<div class="setting-field">
<span id="read-only-flow-file-expiration"></span>
@ -86,7 +86,7 @@
<div class="setting">
<div class="setting-name">
Back pressure object threshold
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The maximum number of objects that can be queued before back pressure is applied."/>
<div class="fa fa-question-circle" alt="Info" title="The maximum number of objects that can be queued before back pressure is applied."></div>
</div>
<div class="setting-field">
<span id="read-only-back-pressure-object-threshold"></span>
@ -96,7 +96,7 @@
<div class="setting">
<div class="setting-name">
Back pressure data size threshold
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The maximum data size of objects that can be queued before back pressure is applied."/>
<div class="fa fa-question-circle" alt="Info" title="The maximum data size of objects that can be queued before back pressure is applied."></div>
</div>
<div class="setting-field">
<span id="read-only-back-pressure-data-size-threshold"></span>
@ -109,7 +109,7 @@
<div class="setting">
<div class="setting-name">
Prioritizers
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Prioritizers that have been selected to reprioritize FlowFiles in this processors work queue."/>
<div class="fa fa-question-circle" alt="Info" title="Prioritizers that have been selected to reprioritize FlowFiles in this processors work queue."></div>
</div>
<div class="setting-field">
<div id="read-only-prioritizers"></div>

View File

@ -18,22 +18,22 @@
<div id="counters">
<div id="counters-header-and-filter">
<div id="counters-header-text">NiFi Counters</div>
<div id="counters-filter-controls">
<div id="counters-filter-container">
<input type="text" id="counters-filter"/>
<div id="counters-filter-type"></div>
</div>
<div id="counters-filter-stats">
<div id="counters-filter-controls" class="filter-controls">
<div id="counters-filter-stats" class="filter-status">
Displaying&nbsp;<span id="displayed-counters"></span>&nbsp;of&nbsp;<span id="total-counters"></span>
</div>
<div id="counters-filter-container" class="filter-container">
<input type="text" id="counters-filter" class="filter"/>
<div id="counters-filter-type" class="filter-type"></div>
</div>
</div>
<div id="counters-refresh-container">
<div id="refresh-button" class="counters-refresh pointer" title="Refresh"></div>
<div id="counters-last-refreshed-container">
Last updated:&nbsp;<span id="counters-last-refreshed"></span>
</div>
<div id="counters-loading-container" class="loading-container"></div>
</div>
<div id="counters-table"></div>
</div>
<div id="counters-refresh-container">
<button id="refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="counters-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="counters-last-refreshed" class="value-color"></span>
</div>
<div id="counters-loading-container" class="loading-container"></div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="action-details-dialog">
<div id="action-details-dialog" class="hidden small-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-field">

View File

@ -17,20 +17,20 @@
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="history">
<div id="history-header-text">NiFi History</div>
<div id="history-refresh-container">
<div id="refresh-button" class="history-refresh pointer" title="Refresh"></div>
<div id="history-last-refreshed-container">
Last updated:&nbsp;<span id="history-last-refreshed"></span>
</div>
<div id="history-loading-container" class="loading-container"></div>
<div id="history-filter-container">
<div id="history-filter-overview">
A filter has been applied.&nbsp;
<span id="clear-history-filter">Clear filter</span>
</div>
<div id="history-filter-button" class="button button-normal pointer">Filter</div>
<div id="history-purge-button" class="button button-normal pointer hidden">Purge</div>
<span id="clear-history-filter" class="link">Clear filter</span>
</div>
<button id="history-filter-button" title="Filter History" class="fa fa-filter"></button>
<button id="history-purge-button" title="Purge History" class="fa fa-eraser hidden"></button>
</div>
<div id="history-table"></div>
</div>
<div id="history-refresh-container">
<button id="refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="history-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="history-last-refreshed" class="value-color"></span>
</div>
<div id="history-loading-container" class="loading-container"></div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="history-filter-dialog">
<div id="history-filter-dialog" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Filter</div>
@ -31,7 +31,7 @@
<div class="start-date-setting">
<div class="setting-name">
Start date
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The start date in the format 'mm/dd/yyyy'. Must also specify start time."/>
<div class="fa fa-question-circle" alt="Info" title="The start date in the format 'mm/dd/yyyy'. Must also specify start time."></div>
</div>
<div class="setting-field">
<input type="text" id="history-filter-start-date" class="history-small-input"/>
@ -40,7 +40,7 @@
<div class="start-time-setting">
<div class="setting-name">
Start time (<span class="timezone"></span>)
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The start time in the format 'hh:mm:ss'. Must also specify start date."/>
<div class="fa fa-question-circle" alt="Info" title="The start time in the format 'hh:mm:ss'. Must also specify start date."></div>
</div>
<div class="setting-field">
<input type="text" id="history-filter-start-time" class="history-small-input"/>
@ -52,7 +52,7 @@
<div class="end-date-setting">
<div class="setting-name">
End date
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The end date in the format 'mm/dd/yyyy'. Must also specify end time."/>
<div class="fa fa-question-circle" alt="Info" title="The end date in the format 'mm/dd/yyyy'. Must also specify end time."></div>
</div>
<div class="setting-field">
<input type="text" id="history-filter-end-date" class="history-small-input"/>
@ -61,7 +61,7 @@
<div class="end-time-setting">
<div class="setting-name">
End time (<span class="timezone"></span>)
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The end time in the format 'hh:mm:ss'. Must also specify end date."/>
<div class="fa fa-question-circle" alt="Info" title="The end time in the format 'hh:mm:ss'. Must also specify end date."></div>
</div>
<div class="setting-field">
<input type="text" id="history-filter-end-time" class="history-small-input"/>

View File

@ -15,13 +15,13 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="history-purge-dialog">
<div id="history-purge-dialog" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting" style="margin-bottom: 0px;">
<div class="end-date-setting">
<div class="setting-name">
End date
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The purge end date in the format 'mm/dd/yyyy'. Must also specify end time."/>
<div class="fa fa-question-circle" alt="Info" title="The purge end date in the format 'mm/dd/yyyy'. Must also specify end time."></div>
</div>
<div class="setting-field">
<input type="text" id="history-purge-end-date" class="history-small-input"/>
@ -30,7 +30,7 @@
<div class="end-time-setting">
<div class="setting-name">
End time (<span class="timezone"></span>)
<img id="purge-end-time-info" class="icon-info" src="images/iconInfo.png" alt="Info" title="The end time in the format 'hh:mm:ss'. Must also specify end date."/>
<div class="fa fa-question-circle" id="purge-end-time-info" alt="Info" title="The end time in the format 'hh:mm:ss'. Must also specify end date."></div>
</div>
<div class="setting-field">
<input type="text" id="history-purge-end-time" class="history-small-input"/>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="nf-ok-dialog">
<div id="nf-ok-dialog" class="hidden small-dialog">
<div class="dialog-content">
<div id="nf-ok-dialog-content"></div>
</div>

View File

@ -15,9 +15,9 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="processor-details">
<div class="processor-details-tab-container">
<div id="processor-details-tabs"></div>
<div id="processor-details" class="hidden large-dialog">
<div class="dialog-content">
<div id="processor-details-tabs" class="tab-container"></div>
<div id="processor-details-tabs-content">
<div id="details-standard-settings-tab-content" class="details-tab">
<div class="settings-left">
@ -45,7 +45,7 @@
<div class="penalty-duration-setting">
<div class="setting-name">
Penalty duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The amount of time used when this processor penalizes a FlowFile."/>
<div class="fa fa-question-circle" alt="Info" title="The amount of time used when this processor penalizes a FlowFile."></div>
</div>
<div class="setting-field">
<span id="read-only-penalty-duration"></span>
@ -54,7 +54,7 @@
<div class="yield-duration-setting">
<div class="setting-name">
Yield duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="When a processor yields, it will not be scheduled again until this amount of time elapses."/>
<div class="fa fa-question-circle" alt="Info" title="When a processor yields, it will not be scheduled again until this amount of time elapses."></div>
</div>
<div class="setting-field">
<span id="read-only-yield-duration"></span>
@ -66,7 +66,7 @@
<div class="bulletin-setting">
<div class="setting-name">
Bulletin level
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The level at which this processor will generate bulletins."/>
<div class="fa fa-question-circle" alt="Info" title="The level at which this processor will generate bulletins."></div>
</div>
<div class="setting-field">
<span id="read-only-bulletin-level"></span>
@ -80,7 +80,7 @@
<div class="setting">
<div class="setting-name">
Auto terminate relationships
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Will automatically terminate FlowFiles sent to all relationships in bold."/>
<div class="fa fa-question-circle" alt="Info" title="Will automatically terminate FlowFiles sent to all relationships in bold."></div>
</div>
<div class="setting-field">
<div id="read-only-auto-terminate-relationship-names"></div>
@ -94,7 +94,7 @@
<div class="scheduling-strategy-setting">
<div class="setting-name">
Scheduling strategy
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The strategy used to schedule this processor."/>
<div class="fa fa-question-circle" alt="Info" title="The strategy used to schedule this processor."></div>
</div>
<div class="setting-field">
<span id="read-only-scheduling-strategy"></span>
@ -106,7 +106,7 @@
<div class="concurrently-schedulable-tasks-setting">
<div class="setting-name">
Concurrent tasks
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The number of tasks that should be concurrently scheduled for this processor."/>
<div class="fa fa-question-circle" alt="Info" title="The number of tasks that should be concurrently scheduled for this processor."></div>
</div>
<div class="setting-field">
<span id="read-only-concurrently-schedulable-tasks"></span>
@ -115,7 +115,7 @@
<div id="read-only-run-schedule" class="scheduling-period-setting">
<div class="setting-name">
Run schedule
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="The minimum number of seconds that should elapse between task executions."/>
<div class="fa fa-question-circle" alt="Info" title="The minimum number of seconds that should elapse between task executions."></div>
</div>
<div class="setting-field">
<span id="read-only-scheduling-period"></span>
@ -129,8 +129,7 @@
<div class="setting">
<div class="setting-name">
Run duration
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info"
title="When scheduled to run, the processor will continue running for up to this duration. A run duration of 0ms will execute once when scheduled."/>
<div class="fa fa-question-circle" alt="Info" title="When scheduled to run, the processor will continue running for up to this duration. A run duration of 0ms will execute once when scheduled."></div>
</div>
<div class="setting-field">
<span id="read-only-run-duration"></span>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="lineage-query-dialog">
<div id="lineage-query-dialog" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-field">

View File

@ -23,36 +23,36 @@
<span id="nifi-content-viewer-url" class="hidden"></span>
<div id="provenance-header-and-filter">
<div id="provenance-header-text">NiFi Data Provenance</div>
<div id="provenance-filter-controls">
<div id="provenance-filter-container">
<input type="text" id="provenance-filter"/>
<div id="provenance-filter-type"></div>
</div>
<div id="provenance-filter-stats">
<div id="provenance-filter-controls" class="filter-controls">
<div id="provenance-filter-stats" class="filter-status">
Displaying&nbsp;<span id="displayed-events"></span>&nbsp;of&nbsp;<span id="total-events"></span>
</div>
</div>
<div id="oldest-event-message">
Oldest event available:&nbsp;<span id="oldest-event"></span>
Oldest event available:&nbsp;<span id="oldest-event" class="value-color"></span>
</div>
<div id="provenance-filter-container" class="filter-container">
<input type="text" id="provenance-filter" class="filter"/>
<div id="provenance-filter-type" class="filter-type"></div>
</div>
</div>
<div id="provenance-event-search" class="provenance-panel">
<div id="provenance-refresh-container">
<div id="refresh-button" class="history-refresh pointer" title="Refresh"></div>
<div id="provenance-last-refreshed-container">
Last updated:&nbsp;<span id="provenance-last-refreshed"></span>
</div>
<div id="provenance-loading-container" class="loading-container"></div>
<div id="provenance-search-container">
<div id="provenance-search-overview">
<span id="provenance-query-message"></span>
<span id="clear-provenance-search">Clear search</span>
<span id="clear-provenance-search" class="link">Clear search</span>
</div>
<div id="provenance-search-button" class="button button-normal pointer">Search</div>
<button id="provenance-search-button" class="fa fa-search"></button>
</div>
</div>
<div id="provenance-event-search" class="provenance-panel">
<div id="provenance-table"></div>
</div>
<div id="provenance-refresh-container" class="last-refreshed-container">
<button id="refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="provenance-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="provenance-last-refreshed" class="value-color"></span>
</div>
<div id="provenance-loading-container" class="loading-container"></div>
</div>
<div id="provenance-lineage" class="provenance-panel hidden">
<div id="provenance-lineage-loading-container">
<div id="provenance-lineage-loading" class="loading-container"></div>

View File

@ -15,9 +15,9 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="event-details-dialog">
<div id="event-details-dialog-content">
<div id="event-details-tabs"></div>
<div id="event-details-dialog" class="hidden large-dialog">
<div id="event-details-dialog-content"class="dialog-content">
<div id="event-details-tabs" class="tab-container"></div>
<div id="event-details-tabs-content">
<div id="event-details-tab-content" class="details-tab">
<span id="provenance-event-id" class="hidden"></span>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="provenance-query-dialog">
<div id="provenance-query-dialog" class="hidden small-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-field">

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="provenance-search-dialog">
<div id="provenance-search-dialog" class="hidden medium-dialog">
<div class="dialog-content">
<div class="setting">
<div class="setting-name">Fields</div>
@ -29,7 +29,7 @@
<div class="start-date-setting">
<div class="setting-name">
Start date
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The start date in the format 'mm/dd/yyyy'. Must also specify start time."/>
<div class="fa fa-question-circle" title="The start date in the format 'mm/dd/yyyy'. Must also specify start time."></div>
</div>
<div class="setting-field">
<input type="text" id="provenance-search-start-date" class="provenance-small-input"/>
@ -38,7 +38,7 @@
<div class="start-time-setting">
<div class="setting-name">
Start time (<span class="timezone"></span>)
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The start time in the format 'hh:mm:ss'. Must also specify start date."/>
<div class="fa fa-question-circle" title="The start time in the format 'hh:mm:ss'. Must also specify start date."></div>
</div>
<div class="setting-field">
<input type="text" id="provenance-search-start-time" class="provenance-time-input"/>
@ -50,7 +50,7 @@
<div class="end-date-setting">
<div class="setting-name">
End date
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The end date in the format 'mm/dd/yyyy'. Must also specify end time."/>
<div class="fa fa-question-circle" title="The end date in the format 'mm/dd/yyyy'. Must also specify end time."></div>
</div>
<div class="setting-field">
<input type="text" id="provenance-search-end-date" class="provenance-small-input"/>
@ -59,7 +59,7 @@
<div class="end-time-setting">
<div class="setting-name">
End time (<span class="timezone"></span>)
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The end time in the format 'hh:mm:ss'. Must also specify end date."/>
<div class="fa fa-question-circle" title="The end time in the format 'hh:mm:ss'. Must also specify end date."></div>
</div>
<div class="setting-field">
<input type="text" id="provenance-search-end-time" class="provenance-time-input"/>
@ -71,7 +71,7 @@
<div class="end-date-setting">
<div class="setting-name">
Minimum file size
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The minimum file size (e.g. 2 KB)."/>
<div class="fa fa-question-circle" title="The minimum file size (e.g. 2 KB)."></div>
</div>
<div class="setting-field">
<input type="text" id="provenance-search-minimum-file-size" class="provenance-small-input"/>
@ -80,7 +80,7 @@
<div class="end-time-setting">
<div class="setting-name">
Maximum file size
<img class="icon-info" src="images/iconInfo.png" alt="Info" title="The maximum file size (e.g. 4 GB)."/>
<div class="fa fa-question-circle" title="The maximum file size (e.g. 4 GB)."></div>
</div>
<div class="setting-field">
<input type="text" id="provenance-search-maximum-file-size" class="provenance-time-input"/>

View File

@ -15,12 +15,13 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="status-history-dialog">
<div id="status-history-dialog" class="hidden" data-nf-dialog='{"resizable": "true", "glasspane": "true", "responsive": {"x": "false", "y": "false"}}'>
<div class="dialog-content">
<div id="status-history-details"></div>
<div id="status-history-container">
<div id="status-history-refresh-container">
<div id="status-history-refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="status-history-last-refreshed-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>
@ -31,3 +32,4 @@
</div>
<div class="clear"></div>
</div>
</div>

View File

@ -15,11 +15,11 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="cluster-connection-summary-dialog">
<div id="cluster-connection-summary-dialog" class="hidden large-dialog">
<div class="dialog-content">
<div id="cluster-connection-summary-header">
<div id="cluster-connection-refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="cluster-connection-summary-last-refreshed-container">
<button id="cluster-connection-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="cluster-connection-summary-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="cluster-connection-summary-last-refreshed"></span>
</div>
<div id="cluster-connection-summary-loading-container" class="loading-container"></div>

View File

@ -15,11 +15,11 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="cluster-input-port-summary-dialog">
<div id="cluster-input-port-summary-dialog" class="hidden large-dialog">
<div class="dialog-content">
<div id="cluster-input-port-summary-header">
<div id="cluster-input-port-refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="cluster-input-port-summary-last-refreshed-container">
<button id="cluster-input-port-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="cluster-input-port-summary-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="cluster-input-port-summary-last-refreshed"></span>
</div>
<div id="cluster-input-port-summary-loading-container" class="loading-container"></div>

View File

@ -15,11 +15,11 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="cluster-output-port-summary-dialog">
<div id="cluster-output-port-summary-dialog" class="hidden large-dialog">
<div class="dialog-content">
<div id="cluster-output-port-summary-header">
<div id="cluster-output-port-refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="cluster-output-port-summary-last-refreshed-container">
<button id="cluster-output-port-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="cluster-output-port-summary-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="cluster-output-port-summary-last-refreshed"></span>
</div>
<div id="cluster-output-port-summary-loading-container" class="loading-container"></div>

View File

@ -15,11 +15,11 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="cluster-process-group-summary-dialog">
<div id="cluster-process-group-summary-dialog" class="hidden large-dialog">
<div class="dialog-content">
<div id="cluster-process-group-summary-header">
<div id="cluster-process-group-refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="cluster-process-group-summary-last-refreshed-container">
<button id="cluster-process-group-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="cluster-process-group-summary-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="cluster-process-group-summary-last-refreshed"></span>
</div>
<div id="cluster-process-group-summary-loading-container" class="loading-container"></div>

View File

@ -15,11 +15,11 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="cluster-processor-summary-dialog">
<div id="cluster-processor-summary-dialog" class="hidden large-dialog">
<div class="dialog-content">
<div id="cluster-processor-summary-header">
<div id="cluster-processor-refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="cluster-processor-summary-last-refreshed-container">
<button id="cluster-processor-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="cluster-processor-summary-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="cluster-processor-summary-last-refreshed"></span>
</div>
<div id="cluster-processor-summary-loading-container" class="loading-container"></div>

View File

@ -15,11 +15,11 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="cluster-remote-process-group-summary-dialog">
<div id="cluster-remote-process-group-summary-dialog" class="hidden large-dialog">
<div class="dialog-content">
<div id="cluster-remote-process-group-summary-header">
<div id="cluster-remote-process-group-refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="cluster-remote-process-group-summary-last-refreshed-container">
<button id="cluster-remote-process-group-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="cluster-remote-process-group-summary-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="cluster-remote-process-group-summary-last-refreshed"></span>
</div>
<div id="cluster-remote-process-group-summary-loading-container" class="loading-container"></div>

View File

@ -18,32 +18,21 @@
<div id="summary">
<div id="summary-header-and-filter">
<div id="summary-header-text">NiFi Summary</div>
<div id="summary-filter-controls">
<div id="summary-filter-container">
<input type="text" id="summary-filter"/>
<div id="summary-filter-type"></div>
</div>
<div id="summary-filter-status">
<div id="summary-tabs" class="tab-container"></div>
<div id="summary-filter-controls" class="filter-controls">
<div id="summary-filter-status" class="filter-status">
Displaying&nbsp;<span id="displayed-items"></span>&nbsp;of&nbsp;<span id="total-items"></span>
</div>
<div id="summary-filter-container" class="filter-container">
<input type="text" placeholder="Filter" id="summary-filter" class="filter"/>
<div id="summary-filter-type" class="filter-type"></div>
</div>
</div>
<div id="view-options-container">
View:&nbsp;
<span id="view-single-node-link" class="view-summary-link">Single node</span>&nbsp;&nbsp;<span id="view-cluster-link" class="view-summary-link">Cluster</span>
<span id="view-single-node-link" class="link">Single node</span>&nbsp;&nbsp;<span id="view-cluster-link" class="link">Cluster</span>
</div>
</div>
<div id="flow-summary-refresh-container">
<div id="summary-tabs"></div>
<div id="refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="summary-last-refreshed-container">
Last updated:&nbsp;<span id="summary-last-refreshed"></span>
</div>
<div id="summary-loading-container" class="loading-container"></div>
<div id="system-diagnostics-link-container">
<span id="system-diagnostics-link" class="link">system diagnostics</span>
</div>
</div>
<div id="summary-tab-background"></div>
<div id="summary-tabs-content">
<div id="processor-summary-tab-content" class="configuration-tab">
<div id="processor-summary-table" class="summary-table"></div>
@ -65,3 +54,13 @@
</div>
</div>
</div>
<div id="flow-summary-refresh-container">
<button id="refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="summary-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="summary-last-refreshed" class="value-color"></span>
</div>
<div id="summary-loading-container" class="loading-container"></div>
<div id="system-diagnostics-link-container">
<span id="system-diagnostics-link" class="link">system diagnostics</span>
</div>
</div>

View File

@ -15,68 +15,102 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="system-diagnostics-dialog">
<div id="system-diagnostics-refresh-container">
<div id="system-diagnostics-tabs"></div>
<div id="system-diagnostics-refresh-button" class="summary-refresh pointer" title="Refresh"></div>
<div id="system-diagnostics-last-refreshed-container">
Last updated:&nbsp;<span id="system-diagnostics-last-refreshed"></span>
</div>
<div id="system-diagnostics-loading-container" class="loading-container"></div>
</div>
<div id="system-diagnostics-dialog" class="hidden large-dialog">
<div class="dialog-content">
<div id="system-diagnostics-tabs" class="tab-container"></div>
<div id="jvm-tab-content" class="configuration-tab">
<div class="settings-left">
<div class="setting">
<input type="hidden" id=""/>
<div class="setting-name">Heap <span id="utilization-heap"></span></div>
<div class="setting-header">Heap <span id="utilization-heap"></span></div>
<div class="setting-field">
<table id="heap-table">
<tbody>
<tr>
<td class="memory-header"><b>Max</b></td>
<td class="memory-header setting-name">Max:</td>
</tr>
<tr>
<td><span id="max-heap"></span></td>
</tr>
<tr>
<td><b>Total</b></td>
<td></td>
</tr>
<tr>
<td class="setting-name">Total:</td>
</tr>
<tr>
<td><span id="total-heap"></span></td>
</tr>
<tr>
<td><b>Used</b></td>
<td></td>
</tr>
<tr>
<td class="setting-name">Used:</td>
</tr>
<tr>
<td><span id="used-heap"></span></td>
</tr>
<tr>
<td><b>Free</b></td>
<td></td>
</tr>
<tr>
<td class="setting-name">Free:</td>
</tr>
<tr>
<td><span id="free-heap"></span></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="clear"></div>
</div>
</div>
<div class="spacer"></div>
<div class="settings-right">
<div class="setting">
<div class="setting-name">Non heap <span id="utilization-non-heap"></span></div>
<div class="setting-header">Non-heap <span id="utilization-non-heap"></span></div>
<div class="setting-field">
<table id="heap-table">
<tbody>
<tr>
<td class="memory-header"><b>Max</b></td>
<td class="memory-header setting-name">Max:</td>
</tr>
<tr>
<td><span id="max-non-heap"></span></td>
</tr>
<tr>
<td><b>Total</b></td>
<td></td>
</tr>
<tr>
<td class="setting-name">Total:</td>
</tr>
<tr>
<td><span id="total-non-heap"></span></td>
</tr>
<tr>
<td><b>Used</b></td>
<td></td>
</tr>
<tr>
<td class="setting-name">Used:</td>
</tr>
<tr>
<td><span id="used-non-heap"></span></td>
</tr>
<tr>
<td><b>Free</b></td>
<td></td>
</tr>
<tr>
<td class="setting-name">Free:</td>
</tr>
<tr>
<td><span id="free-non-heap"></span></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>
@ -85,7 +119,7 @@
</div>
<div class="clear"></div>
<div class="setting">
<div class="setting-name">Garbage collection</div>
<div class="setting-header">Garbage Collection</div>
<div id="garbage-collection-container" class="setting-field">
<table id="garbage-collection-table">
<tbody></tbody>
@ -96,17 +130,18 @@
<div id="system-tab-content"class="configuration-tab">
<div class="settings-left">
<div class="setting">
<div class="setting-name">Available processors</div>
<div class="setting-name">Available Processors:</div>
<div class="setting-field">
<div id="available-processors"></div>
</div>
</div>
</div>
<div class="spacer"></div>
<div class="settings-right">
<div class="setting">
<div class="setting-name">
Processor load average
<img class="setting-icon icon-info" src="images/iconInfo.png" alt="Info" title="Processor load average for the last minute. Not available on all platforms."/>
Processor Load Average:
<div class="fa fa-question-circle" alt="Info" title="Processor load average for the last minute. Not available on all platforms."></div>
</div>
<div class="setting-field">
<div id="processor-load-average"></div>
@ -115,17 +150,24 @@
</div>
<div class="clear"></div>
<div class="setting">
<div class="setting-name">FlowFile repository storage usage</div>
<div class="setting-header">FlowFile Repository Storage</div>
<div class="setting-field">
<div id="flow-file-repository-storage-usage-container"></div>
</div>
</div>
<div class="setting">
<div class="setting-name">Content repository storage usage</div>
<div class="setting-header">Content Repository Storage</div>
<div class="setting-field">
<div id="content-repository-storage-usage-container"></div>
</div>
</div>
</div>
<div id="system-diagnostics-refresh-container">
<button id="system-diagnostics-refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="system-diagnostics-last-refreshed-container" class="last-refreshed-container">
<span id="system-diagnostics-last-refreshed" class="value-color"></span>
</div>
<div id="system-diagnostics-loading-container" class="loading-container"></div>
</div>
</div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="view-single-node-dialog">
<div id="view-single-node-dialog" class="hidden small-dialog">
<div class="dialog-content">
<input id="cluster-search-field" type="text"/>
<div id="cluster-search-example">(e.g.&nbsp;my.host:80)</div>

View File

@ -20,37 +20,29 @@
<span id="template-group-id" class="hidden"><c:out value="${param.groupId}"/></span>
<div id="templates-header-and-filter">
<div id="templates-header-text">NiFi Templates</div>
<div id="templates-filter-controls">
<div id="templates-filter-container">
<input type="text" id="templates-filter"/>
<div id="templates-filter-type"></div>
</div>
<div id="templates-filter-stats">
<div id="templates-filter-controls" class="filter-controls">
<div id="templates-filter-stats" class="filter-status">
Displaying&nbsp;<span id="displayed-templates"></span>&nbsp;of&nbsp;<span id="total-templates"></span>
</div>
<div id="templates-filter-container" class="filter-container">
<input type="text" id="templates-filter" class="filter"/>
<div id="templates-filter-type" class="filter-type"></div>
</div>
</div>
<div id="templates-refresh-container">
<div id="refresh-button" class="templates-refresh pointer" title="Refresh"></div>
<div id="templates-last-refreshed-container">
Last updated:&nbsp;<span id="templates-last-refreshed"></span>
</div>
<div id="templates-loading-container" class="loading-container"></div>
<div id="upload-template-container" class="hidden">
<div id="select-template-container">
<div id="template-browse-container">
<div id="select-template-button" class="template-button">
<span>Browse</span>
<button id="select-template-button" class="fa fa-plus">
<form id="template-upload-form" enctype="multipart/form-data" method="post">
<input type="file" name="template" id="template-file-field"/>
</form>
</div>
</button>
<div id="upload-template-status" class="import-status"></div>
</div>
</div>
<div id="submit-template-container">
<div id="upload-template-button" class="template-button">Import</div>
<div id="cancel-upload-template-button" class="template-button">Cancel</div>
<button><div id="upload-template-button" title="Upload template" class="icon icon-template-import"></div></button>
<button id="cancel-upload-template-button" title="Cancel" class="fa fa-undo"></button>
<div id="selected-template-name"></div>
</div>
<div id="template-upload-form-container">
@ -59,3 +51,10 @@
</div>
<div id="templates-table"></div>
</div>
<div id="templates-refresh-container">
<button id="refresh-button" class="refresh-button pointer fa fa-refresh" title="Refresh"></button>
<div id="templates-last-refreshed-container" class="last-refreshed-container">
Last updated:&nbsp;<span id="templates-last-refreshed" class="value-color"></span>
</div>
<div id="templates-loading-container" class="loading-container"></div>
</div>

View File

@ -15,7 +15,7 @@
limitations under the License.
--%>
<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<div id="nf-yes-no-dialog">
<div id="nf-yes-no-dialog" class="hidden small-dialog">
<div class="dialog-content">
<div id="nf-yes-no-dialog-content"></div>
</div>

View File

@ -15,34 +15,38 @@
* limitations under the License.
*/
#nf-about {
position: absolute;
overflow: hidden;
width: 367px;
height: 386px;
font-size: 8pt;
z-index: 1201;
display: none;
width: 450px;
height: 450px;
max-height: 450px;
}
#nf-about-pic {
width: 100%;
height: 153px;
background-image: url(../images/nifi_about.png);
height: 50%;
background: url(../images/nifi-logo-about.svg) #000000 no-repeat center center;
top: 25%;
position: relative;
}
#nf-about-pic-container {
height: 50%;
background: #000000;
}
#nf-about-content {
background-color: #EEEEEE;
margin: 25px 15px 0px 15px;
margin: 10px 0px 0px 0px;
}
#nf-version {
font-weight:900;
font-size: 8pt;
font-weight:500;
font-size: 13px;
}
#nf-about-content p {
padding-top: 9px;
padding-bottom: 9px;
font-size: 15px;
line-height: 15px;
}
#nf-about-content span.link {

View File

@ -18,43 +18,18 @@
Bulletin Board Styles
*/
#bulletin-board {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
#bulletin-board-header-and-filter {
height: 35px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
}
#bulletin-board-header-text {
float: left;
font-size: 16px;
font-size: 18px;
font-weight: bold;
line-height: normal;
color: #728E9B;
font-family: Roboto Slab;
margin-bottom: 30px;
}
#bulletin-board-refresh-container {
height: 26px;
margin-left: 20px;
margin-right: 20px;
margin-top: 18px;
-webkit-user-select: none;
-moz-user-select: none;
}
#bulletin-board-last-refreshed-container {
float: left;
color: #666;
font-weight: normal;
margin-top: 7px;
margin-left: 3px;
position: absolute;
width: 100%;
bottom: 0px;
}
#bulletin-board-loading-container {
@ -74,65 +49,8 @@
padding-top: 10px;
}
#refresh-button {
height: 24px;
width: 26px;
float: left;
}
div.bulletin-board-stopped {
background: transparent url(../images/iconAutoRefresh.png) no-repeat scroll 0 0;
}
div.bulletin-board-stopped-hover {
background: transparent url(../images/iconAutoRefresh.png) no-repeat scroll -52px 0;
}
div.bulletin-board-polling {
background: transparent url(../images/iconAutoRefresh.png) no-repeat scroll -26px 0;
}
div.bulletin-board-polling-hover {
background: transparent url(../images/iconAutoRefresh.png) no-repeat scroll -78px 0;
}
/* filter controls */
#bulletin-board-filter-controls {
float: right;
}
#bulletin-board-filter-container {
height: 24px;
width: 318px;
}
#bulletin-board-filter {
padding: 3px 0px 1px 3px;
font-size: 12px;
height: 18px;
line-height: 20px;
width: 173px;
border: 1px solid #ccc;
margin-right: 3px;
float: left;
}
input.bulletin-board-filter-list {
color: #888;
}
#bulletin-board-filter-type {
width: 127px;
height: 18px;
line-height: 18px;
float: left;
}
#bulletin-board-status-container {
position: absolute;
right: 20px;
top: 75px;
float: right;
}
#bulletin-error-message {
@ -147,33 +65,22 @@ input.bulletin-board-filter-list {
}
#clear-bulletins-button {
border: 1px solid #AAAAAA;
color: #525252;
float: left;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align: center;
width: 55px;
margin-top: 8px;
}
/* bulletin board */
#bulletin-board-container {
position: absolute;
top: 100px;
left: 20px;
bottom: 20px;
right: 20px;
border: 1px solid #666;
overflow-y: auto;
padding: 3px;
width: 100%;
}
div.bulletin-action {
font-weight: bold;
margin-top: 4px;
margin-bottom: 4px;
font-family: Roboto;
font-size: 13px;
color: #728e9b;
}
div.bulletin {
@ -235,4 +142,5 @@ div.bulletin-link {
pre.bulletin-message {
float: left;
white-space: pre-wrap;
margin-top: 2px;
}

View File

@ -24,36 +24,22 @@
bottom: 0px;
left: 0px;
right: 0px;
}
#cluster-header-and-filter {
height: 35px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
height: 90%;
overflow: auto;
}
#cluster-header-text {
float: left;
font-size: 16px;
font-size: 18px;
font-weight: bold;
color: #728E9B;
font-family: Roboto Slab;
margin-bottom: 30px;
}
#cluster-refresh-container {
height: 26px;
margin-left: 20px;
margin-right: 20px;
margin-top: 18px;
-webkit-user-select: none;
-moz-user-select: none;
}
#cluster-last-refreshed-container {
float: left;
color: #666;
font-weight: normal;
margin-top: 6px;
margin-left: 3px;
position: absolute;
width: 100%;
bottom: 0px;
}
#cluster-loading-container {
@ -86,17 +72,12 @@
}
#cluster-filter-container {
height: 24px;
height: 32px;
width: 318px;
}
#cluster-filter {
padding: 3px 0px 1px 3px;
font-size: 12px;
height: 18px;
line-height: 20px;
width: 173px;
border: 1px solid #ccc;
margin-right: 3px;
float: left;
}
@ -106,31 +87,16 @@ input.cluster-filter-list {
}
#cluster-filter-type {
width: 127px;
height: 18px;
line-height: 18px;
width: 120px;
float: left;
}
#cluster-filter-stats {
font-size: 9px;
font-weight: bold;
color: #9f6000;
clear: left;
line-height: normal;
margin-left: 5px;
}
/* counters table */
#cluster-table {
position: absolute;
top: 100px;
left: 20px;
bottom: 20px;
right: 20px;
border: 1px solid #666;
overflow: hidden;
height: 80%;
width: 100%;
}
span.sorted {
@ -139,13 +105,6 @@ span.sorted {
/* user details dialog */
#node-details-dialog {
display: none;
width: 600px;
height: 400px;
z-index: 1301;
}
#node-events {
max-height: 200px;
overflow-y: auto;

View File

@ -15,26 +15,6 @@
* limitations under the License.
*/
/*
Component state
*/
#component-state-dialog {
position: absolute;
overflow: hidden;
width: 600px;
font-size: 10px;
z-index: 1301;
display: none;
}
#component-state-description {
width: 580px;
height: 50px;
font-size: 10px;
line-height: 12px;
}
/*
Component state filter
*/
@ -49,29 +29,11 @@
}
#component-state-filter-controls {
float: right;
margin-top: 10px;
margin-right: 2px;
margin-bottom: 7px;
}
#component-state-filter-status {
font-size: 9px;
font-weight: bold;
color: #9f6000;
clear: left;
line-height: normal;
margin-left: 5px;
}
#component-state-filter {
padding: 3px 0px 1px 3px;
font-size: 12px;
height: 18px;
line-height: 20px;
width: 173px;
border: 1px solid #ccc;
float: left;
}
/*
@ -79,9 +41,10 @@
*/
#component-state-table {
width: 578px;
height: 235px;
border: 1px solid #666;
overflow: hidden;
height: 55%;
width: 100%;
min-height: 150px;
}
/*
@ -89,8 +52,8 @@
*/
#clear-link-container {
margin-top: 16px;
margin-bottom: 18px;
position: absolute;
bottom: 10px;
}
#clear-link.disabled {

View File

@ -21,23 +21,8 @@
height: 400px;
}
div.connection-configuration-tab-container {
margin-top: -10px;
padding: 5px 11px;
}
#connection-configuration-tabs {
background-color: transparent;
border-bottom: 3px solid #666666;
height: 21px;
width: 678px;
}
#connection-configuration div.configuration-tab {
height: 275px;
overflow: auto;
padding: 10px;
background: #eee url(../images/bgTabContainer.png) repeat-x;
display: none;
}
@ -45,16 +30,6 @@ div.connection-configuration-tab-container {
Connection details.
*/
#output-port-options {
height: 18px;
width: 250px;
}
#input-port-options {
height: 18px;
width: 280px;
}
div.connection-terminal-label {
height: 26px;
}
@ -63,26 +38,6 @@ div.connection-terminal-label {
Connection settings.
*/
#connection-configuration div.settings-left {
float: left;
width: 280px;
}
#connection-configuration div.spacer {
float: left;
margin-right: 40px;
}
#connection-configuration div.settings-right {
float: left;
width: 330px;
}
#connection-configuration .setting-input {
font-size: 11px !important;
width: 270px;
}
#relationship-names-container {
height: 160px;
padding-right: 0;
@ -126,11 +81,12 @@ div.undefined {
#prioritizer-available, #prioritizer-selected {
list-style-type: none;
margin: 0px;
background: #eee;
background: #eaeef0;
width: 325px;
min-height: 28px;
min-height: 32px;
margin-bottom: 5px;
border: 1px dashed #aaa;
width: 100%;
padding: 2px;
}
#prioritizer-available li, #prioritizer-selected li {
@ -143,25 +99,31 @@ div.undefined {
}
#prioritizer-available li {
background: transparent url(../images/bgButton.png) repeat-x center center;
border-top: 1px solid #d1d1d1;
border-right: 1px solid #a7a7a7;
border-bottom: 1px solid #828282;
border-left: 1px solid #a7a7a7;
color: #666;
font-weight: bold;
}
li.available-hover {
background: transparent url(../images/bgButtonOver.png) repeat-x center center;
background: #fff;
border-top: 1px solid #CCDADB;
border-right: 1px solid #CCDADB;
border-bottom: 1px solid #CCDADB;
border-left: 1px solid #CCDADB;
color: #004849;
font-weight: 500;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
line-height: 32px;
height: 32px;
padding: 0px 10px;
box-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#prioritizer-selected li {
background: transparent url(../images/bgButtonSelected.png) repeat-x center center;
background: #355B6A;
border-top: 1px solid #AAC1CE;
border-right: 1px solid #85A6B8;
border-bottom: 1px solid #618BA3;
border-left: 1px solid #85A6B8;
color: #355B6A;
color: #fff;
font-weight: bold;
line-height: 32px;
height: 32px;
padding: 0px 10px;
}

View File

@ -25,41 +25,12 @@
height: 400px;
}
div.connection-details-tab-container {
margin-top: -10px;
padding: 5px 11px;
}
#connection-details-tabs {
background-color: transparent;
border-bottom: 3px solid #666666;
height: 21px;
width: 678px;
}
#connection-details div.configuration-tab {
height: 275px;
overflow: auto;
padding: 10px;
background: #eee url(../images/bgTabContainer.png) repeat-x;
display: none;
}
#connection-details div.settings-left {
float: left;
width: 280px;
}
#connection-details div.spacer {
float: left;
margin-right: 40px;
}
#connection-details div.settings-right {
float: left;
width: 330px;
}
#read-only-relationship-names {
border: 0 solid #CCCCCC;
height: 145px;

View File

@ -29,47 +29,16 @@
display: none;
}
div.controller-service-configuration-tab-container {
margin-top: -10px;
padding: 5px 11px;
}
#controller-service-configuration-advanced {
display: none;
}
#controller-service-configuration-tabs {
background-color: transparent;
width: 778px;
height: 21px;
border-bottom: 3px solid #666;
}
#controller-service-configuration div.configuration-tab {
height: 320px;
overflow: auto;
padding: 10px;
background: #eee url(../images/bgTabContainer.png) repeat-x;
display: none;
.controller-service-editable {
height: 32px;
}
/* controller-service settings */
#controller-service-configuration div.settings-left {
float: left;
width: 330px;
}
#controller-service-configuration div.settings-right {
float: left;
width: 382px;
}
#controller-service-configuration div.spacer {
float: left;
margin-right: 40px;
}
#controller-service-configuration .setting-input {
font-size: 11px !important;
}
@ -168,37 +137,12 @@ div.controller-service-canceling {
#controller-service-comments {
height: 250px;
width: 748px !important;
margin-top: 10px;
}
/*
Disable dialog
*/
#disable-controller-service-dialog {
z-index: 1301;
display: none;
width: 800px;
height: 450px;
line-height: normal;
}
#disable-controller-service-dialog div.settings-left {
float: left;
width: 300px;
}
#disable-controller-service-dialog div.settings-right {
float: left;
width: 435px;
}
#disable-controller-service-dialog div.spacer {
float: left;
margin-right: 40px;
}
#disable-controller-service-name {
float: left;
max-width: 280px;
@ -227,27 +171,8 @@ div.controller-service-canceling {
Enable dialog
*/
#enable-controller-service-dialog {
z-index: 1301;
display: none;
width: 800px;
height: 450px;
line-height: normal;
}
#enable-controller-service-dialog div.settings-left {
float: left;
width: 300px;
}
#enable-controller-service-dialog div.settings-right {
float: left;
width: 435px;
}
#enable-controller-service-dialog div.spacer {
float: left;
margin-right: 40px;
#enable-controller-service-scope-container {
height: 48px;
}
#enable-controller-service-name {
@ -268,8 +193,6 @@ div.controller-service-canceling {
#enable-controller-service-scope {
float: left;
width: 225px;
height: 18px;
line-height: 18px;
}
#enable-controller-service-referencing-components {

View File

@ -24,36 +24,26 @@
bottom: 0px;
left: 0px;
right: 0px;
height: 90%;
overflow: auto;
}
#counters-header-and-filter {
height: 35px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
height: 32px;
}
#counters-header-text {
float: left;
font-size: 16px;
font-size: 18px;
font-weight: bold;
color: #728E9B;
font-family: Roboto Slab;
margin-bottom: 30px;
}
#counters-refresh-container {
height: 26px;
margin-left: 20px;
margin-right: 20px;
margin-top: 18px;
-webkit-user-select: none;
-moz-user-select: none;
}
#counters-last-refreshed-container {
float: left;
color: #666;
font-weight: normal;
margin-top: 6px;
margin-left: 3px;
position: absolute;
width: 100%;
bottom: 0px;
}
#counters-loading-container {
@ -73,62 +63,10 @@
padding-top: 10px;
}
#refresh-button {
height: 24px;
width: 26px;
float: left;
}
/* filter controls */
#counters-filter-controls {
float: right;
}
#counters-filter-container {
height: 24px;
width: 318px;
}
#counters-filter {
padding: 3px 0px 1px 3px;
font-size: 12px;
height: 18px;
line-height: 20px;
width: 173px;
border: 1px solid #ccc;
margin-right: 3px;
float: left;
}
input.counters-filter-list {
color: #888;
}
#counters-filter-type {
width: 127px;
height: 18px;
line-height: 18px;
float: left;
}
#counters-filter-stats {
font-size: 9px;
font-weight: bold;
color: #9f6000;
clear: left;
line-height: normal;
margin-left: 5px;
}
/* counters table */
#counters-table {
position: absolute;
top: 100px;
left: 20px;
bottom: 20px;
right: 20px;
border: 1px solid #666;
overflow: hidden;
height: 80%;
width: 100%;
}

View File

@ -18,77 +18,12 @@
Specific dialog settings.
*/
#new-port-dialog {
z-index: 1301;
display: none;
width: 350px;
height: 150px;
}
#new-port-name {
width: 320px;
}
#new-process-group-dialog {
z-index: 1301;
display: none;
width: 350px;
height: 150px;
}
#new-process-group-name {
width: 320px;
}
#new-remote-process-group-dialog {
z-index: 1301;
display: none;
width: 400px;
height: 370px;
}
#new-remote-process-group-dialog .small-setting-input {
width: 160px;
}
#new-remote-process-group-transport-protocol-combo {
width: 160px;
height: 18px;
line-height: 18px;
}
#new-remote-process-group-uri {
width: 370px;
}
#new-template-dialog {
z-index: 1301;
display: none;
width: 350px;
height: 300px;
}
.new-template-field {
width: 320px;
}
#alias-dialog {
z-index: 1301;
display: none;
width: 350px;
height: 195px;
}
#fill-color-dialog {
z-index: 1301;
display: none;
width: 195px;
height: 400px;
}
#fill-color-value {
width: 165px;
width: 100%;
}
#fill-color-processor-preview {
@ -146,13 +81,6 @@
float: left;
}
#connections-dialog {
z-index: 1301;
display: none;
height: 365px;
width: 646px;
}
div.connections-component-name {
float: left;
width: 390px;
@ -253,40 +181,6 @@ div.go-to-link {
cursor: pointer;
}
#system-diagnostics-dialog {
z-index: 1301;
display: none;
height: 450px;
width: 420px;
}
#instantiate-template-dialog {
z-index: 1301;
display: none;
width: 355px;
height: 120px;
}
#available-templates {
width: 325px;
height: 18px;
line-height: 18px;
}
#remote-port-configuration {
z-index: 1301;
display: none;
width: 350px;
height: 195px;
}
#drop-request-status-dialog {
display: none;
width: 400px;
height: 125px;
z-index: 1301;
}
#drop-request-percent-complete {
margin-top: 10px;
width: 378px;
@ -297,13 +191,6 @@ div.go-to-link {
border-radius: 0;
}
#listing-request-status-dialog {
display: none;
width: 400px;
height: 125px;
z-index: 1301;
}
#listing-request-percent-complete {
margin-top: 10px;
width: 378px;
@ -319,37 +206,10 @@ div.progress-label {
display: block;
font-weight: bold;
text-align: center;
width: 378px;
/*width: 378px;*/
margin-top: 4px;
}
#nf-ok-dialog {
z-index: 1302;
display: none;
height: 225px;
width: 375px;
}
#nf-ok-dialog-content {
width: 355px;
height: 130px;
overflow: auto;
}
#nf-yes-no-dialog {
z-index: 1302;
display: none;
height: 175px;
width: 350px;
}
#nf-yes-no-dialog-content {
width: 330px;
height: 180px;
overflow: auto;
margin-top: -10px;
}
/*
General dialog styles.
*/
@ -368,19 +228,51 @@ ul.result li {
}
.setting-name {
font-size: 10px;
font-weight: bold;
font-size: 12px;
font-weight: 500;
font-family: Roboto Slab;
padding-bottom: 4px;
color: #527991;
color: #262626;
}
.setting-name .fa {
color: #004849;
margin-left: 5px;
}
.setting-field .fa {
color: #004849;
margin-left: 5px;
}
.setting-field {
overflow: hidden;
line-height: normal;
width: 100%;
color: #775351;
font-size: 13px;
}
img.icon-info {
position: relative;
left: 3px;
top: 1px;
.setting-header{
color: #728e9b;
font-size: 12pt;
font-family: 'Roboto Slab';
font-style: normal;
font-weight: bold;
line-height: 56px;
text-overflow: ellipsis;
}
.dialog-content div.settings-left {
float: left;
width: 49%;
}
.dialog-content div.settings-right {
float: left;
width: 49%;
}
.dialog-content div.spacer {
float: left;
width: 2%;
}

View File

@ -90,6 +90,7 @@
#bulletin-button {
background-color: #728E9B; /*base-color*/
cursor: default;
}
#bulletin-button.has-bulletins {
@ -124,6 +125,7 @@ div.search-result-icon {
background: #FFFFFF;
border: 0px;
padding: 0px;
box-shadow: none;
}
input.search-flow {

View File

@ -28,6 +28,7 @@
background-size: 14px 14px;
background-image: linear-gradient(to right, rgba(229, 235, 237, 1) 1px, transparent 1px), linear-gradient(to bottom, rgba(229, 235, 237, 1) 1px, transparent 1px);
z-index: 1;
overflow: hidden;
}
.tooltip {

View File

@ -57,6 +57,10 @@ md-toolbar.md-small .md-toolbar-tools {
font-size: 12px;
}
#users-link {
padding-left: 7px;
}
#nifi-logo {
height: 37px;
margin: 0 20px 0 15px;
@ -69,6 +73,8 @@ md-toolbar.md-small .md-toolbar-tools {
border-top-right-radius:2px;
margin:0 10px;
cursor: pointer;
height: 40px;
width: 40px;
}
#global-menu-button:hover {
@ -129,6 +135,8 @@ md-toolbar.md-small .md-toolbar-tools {
background-color:#AABBC3; /*tint base-color 40%*/
border-radius:2px;
border: none;
height: 40px;
width: 40px;
}
#header .component-button:hover {

View File

@ -24,31 +24,22 @@
bottom: 0px;
left: 0px;
right: 0px;
height: 90%;
overflow: auto;
}
#history-header-text {
height: 35px;
margin-top: 20px;
margin-left: 20px;
font-size: 16px;
font-size: 18px;
font-weight: bold;
color: #728E9B;
font-family: Roboto Slab;
padding-bottom: 10px;
}
#history-refresh-container {
height: 26px;
margin-left: 20px;
margin-right: 20px;
margin-top: 18px;
-webkit-user-select: none;
-moz-user-select: none;
}
#history-last-refreshed-container {
float: left;
color: #666;
font-weight: normal;
margin-top: 6px;
margin-left: 3px;
position: absolute;
width: 100%;
bottom: 0px;
}
#history-loading-container {
@ -68,81 +59,40 @@
padding-top: 10px;
}
#refresh-button {
height: 24px;
width: 26px;
float: left;
}
/* history filter controls */
#history-filter-container {
position: absolute;
right: 20px;
top: 75px;
float: right;
}
#history-filter-button {
height: 20px;
line-height: 20px;
width: 55px;
text-align: center;
font-weight: bold;
border: 1px solid #AAAAAA;
color: #525252;
float: left;
margin-right: 0;
padding: 0;
float: right;
margin-left: 1px;
}
#history-filter-overview {
float: left;
color: #9F6000;
font-size: 9px;
font-weight: bold;
line-height: normal;
float: left;
margin-top: 6px;
margin-right: 8px;
display: none;
}
#clear-history-filter {
cursor: pointer;
color:#31849B;
text-decoration: underline;
font-family: Roboto;
font-size: 13px;
margin-bottom: 5px;
font-weight: normal;
}
#history-purge-button {
height: 20px;
line-height: 20px;
width: 55px;
text-align: center;
font-weight: bold;
border: 1px solid #AAAAAA;
color: #525252;
float: left;
margin-left: 5px;
margin-right: 0;
padding: 0;
float: right;
}
/* history filter dialog */
#history-filter-dialog {
display: none;
width: 421px;
height: 250px;
z-index: 1301;
}
.start-date-setting, .start-time-setting, .end-date-setting, .end-time-setting {
float: left;
width: 48%;
}
.start-date-setting, .end-date-setting {
margin-right: 15px;
margin-right: 4%;
width: 48%;
}
.history-small-input {
@ -156,41 +106,22 @@
margin-right: 10px;
font-size: 11px;
float: left;
width: 275px;
width: 70% !important;
}
#history-filter-type {
width: 96px;
height: 18px;
line-height: 18px;
float: left;
}
/* history purge controls */
#history-purge-dialog {
display: none;
width: 422px;
height: 150px;
z-index: 1301;
}
/* action details dialog */
#action-details-dialog {
display: none;
width: 400px;
height: 350px;
z-index: 1301;
}
#action-details {
height: 250px;
overflow-y: auto;
}
div.action-detail {
margin-bottom: 2px;
margin-bottom: 5px;
}
div.history-details-name {
@ -199,18 +130,14 @@ div.history-details-name {
font-size: 10px;
font-weight: bold;
line-height: normal;
width: 115px;
width: 100%;
margin-right: 10px;
}
/* history table */
#history-table {
position: absolute;
top: 100px;
left: 20px;
bottom: 20px;
right: 20px;
border: 1px solid #666;
overflow: hidden;
height: 80%;
width: 100%;
}

View File

@ -22,25 +22,17 @@
font-size: 10px;
z-index: 1301;
display: none;
padding: 10px;
cursor: move;
}
#label-configuration-contents {
margin-top: -50px;
}
#label-value {
width: 375px;
height: 210px;
resize: both;
width: 100%;
height: 189px;
resize: vertical;
min-height: 100px;
min-width: 100px;
font-weight: bold;
}
#label-font-size {
height: 24px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;

View File

@ -93,7 +93,11 @@ i[class^="fa-"]:before, i[class*=" fa-"]:before {
/*remove margin from flowfont*/
i[class^="icon-"]:before, i[class*=" icon-"]:before {
margin: -1px;
margin: -2px;
}
.value-color {
color: #775351;
}
body {
@ -223,9 +227,14 @@ ul.links span.header-link-over {
}
div.nifi-tooltip {
border: 1px solid #454545;
background-color: #FFFFA3;
color: #454545;
border: 0px !important;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.80) !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
font-family: Roboto;
font-weight: 500;
font-size: 13px;
color: #fff !important;
max-width: 500px;
word-wrap: break-word;
}
@ -259,17 +268,47 @@ input.filter-list {
background: transparent url(../images/iconTwistArrow.png) no-repeat scroll top right;
}
input[type=text], input[type=password], textarea {
background: white url(../images/bgInputText.png) repeat-x scroll top;
border: 1px solid #ccc;
font-family: Verdana;
label {
font-family: 'Roboto Slab', serif;
font-size: 12px;
padding: 4px;
color: #262626; /*base-font-color*/
letter-spacing: 0.05rem;
display: block;
margin-bottom: 2px;
}
input::placeholder {
color: #728e9b; /*base-color*/
}
input, input[type=text], input[type=password], textarea {
background-color: #eaeef0;
border: 1px solid #eaeef0;
font-family: Roboto, sans-serif;
font-size: 13px;
padding: 0px 0px 0px 10px;
resize: none;
height: 32px;
width: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
color: #262626;
}
input:focus, textarea:focus {
background-color: #fff;
border: 1px solid #004849; /*link-color*/
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
outline: none;
}
textarea {
overflow: hidden;
padding: 10px 10px;
resize: vertical;
color: #262626;
font-size: 13px !important;
}
ul.property-info {
@ -311,12 +350,8 @@ div.ajax-error {
background-image: url(../images/iconDelete.png);
}
div.button-refresh {
background: transparent url(../images/buttonRefresh.png) no-repeat scroll top left;
}
div.button-refresh-hover {
background: transparent url(../images/buttonRefresh.png) no-repeat scroll top right;
.refresh-button {
float: left;
}
.ui-draggable .dialog-header {
@ -327,63 +362,43 @@ div.button-refresh-hover {
div.disabled {
float: left;
width: 16px;
height: 16px;
background: transparent url(../images/iconDisable.png) repeat scroll 0 0;
}
div.enabled {
float: left;
width: 16px;
height: 16px;
background: transparent url(../images/iconEnable.png) repeat scroll 0 0;
margin-left: 3px;
margin-right: -3px;
}
div.stopped {
float: left;
width: 16px;
height: 16px;
background: transparent url(../images/iconStop.png) repeat scroll 0 0;
}
div.running {
float: left;
width: 16px;
height: 16px;
background: transparent url(../images/iconRun.png) repeat scroll 0 0;
}
div.has-errors, div.invalid {
float: left;
width: 18px;
height: 16px;
margin-left: -2px;
background: transparent url(../images/iconAlert.png) repeat scroll 0 0;
color: #ba554a !important;
}
div.transmitting {
float: left;
width: 18px;
height: 16px;
background: transparent url(../images/iconTransmissionActive.png) no-repeat center center;
}
div.not-transmitting {
float: left;
width: 18px;
height: 16px;
background: transparent url(../images/iconTransmissionInactive.png) no-repeat center center;
margin-top: 0px !important;
}
div.valid {
float: left;
width: 16px;
height: 16px;
background-color: transparent;
}
div.has-bulletins {
background: transparent url(../images/iconBulletin.png) repeat scroll 0 0;
background: #ba554a;
}
/*
@ -413,6 +428,8 @@ span.link {
font-weight: normal;
display: inline-block;
border-bottom: 1px solid #CCDADB;
font-size: 13px;
font-family: Roboto;
}
span.link-over {
@ -430,18 +447,171 @@ span.details-title {
text-decoration: underline;
}
.last-refreshed-container {
float: left;
font-weight: normal;
margin-top: 8px;
margin-left: 3px;
-webkit-user-select: none;
-moz-user-select: none;
font-family: Roboto;
font-size: 13px;
}
.refresh-toggle {
float: left;
margin: 0px 20px 0px 0px !important;
font-family: Roboto;
font-size: 13px;
}
button {
height: 28px;
width: 28px;
border: 1px solid #CCDADB; /*tint link-color 80%*/
background-color: rgba(249, 250, 251, 0.97);
color: #004849;
}
button.refresh-button {
font-size: 16px;
}
button:hover {
border: 1px solid #004849; /*link-color*/
}
button:disabled {
color: #CCDADB; /*tint link-color 80%*/
cursor: not-allowed;
border: 1px solid #CCDADB; /*tint link-color 80%*/
}
/* angular material override */
button:focus {
outline: none;
border: 0;
}
div:focus {
outline: none;
border: 0;
}
input:focus {
background-color: #fff;
border: 1px solid #004849; /*link-color*/
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
outline: none;
}
/* filter controls */
.filter-controls {
width: 100%;
}
.filter-container {
height: 32px;
width: 318px;
float: left;
}
.filter {
margin-right: 3px;
float: left;
}
input.filter {
width: 173px;
}
.filter-type {
width: 120px;
float: left;
}
.filter-status {
margin-top: 10px;
color: #775351;
font-family: Roboto;
font-size: 13px;
font-weight: 500;
margin-bottom: 5px;
}
/* buttons */
button.fa {
color: #004849;
font-size: 16px;
}
button.icon {
color: #004849;
font-size: 16px;
}
div.button {
height: 32px;
width: 90px;
padding: 0 8px;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
line-height: 33px;
text-align: center;
border: 0px;
float: right;
position: relative;
background: #728E9B;
color: #fff;
cursor: pointer;
}
div.button:hover {
background-color: #004849;
}
div.secondary-button {
height: 32px;
width: 90px;
padding: 0 8px;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
line-height: 33px;
text-align: center;
border: 0px;
float: right;
position: relative;
background: #E3E8EB;
color: #004849;
}
div.secondary-button:hover {
background-color: #C7D2D7;
}
/* tooltips */
.qtip-nifi {
border: 0px !important;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.54) !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
font-family: Roboto;
font-weight: 500;
font-size: 13px;
color: #fff !important;
}
.scrollable {
background: rgba(255, 255, 255, 1);
background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(255,255,255,0.50) 95%,rgba(234,238,240,1) 100%);
}
/* progress bars */
md-progress-linear > div {
background-color: #eaeef0 !important;
}

View File

@ -42,11 +42,14 @@
}
#graph-controls .icon {
font-size: 12px;
font-size: 18px;
line-height: 23px;
margin-left: -2px;
}
#graph-controls .fa {
font-size: 12px;
font-size: 18px;
margin-left: -1px;
}
#graph-controls .graph-control-icon {
@ -71,9 +74,7 @@ div.graph-control {
}
div.graph-control button {
height: 24px;
width: 24px;
line-height: 19px;
line-height: 28px;
border: 1px solid #CCDADB; /*tint link-color 80%*/
background-color: rgba(249,250,251,1);
color: #004849;
@ -89,7 +90,7 @@ div.graph-control button:disabled {
border: 1px solid #CCDADB; /*tint link-color 80%*/
}
div.graph-control i.graph-control-expansion {
div.graph-control div.graph-control-expansion {
color: #004849; /*link-color*/
}
@ -138,7 +139,7 @@ div.action-button {
text-transform:uppercase;
}
div.graph-control i.icon-disabled {
div.graph-control div.icon-disabled {
color: #ddd;
}

View File

@ -20,106 +20,70 @@
*/
#new-controller-service-dialog {
z-index: 1301;
display: none;
width: 800px;
height: 450px;
line-height: normal;
min-height:620px;
height: 620px;
width: 760px;
min-width: 760px;
}
#new-controller-service-dialog span.link {
cursor: pointer;
color: #004849;
font-weight: bold;
display: inline-block;
background-color: #E3E8EB;
border-radius: 2px;
padding: 1px 4px;
}
#controller-service-tag-cloud-container {
float: left;
width: 190px;
height: 350px;
padding: 0px;
}
#controller-service-types-container {
float: left;
width: 588px;
height: 350px;
}
#controller-service-description-container {
width: 588px;
height: 100px;
margin-top: 10px;
padding: 0px;
}
#controller-service-type-name {
font-size: 12pt;
font-size: 12px;
font-weight: bold;
color: #527991;
margin-bottom: 6px;
width: 588px;
margin-bottom: 2px;
min-height: 15px;
padding: 0px 0px 5px 0px;
}
#controller-service-type-name-title {
font-family: Roboto Slab;
padding: 20px 0px 10px 0px;
}
#controller-service-type-description {
width: 588px;
height: 62px;
font-size: 10px;
line-height: 12px;
font-size: 12px;
line-height: 16px;
}
#controller-service-types-table {
width: 586px;
height: 249px;
border: 1px solid #666;
min-height: 150px;
overflow: hidden;
height: 80%;
width: 100%;
}
#controller-service-types-table-container th {
vertical-align: middle;
}
/*
Processor tag cloud
*/
#controller-service-tag-cloud ul.tag-cloud {
max-height: 257px;
}
#controller-service-tag-cloud ul.tag-cloud li {
max-width: 180px;
}
#controller-service-tag-cloud div.tag-cloud-separator {
width: 180px;
}
#controller-service-tag-cloud ul.tag-filter li {
width: 180px;
}
#controller-service-tag-cloud div.selected-tag-text {
width: 160px;
}
/*
Processor type table filter
*/
#controller-service-type-filter-controls {
float: right;
margin-top: -35px;
margin-right: 2px;
margin-bottom: 7px;
}
#controller-service-type-filter-status {
font-size: 9px;
font-weight: bold;
color: #9f6000;
clear: left;
line-height: normal;
margin-left: 5px;
min-height: 32px;
padding: 0px;
margin: 0px;
}
#controller-service-type-filter {
padding: 3px 0px 1px 3px;
font-size: 12px;
height: 18px;
line-height: 20px;
width: 173px;
border: 1px solid #ccc;
float: left;
width: 200px;
}

View File

@ -14,111 +14,75 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
New processor dialog.
*/
#new-processor-dialog {
z-index: 1301;
display: none;
width: 800px;
height: 450px;
line-height: normal;
min-height:620px;
height: 620px;
width: 760px;
min-width: 760px;
}
#processor-tag-cloud-container {
float: left;
width: 190px;
height: 350px;
#new-processor-dialog span.link{
cursor: pointer;
color: #004849;
font-weight: bold;
display: inline-block;
background-color: #E3E8EB;
border-radius: 2px;
padding: 1px 4px;
}
#processor-types-container {
float: left;
width: 588px;
height: 350px;
padding: 0px;
}
#processor-description-container {
width: 588px;
height: 100px;
margin-top: 10px;
padding: 0px;
}
#processor-type-name {
font-size: 12pt;
font-size: 12px;
font-weight: bold;
color: #527991;
margin-bottom: 6px;
width: 588px;
margin-bottom: 2px;
min-height: 15px;
padding: 0px 0px 5px 0px;
}
#processor-type-name-title {
font-family: Roboto Slab;
padding: 20px 0px 10px 0px;
}
#processor-type-description {
width: 588px;
height: 62px;
font-size: 10px;
line-height: 12px;
font-size: 12px;
line-height: 16px;
}
#processor-types-table {
width: 586px;
height: 249px;
border: 1px solid #666;
min-height: 150px;
overflow: hidden;
height: 80%;
width: 100%;
}
#processor-types-table-container th {
vertical-align: middle;
}
/*
Processor tag cloud
*/
#processor-tag-cloud ul.tag-cloud {
max-height: 257px;
}
#processor-tag-cloud ul.tag-cloud li {
max-width: 180px;
}
#processor-tag-cloud div.tag-cloud-separator {
width: 180px;
}
#processor-tag-cloud ul.tag-filter li {
width: 180px;
}
#processor-tag-cloud div.selected-tag-text {
width: 160px;
}
/*
Processor type table filter
*/
#processor-type-filter-controls {
float: right;
margin-top: -35px;
margin-right: 2px;
margin-bottom: 7px;
}
#processor-type-filter-status {
font-size: 9px;
font-weight: bold;
color: #9f6000;
clear: left;
line-height: normal;
margin-left: 5px;
min-height: 32px;
padding: 0px;
}
#processor-type-filter {
padding: 3px 0px 1px 3px;
font-size: 12px;
height: 18px;
line-height: 20px;
width: 173px;
border: 1px solid #ccc;
float: left;
width: 200px;
}

View File

@ -20,106 +20,70 @@
*/
#new-reporting-task-dialog {
z-index: 1301;
display: none;
width: 800px;
height: 450px;
line-height: normal;
min-height:620px;
height: 620px;
width: 760px;
min-width: 760px;
}
#reporting-task-tag-cloud-container {
float: left;
width: 190px;
height: 350px;
#new-reporting-task-dialog span.link{
cursor: pointer;
color: #004849;
font-weight: bold;
display: inline-block;
background-color: #E3E8EB;
border-radius: 2px;
padding: 1px 4px;
}
#reporting-task-types-container {
float: left;
width: 588px;
height: 350px;
padding: 0px;
}
#reporting-task-description-container {
width: 588px;
height: 100px;
margin-top: 10px;
padding: 0px;
}
#reporting-task-type-name {
font-size: 12pt;
font-size: 12px;
font-weight: bold;
color: #527991;
margin-bottom: 6px;
width: 588px;
margin-bottom: 2px;
min-height: 15px;
padding: 0px 0px 5px 0px;
}
#reporting-task-type-name-title {
font-family: Roboto Slab;
padding: 20px 0px 10px 0px;
}
#reporting-task-type-description {
width: 588px;
height: 62px;
font-size: 10px;
line-height: 12px;
font-size: 12px;
line-height: 16px;
}
#reporting-task-types-table {
width: 586px;
height: 249px;
border: 1px solid #666;
min-height: 150px;
overflow: hidden;
height: 80%;
width: 100%;
}
#reporting-task-types-table-container th {
vertical-align: middle;
}
/*
Processor tag cloud
*/
#reporting-task-tag-cloud ul.tag-cloud {
max-height: 257px;
}
#reporting-task-tag-cloud ul.tag-cloud li {
max-width: 180px;
}
#reporting-task-tag-cloud div.tag-cloud-separator {
width: 180px;
}
#reporting-task-tag-cloud ul.tag-filter li {
width: 180px;
}
#reporting-task-tag-cloud div.selected-tag-text {
width: 160px;
}
/*
Processor type table filter
*/
#reporting-task-type-filter-controls {
float: right;
margin-top: -35px;
margin-right: 2px;
margin-bottom: 7px;
}
#reporting-task-type-filter-status {
font-size: 9px;
font-weight: bold;
color: #9f6000;
clear: left;
line-height: normal;
margin-left: 5px;
min-height: 32px;
padding: 0px;
margin: 0px;
}
#reporting-task-type-filter {
padding: 3px 0px 1px 3px;
font-size: 12px;
height: 18px;
line-height: 20px;
width: 173px;
border: 1px solid #ccc;
float: left;
width: 200px;
}

View File

@ -26,12 +26,12 @@
}
#port-name {
width: 300px;
width: 70%;
float: left;
}
.port-field {
width: 370px;
#port-name-container {
height: 32px;
}
textarea.port-field {
@ -40,11 +40,10 @@ textarea.port-field {
div.port-setting {
margin-bottom: 15px;
width: 380px;
}
div.port-enabled {
width: 12px;
width: 20%;
height: 12px;
float: left;
margin-right: 4px;

View File

@ -16,21 +16,20 @@
*/
#process-group-configuration {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
display: none;
padding: 20px;
}
#add-process-group-configuration-controller-service {
float: right;
width: 19px;
height: 19px;
margin-top: 4px;
cursor: pointer;
font-size: 16px;
text-transform: uppercase;
}
#process-group-controller-services-table {
height: 100%;
width: 100%;
}
/* settings tabs */
@ -39,9 +38,14 @@
float: left;
}
#process-group-refresh-container {
position: absolute;
bottom: 10px;
left: 20px;
height: 32px;
}
#process-group-configuration-refresh-button {
height: 24px;
width: 26px;
float: left;
}
@ -60,11 +64,6 @@
/* general */
#general-process-group-configuration {
margin-top: -190px;
margin-left: 10px;
}
#general-process-group-configuration input, #general-process-group-configuration textarea {
font-size: 11px !important;
font-family: Verdana;

Some files were not shown because too many files have changed in this diff Show More