This is an automated email from the ASF dual-hosted git repository.
riemer pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampipes.git
The following commit(s) were added to refs/heads/dev by this push:
new c616fb31b9 Bug fix pipeline editor (#3360)
c616fb31b9 is described below
commit c616fb31b9001a0cbdbafd317d6ac8284b376a04
Author: Marcel Früholz <[email protected]>
AuthorDate: Fri Nov 29 22:30:49 2024 +0100
Bug fix pipeline editor (#3360)
* Add warning that live dashboard is deprecated
* fix: Resolve minor issues in pipeline editor
---
.../static-free-input/static-free-input.component.html | 3 +++
.../static-free-input/static-free-input.component.scss | 4 ++++
.../pipeline-element-icon-stand-row.component.html | 7 ++++++-
.../pipeline-element-icon-stand-row.component.scss | 13 +++++++++++++
.../pipeline-element-icon-stand.component.scss | 2 +-
.../dropped-pipeline-element.component.html | 6 +++++-
ui/src/scss/sp/pipeline-element-options.scss | 3 +++
7 files changed, 35 insertions(+), 3 deletions(-)
diff --git
a/ui/src/app/core-ui/static-properties/static-free-input/static-free-input.component.html
b/ui/src/app/core-ui/static-properties/static-free-input/static-free-input.component.html
index 13a7b14326..a17386325c 100644
---
a/ui/src/app/core-ui/static-properties/static-free-input/static-free-input.component.html
+++
b/ui/src/app/core-ui/static-properties/static-free-input/static-free-input.component.html
@@ -73,6 +73,7 @@
(click)="applyPlaceholder(property.runtimeName)"
color="accent"
*ngFor="let property of
eventSchemas[0].eventProperties"
+ style="margin-right: 5px; margin-bottom: 5px"
>#{{ property.runtimeName }}#
</mat-chip>
</mat-chip-list>
@@ -80,12 +81,14 @@
</div>
<div fxFlex="100" *ngIf="staticProperty.multiLine">
<quill-editor
+ fxFlex="100"
*ngIf="staticProperty.htmlFontFormat"
#textEditor
formControlName="{{ fieldName }}"
[modules]="quillModulesFontFormat"
></quill-editor>
<quill-editor
+ fxFlex="100"
*ngIf="!staticProperty.htmlFontFormat"
#textEditor
formControlName="{{ fieldName }}"
diff --git
a/ui/src/app/core-ui/static-properties/static-free-input/static-free-input.component.scss
b/ui/src/app/core-ui/static-properties/static-free-input/static-free-input.component.scss
index a2c4055066..d3f5d770fd 100644
---
a/ui/src/app/core-ui/static-properties/static-free-input/static-free-input.component.scss
+++
b/ui/src/app/core-ui/static-properties/static-free-input/static-free-input.component.scss
@@ -29,6 +29,10 @@ form {
float: left;
}
+tags {
+ margin-bottom: 50px;
+}
+
::ng-deep.mat-accent ::ng-deep.mat-slider-track-fill,
.mat-accent ::ng-deep.mat-slider-thumb,
.mat-accent ::ng-deep.mat-slider-thumb-label {
diff --git
a/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.html
b/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.html
index 85f43b9f27..059b5d3597 100644
---
a/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.html
+++
b/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.html
@@ -44,7 +44,12 @@
</div>
</div>
<div fxFlex fxLayoutAlign="start start" fxLayout="column">
- <div class="element-name" fxLayoutAlign="start start">
+ <div
+ [ngClass]="{
+ 'element-name-hover': currentMouseOver,
+ 'element-name': !currentMouseOver
+ }"
+ >
{{ element.name }}
</div>
<div
diff --git
a/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.scss
b/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.scss
index 170b40e0da..3cc6731de3 100644
---
a/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.scss
+++
b/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.scss
@@ -51,6 +51,19 @@
.element-name {
font-size: 11pt;
font-weight: 500;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: inline-block;
+ white-space: nowrap;
+ max-width: 170px;
+}
+
+.element-name-hover {
+ font-size: 11pt;
+ font-weight: 500;
+ word-wrap: break-word;
+ overflow-wrap: anywhere;
+ word-break: break-word;
}
.element-description {
diff --git
a/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand.component.scss
b/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand.component.scss
index 561556ba11..f9e694eb23 100644
---
a/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand.component.scss
+++
b/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand.component.scss
@@ -93,7 +93,7 @@
}
.search-field {
- width: 180px;
+ width: 230px;
}
.group-outer {
diff --git
a/ui/src/app/editor/components/pipeline/dropped-pipeline-element/dropped-pipeline-element.component.html
b/ui/src/app/editor/components/pipeline/dropped-pipeline-element/dropped-pipeline-element.component.html
index e32ce03c46..b5fe3391bc 100644
---
a/ui/src/app/editor/components/pipeline/dropped-pipeline-element/dropped-pipeline-element.component.html
+++
b/ui/src/app/editor/components/pipeline/dropped-pipeline-element/dropped-pipeline-element.component.html
@@ -62,7 +62,11 @@
[pipelineElement]="pipelineElementConfig.payload"
></sp-pipeline-element>
</div>
-<div class="editor-pe-info" [ngClass]="'pe-info-' +
pipelineElementConfig.type">
+<div
+ class="editor-pe-info"
+ [ngClass]="'pe-info-' + pipelineElementConfig.type"
+ matTooltip="{{ pipelineElementConfig.payload.name }}"
+>
{{ pipelineElementConfig.payload.name }}
</div>
<sp-pipeline-element-statistics
diff --git a/ui/src/scss/sp/pipeline-element-options.scss
b/ui/src/scss/sp/pipeline-element-options.scss
index b5c8999b8e..d1337878e0 100644
--- a/ui/src/scss/sp/pipeline-element-options.scss
+++ b/ui/src/scss/sp/pipeline-element-options.scss
@@ -41,6 +41,9 @@
text-align: center;
box-shadow: 0 0 2px #555;
-webkit-animation: slidein 0.5s;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: block;
}
@keyframes slidein {
