Apache
/
nifi
mirror of https://github.com/apache/nifi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

NIFI-13054: (#8676) 

- Restoring Property Editor popups that provide EL Function documentation and Parameter descriptions.

This closes #8676
This commit is contained in:
Matt Gilman 2024-04-22 14:03:00 -04:00 committed by GitHub
parent 31e1ce8f4c
commit 2af2a3956e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.html
View File

@ -15,7 +15,7 @@
~ limitations under the License.
-->
<div class="el-function-tooltip tooltip">
<div class="el-function-tooltip tooltip" [style.left.px]="left" [style.bottom.px]="bottom">
@if (data?.elFunction; as elFunction) {
<div class="flex flex-col gap-y-3">
<div class="el-name">{{ elFunction.name }}</div>

3
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.scss
View File

@ -16,6 +16,9 @@
*/
.el-function-tooltip {
position: fixed;
width: 400px;
.el-name {
font-weight: bold;
font-family: monospace;

2
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.ts
View File

@ -29,6 +29,8 @@ import { ControllerServiceApi } from '../../controller-service/controller-servic
styleUrls: ['./el-function-tip.component.scss']
})
export class ElFunctionTip {
@Input() left = 0;
@Input() bottom = 0;
@Input() data: ElFunctionTipInput | null = null;
constructor(private nifiCommon: NiFiCommon) {}

4
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.html
View File

@ -15,12 +15,14 @@
~ limitations under the License.
-->
<div class="tooltip">
<div class="tooltip parameter-tip" [style.left.px]="left" [style.bottom.px]="bottom">
@if (data?.parameter; as parameter) {
<div class="flex flex-col gap-y-3">
<div class="parameter-name">{{ parameter.name }}</div>
@if (hasDescription(parameter)) {
<div>{{ parameter.description }}</div>
} @else {
<div class="unset nifi-surface-default">No description provided</div>
}
</div>
}

15
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.scss
View File

@ -15,9 +15,14 @@
* limitations under the License.
*/
.parameter-name {
font-weight: 700;
font-family: monospace;
font-size: 16px;
margin-bottom: 10px;
.parameter-tip {
position: fixed;
width: 400px;
.parameter-name {
font-weight: 700;
font-family: monospace;
font-size: 16px;
margin-bottom: 10px;
}
}

2
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.ts
View File

@ -29,6 +29,8 @@ import { ControllerServiceApi } from '../../controller-service/controller-servic
styleUrls: ['./parameter-tip.component.scss']
})
export class ParameterTip {
@Input() left = 0;
@Input() bottom = 0;
@Input() data: ParameterTipInput | null = null;
constructor(private nifiCommon: NiFiCommon) {}