NIFI-11874 update Process Group configuration layout in the UI (#7591)

* NIFI-11874 update Process Group configuration layout in the UI

* NIFI-11874: relocate checkbox for recursive application of paramenter context

* NIFI-11874 remove comments tab from process group configuration

* NIFI-11874 minor cleanup of float CSS for process-group-parameter-context-combo

This closes #7591
This commit is contained in:
markobean 2023-10-21 10:09:29 -04:00 committed by GitHub
parent 2687a591c3
commit 63a2503fc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 134 additions and 115 deletions

View File

@ -26,6 +26,8 @@
<button id="add-process-group-configuration-controller-service" class="add-button fa fa-plus" title="Create a new controller service"></button>
<div id="general-process-group-configuration-tab-content" class="configuration-tab">
<div id="general-process-group-configuration">
<div class="settings-columns">
<div class="settings-column">
<div class="setting">
<div class="setting-name">Process group name</div>
<span id="process-group-id" class="hidden"></span>
@ -98,8 +100,12 @@
<span id="read-only-process-group-outbound-policy" class="unset"></span>
</div>
</div>
</div>
<div class="settings-column">
<div class="setting">
<div class="setting-name">Default FlowFile Expiration</div>
<div class="setting-name">Default FlowFile Expiration
<div class="fa fa-question-circle" alt="Info" title="This setting applies as the default FLowFile expiration for any new connection. Configuration of existing connections is unaffected."></div>
</div>
<div class="editable setting-field">
<input type="text" id="process-group-default-flowfile-expiration" class="setting-input"/>
</div>
@ -108,7 +114,9 @@
</div>
</div>
<div class="setting">
<div class="setting-name">Default Back Pressure Object Threshold</div>
<div class="setting-name">Default Back Pressure Object Threshold
<div class="fa fa-question-circle" alt="Info" title="This setting applies as the default back pressure object count for any new connection. Configuration of existing connections is unaffected."></div>
</div>
<div class="editable setting-field">
<input type="text" id="process-group-default-back-pressure-object-threshold" class="setting-input"/>
</div>
@ -117,7 +125,9 @@
</div>
</div>
<div class="setting">
<div class="setting-name">Default Back Pressure Data Size Threshold</div>
<div class="setting-name">Default Back Pressure Data Size Threshold
<div class="fa fa-question-circle" alt="Info" title="This setting applies as the default back pressure data size for any new connection. Configuration of existing connections is unaffected."></div>
</div>
<div class="editable setting-field">
<input type="text" id="process-group-default-back-pressure-data-size-threshold" class="setting-input"/>
</div>
@ -136,6 +146,9 @@
<span id="read-only-process-group-log-file-suffix" class="unset"></span>
</div>
</div>
</div>
</div>
</div>
<div class="setting">
<div class="setting-name">Process group comments</div>
<div class="editable setting-field">
@ -151,7 +164,6 @@
<div class="clear"></div>
</div>
</div>
</div>
<div id="process-group-controller-services-tab-content" class="configuration-tab">
<div id="process-group-controller-services-table" class="settings-table"></div>
</div>

View File

@ -76,6 +76,14 @@
/* general */
#general-process-group-configuration div.settings-columns {
display: flex;
}
#general-process-group-configuration div.settings-columns .settings-column {
margin-right: 50px;
}
#general-process-group-configuration input, #general-process-group-configuration textarea {
width: 350px;
vertical-align: middle;
@ -83,11 +91,9 @@
#process-group-parameter-context-combo {
width: 328px;
float: left;
}
#parameter-contexts-recursive-container {
float: left;
margin-left: 10px;
}
@ -126,6 +132,7 @@
#process-group-comments {
height: 100px;
width: 750px;
}
#read-only-process-group-comments {