You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by ri...@apache.org on 2021/12/01 16:30:07 UTC
[incubator-streampipes] branch dev updated: [hotfix] Improve adapter status dialog
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/incubator-streampipes.git
The following commit(s) were added to refs/heads/dev by this push:
new d054962 [hotfix] Improve adapter status dialog
d054962 is described below
commit d05496209352b5badbac16432ab877fe6588a7e5
Author: Dominik Riemer <do...@gmail.com>
AuthorDate: Wed Dec 1 17:29:57 2021 +0100
[hotfix] Improve adapter status dialog
---
.../start-adapter-configuration.component.html | 8 ++++----
.../adapter-started/adapter-started-dialog.component.html | 14 ++++++--------
.../delete-adapter-dialog.component.html | 2 +-
3 files changed, 11 insertions(+), 13 deletions(-)
diff --git a/ui/src/app/connect/components/start-adapter-configuration/start-adapter-configuration.component.html b/ui/src/app/connect/components/start-adapter-configuration/start-adapter-configuration.component.html
index 8992ec8..1c063ea 100644
--- a/ui/src/app/connect/components/start-adapter-configuration/start-adapter-configuration.component.html
+++ b/ui/src/app/connect/components/start-adapter-configuration/start-adapter-configuration.component.html
@@ -47,7 +47,7 @@
<mat-checkbox [(ngModel)]="removeDuplicates"
[ngModelOptions]="{standalone: true}">Remove Duplicates
</mat-checkbox>
- <mat-form-field *ngIf="removeDuplicates">
+ <mat-form-field *ngIf="removeDuplicates" color="accent">
<input matInput id="input-removeDuplicatesTime"
[ngModelOptions]="{standalone: true}" placeholder="Remove Duplicates Time Window"
[(ngModel)]="removeDuplicatesTime">
@@ -57,12 +57,12 @@
[ngModelOptions]="{standalone: true}"
matTooltip="Send maximum one event in the specified time window">Reduce the event rate
</mat-checkbox>
- <mat-form-field *ngIf="eventRateReduction">
+ <mat-form-field *ngIf="eventRateReduction" color="accent">
<input type="number" matInput id="input-evenRateTime"
[ngModelOptions]="{standalone: true}" [(ngModel)]="eventRateTime"
placeholder="Time Window (Milliseconds)" matTooltipPosition="above">
</mat-form-field>
- <mat-form-field *ngIf="eventRateReduction">
+ <mat-form-field *ngIf="eventRateReduction" color="accent">
<mat-label>Event Aggregation</mat-label>
<mat-select [(ngModel)]="eventRateMode" [ngModelOptions]="{standalone: true}">
<mat-option class="md-elevation-z1" style="background: white;"
@@ -78,7 +78,7 @@
data-cy="sp-store-in-datalake">
Store in Datalake
</mat-checkbox>
- <mat-form-field *ngIf="saveInDataLake">
+ <mat-form-field *ngIf="saveInDataLake" color="accent">
<mat-label>Select Time Field</mat-label>
<mat-select [(ngModel)]="dataLakeTimestampField"
[ngModelOptions]="{standalone: true}"
diff --git a/ui/src/app/connect/dialog/adapter-started/adapter-started-dialog.component.html b/ui/src/app/connect/dialog/adapter-started/adapter-started-dialog.component.html
index 7c3ed27..d193b58 100644
--- a/ui/src/app/connect/dialog/adapter-started/adapter-started-dialog.component.html
+++ b/ui/src/app/connect/dialog/adapter-started/adapter-started-dialog.component.html
@@ -21,22 +21,21 @@
<div fxLayout="column" fxLayoutAlign="center center" fxFlex="100">
<div fxLayout="column" *ngIf="!adapterInstalled">
<div fxLayoutAlign="center">
- <mat-spinner fxLayoutAlign="center" style="margin: 10px 0 5px 0" color="accent">Loading
+ <mat-spinner [diameter]="50" fxLayoutAlign="center" style="margin: 10px 0 5px 0" color="accent">Loading
</mat-spinner>
</div>
<div fxLayoutAlign="center">
<h3>Please wait while your new adapter is being generated...</h3>
</div>
</div>
- <div fxLayout="column" fxLayoutAlign="center center" fxFlex="100" *ngIf="adapterInstalled">
-
- <div fxLayout="column" fxLayoutAlign="center center" fxFlex="100">
+ <div fxLayout="column" fxLayoutAlign="center center" fxFlex="100" *ngIf="adapterInstalled" class="w-100">
+ <div fxLayout="column" fxLayoutAlign="center center" fxFlex="100" *ngIf="pipelineOperationStatus">
<sp-pipeline-started-status
[pipelineOperationStatus]="pipelineOperationStatus">
</sp-pipeline-started-status>
+ <mat-divider fxFlex="100"></mat-divider>
</div>
-
- <div *ngIf="adapterStatus.success">
+ <div *ngIf="adapterStatus.success" fxFlex="100" fxLayout="column" class="w-100">
<div *ngIf="!isSetAdapter && !isTemplate">
<div class="success-message" fxFlex="100" fxLayoutAlign="center center" fxLayout="row">
<i class="material-icons">done</i>
@@ -50,7 +49,6 @@
<span> Your new data set is now available in the pipeline editor.</span>
</div>
</div>
-
<div *ngIf="isTemplate">
<div class="success-message" fxFlex="100" fxLayoutAlign="center center" fxLayout="row">
<i class="material-icons">done</i>
@@ -58,7 +56,7 @@
</div>
</div>
- <div *ngIf="!isSetAdapter && !isTemplate">
+ <div *ngIf="!isSetAdapter && !isTemplate" fxFlex="100">
<pipeline-element-runtime-info [streamDescription]="streamDescription"
[pollingActive]="pollingActive"></pipeline-element-runtime-info>
</div>
diff --git a/ui/src/app/connect/dialog/delete-adapter-dialog/delete-adapter-dialog.component.html b/ui/src/app/connect/dialog/delete-adapter-dialog/delete-adapter-dialog.component.html
index 91ca286..2ba2da0 100644
--- a/ui/src/app/connect/dialog/delete-adapter-dialog/delete-adapter-dialog.component.html
+++ b/ui/src/app/connect/dialog/delete-adapter-dialog/delete-adapter-dialog.component.html
@@ -34,7 +34,7 @@
</div>
<div fxFlex="100" fxLayoutAlign="center center" fxLayout="column" *ngIf="isInProgress" data-cy="adapter-deletion-in-progress">
<div fxLayout="row" fxLayoutAlign="space-around">
- <mat-spinner [mode]="'indeterminate'" color="accent"></mat-spinner>
+ <mat-spinner [diameter]="50" [mode]="'indeterminate'" color="accent"></mat-spinner>
</div>
<b><h4>{{currentStatus}}</h4></b>
</div>