Repository: nifi Updated Branches: refs/heads/master 4e08ea652 -> 26ffc6d7e
[NIFI-2050] update dialog advanced buttons [NIFI-2076] fix Add inline controller service dialog description width [NIFI-2143] update to combo width [NIFI-2136] [NIFI-2139] [NIFI-2134] update provenance details dialog [NIFI-2368] add transparent glasspane when in a shell [NIFI-2134] update flow-file details padding and .unset font-weight [NIFI-2349] [NIFI-2351] update policies shell styles [NIFI-2350] update empty queue dialog styles [NIFI-2367] update links on message pane This closes #703 Project: http://git-wip-us.apache.org/repos/asf/nifi/repo Commit: http://git-wip-us.apache.org/repos/asf/nifi/commit/26ffc6d7 Tree: http://git-wip-us.apache.org/repos/asf/nifi/tree/26ffc6d7 Diff: http://git-wip-us.apache.org/repos/asf/nifi/diff/26ffc6d7 Branch: refs/heads/master Commit: 26ffc6d7ec1f9bebfa9a1dfe5b5e94374379c27e Parents: 4e08ea6 Author: Scott Aslan <[email protected]> Authored: Thu Jul 21 18:39:59 2016 -0400 Committer: Matt Gilman <[email protected]> Committed: Mon Jul 25 08:24:23 2016 -0400 ---------------------------------------------------------------------- .../partials/canvas/flowfile-details-dialog.jsp | 4 +- .../provenance-event-details-dialog.jsp | 12 ++-- .../src/main/webapp/css/common-ui.css | 21 +++++- .../src/main/webapp/css/controller-service.css | 29 ++++++++ .../nifi-web-ui/src/main/webapp/css/dialog.css | 1 - .../nifi-web-ui/src/main/webapp/css/main.css | 4 +- .../src/main/webapp/css/policy-management.css | 4 +- .../src/main/webapp/css/provenance.css | 70 +++++++++++++------- .../src/main/webapp/css/queue-listing.css | 14 ++-- .../webapp/js/jquery/combo/jquery.combo.css | 1 - .../webapp/js/jquery/modal/jquery.modal.css | 1 - .../main/webapp/js/jquery/modal/jquery.modal.js | 27 ++++---- .../propertytable/jquery.propertytable.css | 30 --------- .../js/nf/canvas/nf-controller-service.js | 2 + .../js/nf/canvas/nf-controller-services.js | 4 +- .../js/nf/canvas/nf-processor-configuration.js | 1 + .../webapp/js/nf/canvas/nf-reporting-task.js | 2 + .../src/main/webapp/js/nf/nf-common.js | 12 ++-- .../src/main/webapp/js/nf/nf-dialog.js | 3 - .../main/webapp/js/nf/nf-processor-details.js | 1 + .../js/nf/provenance/nf-provenance-table.js | 15 +++-- 21 files changed, 152 insertions(+), 106 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/flowfile-details-dialog.jsp ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/flowfile-details-dialog.jsp b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/flowfile-details-dialog.jsp index bc4f7a5..a2de56a 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/flowfile-details-dialog.jsp +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/flowfile-details-dialog.jsp @@ -94,8 +94,8 @@ <div class="clear"></div> </div> <div class="flowfile-detail"> - <div id="content-download" class="button">Download</div> - <div id="content-view" class="button hidden">View</div> + <div id="content-download" class="secondary-button fa fa-download button-icon"><span>Download</span></div> + <div id="content-view" class="secondary-button fa fa-eye button-icon hidden"><span>View</span></div> <div class="clear"></div> </div> </div> http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/provenance/provenance-event-details-dialog.jsp ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/provenance/provenance-event-details-dialog.jsp b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/provenance/provenance-event-details-dialog.jsp index 6c2a376..743c503 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/provenance/provenance-event-details-dialog.jsp +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/provenance/provenance-event-details-dialog.jsp @@ -94,8 +94,8 @@ <div id="attributes-details"> <div id="attributes-header" class="event-header">Attribute Values</div> <div id="modified-attribute-toggle-container"> - <div id="modified-attribute-toggle-label">Only show modified</div> <div id="modified-attribute-toggle" class="nf-checkbox checkbox-unchecked"></div> + <div id="modified-attribute-toggle-label">Show modified attributes only</div> <div class="clear"></div> </div> <div class="clear"></div> @@ -133,8 +133,8 @@ <div class="clear"></div> </div> <div class="event-detail"> - <div id="input-content-download" class="button hidden">Download</div> - <div id="input-content-view" class="button hidden">View</div> + <div id="input-content-download" class="secondary-button hidden fa fa-download button-icon"><span>Download</span></div> + <div id="input-content-view" class="secondary-button fa fa-eye button-icon hidden"><span>View</span></div> <div class="clear"></div> </div> </div> @@ -170,8 +170,8 @@ <div class="clear"></div> </div> <div class="event-detail"> - <div id="output-content-download" class="button hidden">Download</div> - <div id="output-content-view" class="button hidden">View</div> + <div id="output-content-download" class="secondary-button fa fa-download button-icon hidden"><span>Download</span></div> + <div id="output-content-view" class="secondary-button fa fa-eye button-icon hidden"><span>View</span></div> <div class="clear"></div> </div> </div> @@ -186,7 +186,7 @@ </div> <div id="replay-content-message" class="hidden"></div> <div class="event-detail"> - <div id="replay-content" class="button">Submit</div> + <div id="replay-content" class="secondary-button fa fa-repeat button-icon"><span>Replay</span></div> <div class="clear"></div> </div> </div> http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/common-ui.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/common-ui.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/common-ui.css index 00b3174..a0a3cab 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/common-ui.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/common-ui.css @@ -150,9 +150,8 @@ ul.links span.header-link-over { } .blank, .unset, .sensitive { - font-style: italic; - font-weight: normal; - color: #aaa; + font-weight: normal !important; + color: #a8a8a8 !important; } .required { @@ -352,6 +351,7 @@ input.filter { .filter-type { float: left; + width: 148px; } .filter-status { @@ -376,6 +376,20 @@ button.icon { font-size: 16px; } +div.button-icon span { + padding-left: 5px; + vertical-align: middle; + font-style: normal; + font-family: Roboto; + font-size: 11px; +} + +div.button-icon { + float: left !important; + margin-left: 20px; + font-size: 18px !important; +} + div.button { height: 32px; width: 90px; @@ -411,6 +425,7 @@ div.secondary-button { position: relative; background: #E3E8EB; color: #004849; + cursor:pointer } div.secondary-button:hover { http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/controller-service.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/controller-service.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/controller-service.css index 9ac5555..e6d2cde 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/controller-service.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/controller-service.css @@ -213,4 +213,33 @@ div.disable-referencing-components, div.enable-referencing-components { #enable-controller-service-progress li, #disable-controller-service-progress li { line-height: 16px; +} + +/* + New inline controller service dialog +*/ + +div.new-inline-controller-service-combo { width: 50%; + margin-bottom: 10px; +} + +div.new-inline-controller-service-tags { + height: 18px; + width: 340px; + margin-bottom: 10px; + overflow: hidden; + white-space: nowrap; +} + +div.new-inline-controller-service-description { + height: 115px; + overflow: auto; +} + +div.new-inline-controller-service-button-container { + position: absolute; + left: 0; + bottom: 0; + right: 0; + padding: 0 8px 10px; } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css index 9ec7bc5..0d20630 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css @@ -152,7 +152,6 @@ div.go-to-link { #drop-request-percent-complete { margin-top: 10px; - width: 378px; border-radius: 0; } http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/main.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/main.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/main.css index 8999258..b0ed150 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/main.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/main.css @@ -96,8 +96,8 @@ div.context-menu-provenance { #user-links-container { position: absolute; - left: 550px; - top: 100px; + right: 20px; + top: 69px; z-index: 1300; } http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/policy-management.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/policy-management.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/policy-management.css index c0bda9a..d46d7f0 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/policy-management.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/policy-management.css @@ -123,10 +123,11 @@ div.policy-selected-component-type-icon i.icon { font-size: 28px; font-family: flowfont; color: #ad9897; + margin-left: 2px; } div.policy-selected-component-name { - height: 14px; + height: 16px; font-size: 15px; font-family: Roboto; color: #262626; @@ -140,7 +141,6 @@ div.policy-selected-component-type { font-size: 12px; font-family: Roboto; color: #728e9b; - margin-top: 3px; } /* http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/provenance.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/provenance.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/provenance.css index c2a1444..f704101 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/provenance.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/provenance.css @@ -176,33 +176,27 @@ div.searchable-field-value { div.flowfile-container { width: 282px; - height: 120px; overflow: auto; - padding: 5px; - font-family: monospace; - font-size: 12px; + color: #775351; + font-size: 13px; + font-weight: 500; + line-height:1.4 } #child-flowfiles { - margin-top: 10px; + margin-top: 20px; } div.event-header { color: #728e9b; - font-size: 12pt; + font-size: 15px; font-family: 'Roboto Slab'; font-style: normal; font-weight: bold; - line-height: 56px; + padding-bottom: 10px; text-overflow: ellipsis; } -#attributes-container { - height: 290px; - overflow: auto; - padding: 5px; -} - div.detail-name { width: 100%; font-size: 12px; @@ -217,7 +211,9 @@ div.detail-value { width: 100%; color: #775351; font-size: 13px; - font-weight: bold; + font-weight: 500; + font-family: 'Roboto'; + font-style: normal; } div.attribute-detail { @@ -238,7 +234,9 @@ div.attribute-value { width: 100%; color: #775351; font-size: 13px; - font-weight: bold; + font-weight: 500; + font-family: 'Roboto'; + font-style: normal; } #attributes-header { @@ -251,12 +249,15 @@ div.attribute-value { #modified-attribute-toggle-label { float: left; + font-size:13px; + line-height: 20px; } #modified-attribute-toggle { float: left; - margin-left: 5px; - margin-right: 0; + margin-right: 5px; + margin-left: 0; + margin-top: 3px; } div.modified-attribute-label { @@ -270,11 +271,14 @@ div.modified-attribute-label { div.modified-attribute-value { float: left; - width: 490px; - margin-left: 175px; + width: 100%; overflow: hidden; white-space: nowrap; line-height: normal; + color: #ad9897; + padding-top: 2px; + font-size: 13px; + font-weight: 500; } div.event-detail { @@ -286,9 +290,13 @@ div.event-detail { margin: 0; } +#replay-content-message { + font-size: 13px; +} + #input-content-view, #output-content-view { float: left; - margin-left: 5px; + margin-left: 10px; } div.content-detail-name { @@ -305,7 +313,9 @@ div.content-detail-value { width: 100%; color: #775351; font-size: 13px; - font-weight: bold; + font-weight: 500; + font-family: 'Roboto'; + font-style: normal; } #replay-details { @@ -401,7 +411,9 @@ div.content-detail-value { #event-timeline { margin-top: 8px; color: #9F6000; - font-weight: bold; + font-weight: 500; + font-family: 'Roboto'; + font-style: normal; line-height: normal; } @@ -479,8 +491,10 @@ text.event-type { } text.event-type.expand-parents, text.event-type.expand-children { - font-weight: bold; - font-size: 12px; + font-weight: 500; + font-family: 'Roboto'; + font-style: normal; + font-size: 13px; } g.flowfile circle.context, g.event circle.context { @@ -510,4 +524,12 @@ path.flowfile-icon-arc { path.flowfile-icon-top { pointer-events: none; +} + +#child-flowfile-count { + font-weight: normal; +} + +#parent-flowfile-count { + font-weight: normal; } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/queue-listing.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/queue-listing.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/queue-listing.css index bcc0425..92d9997 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/queue-listing.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/queue-listing.css @@ -90,11 +90,11 @@ div.flowfile-header { color: #728e9b; - font-size: 12pt; + font-size: 15px; font-family: 'Roboto Slab'; font-style: normal; font-weight: bold; - padding-bottom: 20px; + padding-bottom: 10px; text-overflow: ellipsis; } @@ -118,7 +118,9 @@ div.detail-value { width: 100%; color: #775351; font-size: 13px; - font-weight: bold; + font-weight: 500; + font-family: 'Roboto'; + font-style: normal; } div.attribute-detail { @@ -139,7 +141,9 @@ div.attribute-value { width: 100%; color: #775351; font-size: 13px; - font-weight: bold; + font-weight: 500; + font-family: 'Roboto'; + font-style: normal; } #flowfile-attributes-header { @@ -174,5 +178,5 @@ div.content-detail-value { width: 100%; color: #775351; font-size: 13px; - font-weight: bold; + font-weight: 500; } http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/combo/jquery.combo.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/combo/jquery.combo.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/combo/jquery.combo.css index 9983ea2..8df72b9 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/combo/jquery.combo.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/combo/jquery.combo.css @@ -26,7 +26,6 @@ height: 30px; line-height: 30px; border: 1px solid #eaeef0; - width: 148px; } .combo-options { http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.css index 2af4522..76e6ef3 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.css @@ -55,7 +55,6 @@ right: 0px; bottom: 0px; opacity: 0.65; - background-color: #728E9B; } .dialog-header { http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.js index af05da5..49500bd 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.js @@ -79,7 +79,7 @@ * "fullscreen-height": "420px", //optional, default is original dialog height (accepts 'px' values) * "fullscreen-width": "470px", //optional, default is original dialog width (accepts 'px' values) * }, - * "glasspane": "false" //optional, displays a modal glasspane behind the dialog...default true + * "glasspane": "#728E9B" //optional, set the color of modal glasspane...default if unset is the dialog header color * } * * @argument {jQuery} $ @@ -108,15 +108,16 @@ var buttonWrapper = $('<div class="dialog-buttons"></div>'); var button; $.each(buttonModel, function (i, buttonConfig) { + var clazz = isDefinedAndNotNull(buttonConfig.clazz) ? buttonConfig.clazz : ''; if (buttonConfig.color) { - button = $('<div class="button" style="color:' + buttonConfig.color.text + '; background:' + buttonConfig.color.base + ';"></div>').text(buttonConfig.buttonText); + button = $('<div class="button ' + clazz + '" style="color:' + buttonConfig.color.text + '; background:' + buttonConfig.color.base + ';"><span>' + buttonConfig.buttonText + '</span></div>'); button.hover(function () { $(this).css("background-color", buttonConfig.color.hover); }, function () { $(this).css("background-color", buttonConfig.color.base); }); } else { - button = $('<div class="button"></div>').text(buttonConfig.buttonText) + button = $('<div class="button ' + clazz + '"><span>' + buttonConfig.buttonText + '</span></div>'); } button.click(function () { var handler = $(this).data('handler'); @@ -469,23 +470,23 @@ nfDialog = dialog.data('nf-dialog'); } - // determine if dialog needs a glass pane overlay - var hasGlasspane; + var glasspane; if (isDefinedAndNotNull(nfDialog.glasspane)) { - hasGlasspane = nfDialog.glasspane; + glasspane = nfDialog.glasspane; } else { - nfDialog.glasspane = hasGlasspane = true; + nfDialog.glasspane = glasspane = dialog.find('.dialog-header').css('background-color'); //default to header color + if(top !== window || !isDefinedAndNotNull(nfDialog.glasspane)) { + nfDialog.glasspane = glasspane = 'transparent'; + } } //create glass pane overlay - if(hasGlasspane && (top === window)) { - // build the dialog modal - var modalGlassMarkup = '<div data-nf-dialog-parent="' + dialog.attr('id') + '" class="modal-glass"></div>'; + var modalGlassMarkup = '<div data-nf-dialog-parent="' + + dialog.attr('id') + '" class="modal-glass" style="background-color: ' + glasspane + ';"></div>'; - var modalGlass = $(modalGlassMarkup); + var modalGlass = $(modalGlassMarkup); - modalGlass.css('z-index', zIndex - 1).appendTo($('body')); - } + modalGlass.css('z-index', zIndex - 1).appendTo($('body')); //persist data attribute dialog.data('nfDialog', nfDialog); http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/propertytable/jquery.propertytable.css ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/propertytable/jquery.propertytable.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/propertytable/jquery.propertytable.css index 499cb80..023b45b 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/propertytable/jquery.propertytable.css +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/propertytable/jquery.propertytable.css @@ -70,36 +70,6 @@ div.new-property-button-container { } /* - New inline controller service dialog -*/ - -div.new-inline-controller-service-combo { width: 50%; - margin-bottom: 10px; -} - -div.new-inline-controller-service-tags { - height: 18px; - width: 340px; - margin-bottom: 10px; - overflow: hidden; - white-space: nowrap; -} - -div.new-inline-controller-service-description { - height: 115px; - width: 340px; - overflow: auto; -} - -div.new-inline-controller-service-button-container { - position: absolute; - left: 0; - bottom: 0; - right: 0; - padding: 0 8px 10px; -} - -/* Styles for the property editor. */ http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-service.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-service.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-service.js index b6c375b..303eb47 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-service.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-service.js @@ -1774,6 +1774,7 @@ nf.ControllerService = (function () { if (nf.Common.isDefinedAndNotNull(controllerService.customUiUrl) && controllerService.customUiUrl !== '') { buttons.push({ buttonText: 'Advanced', + clazz: 'fa fa-cog button-icon', color: { base: '#E3E8EB', hover: '#C7D2D7', @@ -1921,6 +1922,7 @@ nf.ControllerService = (function () { if (nf.Common.isDefinedAndNotNull(nf.CustomUi) && nf.Common.isDefinedAndNotNull(controllerService.customUiUrl) && controllerService.customUiUrl !== '') { buttons.push({ buttonText: 'Advanced', + clazz: 'fa fa-cog button-icon', color: { base: '#E3E8EB', hover: '#C7D2D7', http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-services.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-services.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-services.js index f9ba910..5dc275e 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-services.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-controller-services.js @@ -527,11 +527,11 @@ nf.ControllerServices = (function () { var hasBulletins = !nf.Common.isEmpty(dataContext.bulletins); if (hasErrors) { - markup += '<div class="pointer has-errors fa fa-warning" style="margin-top: 4px; margin-right: 3px;" ></div>'; + markup += '<div class="pointer has-errors fa fa-warning" style="margin-top: 4px; margin-right: 3px; float: left;" ></div>'; } if (hasBulletins) { - markup += '<div class="has-bulletins fa fa-sticky-note-o" style="margin-top: 5px; margin-right: 3px;"></div>'; + markup += '<div class="has-bulletins fa fa-sticky-note-o" style="margin-top: 5px; margin-right: 3px; float: left;"></div>'; } if (hasErrors || hasBulletins) { http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-processor-configuration.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-processor-configuration.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-processor-configuration.js index aaac0c5..fa1d9a5 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-processor-configuration.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-processor-configuration.js @@ -749,6 +749,7 @@ nf.ProcessorConfiguration = (function () { if (nf.Common.isDefinedAndNotNull(processor.config.customUiUrl) && processor.config.customUiUrl !== '') { buttons.push({ buttonText: 'Advanced', + clazz: 'fa fa-cog button-icon', color: { base: '#E3E8EB', hover: '#C7D2D7', http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-reporting-task.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-reporting-task.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-reporting-task.js index 61633ee..7a2540d 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-reporting-task.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-reporting-task.js @@ -504,6 +504,7 @@ nf.ReportingTask = (function () { if (nf.Common.isDefinedAndNotNull(reportingTask.customUiUrl) && reportingTask.customUiUrl !== '') { buttons.push({ buttonText: 'Advanced', + clazz: 'fa fa-cog button-icon', color: { base: '#E3E8EB', hover: '#C7D2D7', @@ -650,6 +651,7 @@ nf.ReportingTask = (function () { if (nf.Common.isDefinedAndNotNull(nf.CustomUi) && nf.Common.isDefinedAndNotNull(reportingTask.customUiUrl) && reportingTask.customUiUrl !== '') { buttons.push({ buttonText: 'Advanced', + clazz: 'fa fa-cog button-icon', color: { base: '#E3E8EB', hover: '#C7D2D7', http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-common.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-common.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-common.js index 06448ee..c82fda6 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-common.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-common.js @@ -531,9 +531,9 @@ nf.Common = (function () { */ populateField: function (target, value) { if (nf.Common.isUndefined(value) || nf.Common.isNull(value)) { - return $('#' + target).addClass('unset').text('No value set'); + return $('#' + target).addClass('unset').text('No value previously set'); } else if (value === '') { - return $('#' + target).addClass('blank').text('Empty string set'); + return $('#' + target).addClass('blank').text('Empty string previously set'); } else { return $('#' + target).text(value); } @@ -623,12 +623,12 @@ nf.Common = (function () { formatValue: function (value) { if (nf.Common.isDefinedAndNotNull(value)) { if (value === '') { - return '<span class="blank">Empty string set</span>'; + return '<span class="blank" style="font-size: 13px; padding-top: 2px;">Empty string previously set</span>'; } else { return nf.Common.escapeHtml(value); } } else { - return '<span class="unset">No value set</span>'; + return '<span class="unset" style="font-size: 13px; padding-top: 2px;">No value previously set</span>'; } }, @@ -1023,10 +1023,10 @@ nf.Common = (function () { if (!nf.Common.isDefinedAndNotNull(rawDateTime)) { return new Date(); } - if (rawDateTime === 'No value set') { + if (rawDateTime === 'No value previously set') { return new Date(); } - if (rawDateTime === 'Empty string set') { + if (rawDateTime === 'Empty string previously set') { return new Date(); } http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-dialog.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-dialog.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-dialog.js index d90ead0..26d0f30 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-dialog.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-dialog.js @@ -27,9 +27,6 @@ $(document).ready(function () { $('#nf-ok-dialog-content').empty(); } } - }).draggable({ - containment: 'parent', - handle: '.dialog-header' }); // configure the yes/no dialog http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-processor-details.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-processor-details.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-processor-details.js index 8a7f86e..175857b 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-processor-details.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/nf-processor-details.js @@ -230,6 +230,7 @@ nf.ProcessorDetails = (function () { if (nf.Common.isDefinedAndNotNull(nf.CustomUi) && nf.Common.isDefinedAndNotNull(processor.config.customUiUrl) && processor.config.customUiUrl !== '') { buttons.push({ buttonText: 'Advanced', + clazz: 'fa fa-cog button-icon', color: { base: '#E3E8EB', hover: '#C7D2D7', http://git-wip-us.apache.org/repos/asf/nifi/blob/26ffc6d7/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/provenance/nf-provenance-table.js ---------------------------------------------------------------------- diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/provenance/nf-provenance-table.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/provenance/nf-provenance-table.js index fac15ec..f914669 100644 --- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/provenance/nf-provenance-table.js +++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/provenance/nf-provenance-table.js @@ -1345,10 +1345,15 @@ nf.ProvenanceTable = (function () { // show the previous value if the property has changed if (attribute.value !== attribute.previousValue) { - attributeRecord - .append('<div class="modified-attribute-label">previous</div>') - .append($('<div class="modified-attribute-value">' + nf.Common.formatValue(attribute.previousValue) + '</div>').ellipsis()) - .append('<div class="clear"></div>'); + if (nf.Common.isDefinedAndNotNull(attribute.previousValue)) { + attributeRecord + .append($('<div class="modified-attribute-value">' + nf.Common.formatValue(attribute.previousValue) + '<span class="unset"> (previous)</span></div>').ellipsis()) + .append('<div class="clear"></div>'); + } else { + attributeRecord + .append($('<div class="unset" style="font-size: 13px; padding-top: 2px;">' + nf.Common.formatValue(attribute.previousValue) + '</div>').ellipsis()) + .append('<div class="clear"></div>'); + } } else { // mark this attribute as not modified attributeRecord.addClass('attribute-unmodified'); @@ -1359,7 +1364,7 @@ nf.ProvenanceTable = (function () { if (nf.Common.isDefinedAndNotNull(value)) { element.removeClass('unset').text(value); } else { - element.addClass('unset').text('No value set'); + element.addClass('unset').text('No value previously set'); } };
