You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by ze...@apache.org on 2021/06/16 12:37:08 UTC
[incubator-streampipes] branch STREAMPIPES-380 updated: WIP
refactor connect ui
This is an automated email from the ASF dual-hosted git repository.
zehnder pushed a commit to branch STREAMPIPES-380
in repository https://gitbox.apache.org/repos/asf/incubator-streampipes.git
The following commit(s) were added to refs/heads/STREAMPIPES-380 by this push:
new 49c8f5c WIP refactor connect ui
49c8f5c is described below
commit 49c8f5c89434b3b8bca21f2a9207bd4ea035e266
Author: Philipp Zehnder <ze...@fzi.de>
AuthorDate: Wed Jun 16 14:36:48 2021 +0200
WIP refactor connect ui
---
.../components/data-marketplace/data-marketplace.component.html | 2 +-
.../existing-adapters/existing-adapters.component.html | 2 +-
.../runtime-info/pipeline-element-runtime-info.component.html | 2 +-
.../schema-editor/event-schema/event-schema.component.html | 2 +-
.../start-adapter-configuration.component.html | 2 +-
ui/src/app/core/components/toolbar/toolbar.component.html | 6 ++++--
6 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/ui/src/app/connect/components/data-marketplace/data-marketplace.component.html b/ui/src/app/connect/components/data-marketplace/data-marketplace.component.html
index 6b85661..9968cfb 100644
--- a/ui/src/app/connect/components/data-marketplace/data-marketplace.component.html
+++ b/ui/src/app/connect/components/data-marketplace/data-marketplace.component.html
@@ -88,7 +88,7 @@
<div *ngIf="newAdapterFromDescription===undefined" fxLayout="row wrap" fxLayoutAlign="start stretch"
class="adapter-description-container">
- <sp-adapter-description attr.id="{{adapterDescription.name.replace(' ', '_')}}"
+ <sp-adapter-description attr.id="{{adapterDescription.name.replaceAll(' ', '_')}}"
class="adapter-description"
fxFlex="33" (click)="selectAdapter(adapterDescription)"
*ngFor="let adapterDescription of filteredAdapterDescriptions | filter:filterTerm"
diff --git a/ui/src/app/connect/components/data-marketplace/existing-adapters/existing-adapters.component.html b/ui/src/app/connect/components/data-marketplace/existing-adapters/existing-adapters.component.html
index 78b0112..026aba1 100644
--- a/ui/src/app/connect/components/data-marketplace/existing-adapters/existing-adapters.component.html
+++ b/ui/src/app/connect/components/data-marketplace/existing-adapters/existing-adapters.component.html
@@ -104,7 +104,7 @@
</span>
<span fxFlex fxFlexOrder="3" fxLayout="row" fxLayoutAlign="center center">
<button color="primary" mat-button mat-icon-button matTooltip="Delete adapter"
- matTooltipPosition="above" (click)="deleteAdapter(adapter)">
+ data-cy="delete" matTooltipPosition="above" (click)="deleteAdapter(adapter)">
<i class="material-icons">delete</i>
</button>
</span>
diff --git a/ui/src/app/connect/components/runtime-info/pipeline-element-runtime-info.component.html b/ui/src/app/connect/components/runtime-info/pipeline-element-runtime-info.component.html
index af1bd91..4bd3593 100644
--- a/ui/src/app/connect/components/runtime-info/pipeline-element-runtime-info.component.html
+++ b/ui/src/app/connect/components/runtime-info/pipeline-element-runtime-info.component.html
@@ -26,7 +26,7 @@
</div>
</div>
</div>
-<div *ngIf="runtimeData">
+<div *ngIf="runtimeData" data-cy="sp-connect-adapter-live-preview">
<p>Here is a preview of your data:</p>
<table class="dataTable row-border hover">
<thead>
diff --git a/ui/src/app/connect/components/schema-editor/event-schema/event-schema.component.html b/ui/src/app/connect/components/schema-editor/event-schema/event-schema.component.html
index 33ee0d5..4111397 100644
--- a/ui/src/app/connect/components/schema-editor/event-schema/event-schema.component.html
+++ b/ui/src/app/connect/components/schema-editor/event-schema/event-schema.component.html
@@ -41,7 +41,7 @@
*ngIf="isError">
</sp-error-message>
- <div *ngIf="!isError && !isLoading" fxLayout="column" fxLayoutAlign="space-evenly stretched" class="drag-drop-tree">
+ <div *ngIf="!isError && !isLoading" fxLayout="column" fxLayoutAlign="space-evenly stretched" class="drag-drop-tree" data-cy="sp-connect-schema-editor">
<tree-root #tree [nodes]="nodes" [options]="options" (updateData)="onUpdateData(tree)">
<ng-template #treeNodeTemplate let-node let-index="index">
<event-property-row
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 f52d27a..820c6b9 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
@@ -7,7 +7,7 @@
<div fxLayoutAlign="center" fxLayout="column" fxFlex="100">
<mat-form-field>
<input matInput id="input-AdapterName" [ngModelOptions]="{standalone: true}" placeholder="Adapter Name"
- [(ngModel)]="adapterDescription.name">
+ [(ngModel)]="adapterDescription.name" data-cy="sp-adapter-name">
</mat-form-field>
<mat-form-field>
<input matInput id="input-AdapterDescription" [ngModelOptions]="{standalone: true}"
diff --git a/ui/src/app/core/components/toolbar/toolbar.component.html b/ui/src/app/core/components/toolbar/toolbar.component.html
index 991b82c..76f3e77 100644
--- a/ui/src/app/core/components/toolbar/toolbar.component.html
+++ b/ui/src/app/core/components/toolbar/toolbar.component.html
@@ -54,7 +54,8 @@
[ngClass]="accountMenuOpen.menuOpen ? 'sp-icon-button-no-hover' : 'sp-icon-button'" style="min-width:0px;"
[matMenuTriggerFor]="menu"
#accountMenuOpen="matMenuTrigger"
- matTooltip="User Preferences" matTooltipPosition="below">
+ matTooltip="User Preferences" matTooltipPosition="below"
+ data-cy="sp-user-preferences">
<i [ngStyle]="accountMenuOpen.menuOpen ? {'color': '#39b54a'} : {'color': 'white'}" class="material-icons">account_circle</i>
</button>
</div>
@@ -79,7 +80,8 @@
</button>
<mat-divider></mat-divider>
<button mat-menu-item id="sp_logout" (click)="logout()"
- style="min-width:0px;">
+ style="min-width:0px;"
+ data-cy="sp-logout">
<mat-icon aria-label="Logout">exit_to_app</mat-icon>
Logout
</button>