You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by oe...@apache.org on 2026/07/02 11:31:51 UTC
(streampipes) branch fix-possible-chip-grid-form-field-error created (now 5b3e7af59f)
This is an automated email from the ASF dual-hosted git repository.
SvenO3 pushed a change to branch fix-possible-chip-grid-form-field-error
in repository https://gitbox.apache.org/repos/asf/streampipes.git
at 5b3e7af59f Fix chip grid form fields
This branch includes the following new commits:
new 5b3e7af59f Fix chip grid form fields
The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
(streampipes) 01/01: Fix chip grid form fields
Posted by oe...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
SvenO3 pushed a commit to branch fix-possible-chip-grid-form-field-error
in repository https://gitbox.apache.org/repos/asf/streampipes.git
commit 5b3e7af59fa7328c2f531044c28b5abb9b4876e9
Author: Sven Oehler <oe...@web.de>
AuthorDate: Thu Jul 2 13:31:32 2026 +0200
Fix chip grid form fields
---
.../asset-details-labels.component.html | 16 +++++++++++++---
.../asset-details-labels.component.ts | 15 ++-------------
.../adapter-deployment-settings.component.html | 6 +++---
.../adapter-deployment-settings.component.ts | 16 ++--------------
4 files changed, 20 insertions(+), 33 deletions(-)
diff --git a/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.html b/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.html
index 3d1d5d727b..c00478defc 100644
--- a/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.html
+++ b/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.html
@@ -44,8 +44,17 @@
<mat-icon>refresh</mat-icon>
</button>
</div>
- <mat-form-field [disabled]="allLabels.length === 0">
- <mat-chip-grid #chipGrid aria-label="Labels">
+ <div
+ class="asset-label-chip-field"
+ [class.asset-label-chip-field-disabled]="
+ allLabels.length === 0
+ "
+ >
+ <mat-chip-grid
+ #chipGrid
+ aria-label="Labels"
+ [disabled]="allLabels.length === 0"
+ >
@for (label of labels; track label) {
<mat-chip-row
(removed)="remove(label)"
@@ -80,6 +89,7 @@
: ('Click to add label' | translate)
"
data-cy="asset-label-input"
+ class="asset-label-chip-input"
#labelInput
[formControl]="labelCtrl"
[matChipInputFor]="chipGrid"
@@ -105,7 +115,7 @@
>
}
</mat-autocomplete>
- </mat-form-field>
+ </div>
</sp-form-field>
}
</div>
diff --git a/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.ts b/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.ts
index fa330c1159..1e93db37ad 100644
--- a/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.ts
+++ b/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.ts
@@ -31,13 +31,7 @@ import {
SpAsset,
SpLabel,
} from '@streampipes/platform-services';
-import {
- MatChipGrid,
- MatChipInput,
- MatChipInputEvent,
- MatChipRemove,
- MatChipRow,
-} from '@angular/material/chips';
+import { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';
import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { COMMA, ENTER } from '@angular/cdk/keycodes';
import { Observable } from 'rxjs';
@@ -61,7 +55,6 @@ import {
import { MatButton, MatIconButton } from '@angular/material/button';
import { RouterLink } from '@angular/router';
import { MatIcon } from '@angular/material/icon';
-import { MatFormField } from '@angular/material/form-field';
import { AsyncPipe, NgStyle } from '@angular/common';
import { StyleDirective } from '@ngbracket/ngx-layout/extended';
import { MatOption } from '@angular/material/select';
@@ -80,14 +73,10 @@ import { TranslatePipe } from '@ngx-translate/core';
RouterLink,
MatIconButton,
MatIcon,
- MatFormField,
- MatChipGrid,
- MatChipRow,
+ MatChipsModule,
NgStyle,
StyleDirective,
- MatChipRemove,
FormsModule,
- MatChipInput,
MatAutocompleteTrigger,
ReactiveFormsModule,
MatAutocomplete,
diff --git a/ui/src/app/connect/components/adapter-configuration/adapter-settings/adapter-deployment-settings/adapter-deployment-settings.component.html b/ui/src/app/connect/components/adapter-configuration/adapter-settings/adapter-deployment-settings/adapter-deployment-settings.component.html
index 7fa467e054..119887bfc8 100644
--- a/ui/src/app/connect/components/adapter-configuration/adapter-settings/adapter-deployment-settings/adapter-deployment-settings.component.html
+++ b/ui/src/app/connect/components/adapter-configuration/adapter-settings/adapter-deployment-settings/adapter-deployment-settings.component.html
@@ -36,8 +36,8 @@
@if (deploymentMode === 'filter') {
<div fxFlex="100" fxLayout="column" class="mt-10">
- <mat-form-field color="accent">
- <mat-label>Service Tags</mat-label>
+ <label>Service Tags</label>
+ <div>
<mat-chip-grid #chipGrid>
@for (
serviceTag of deploymentConfiguration.desiredServiceTags;
@@ -73,7 +73,7 @@
</mat-option>
}
</mat-autocomplete>
- </mat-form-field>
+ </div>
</div>
}
</div>
diff --git a/ui/src/app/connect/components/adapter-configuration/adapter-settings/adapter-deployment-settings/adapter-deployment-settings.component.ts b/ui/src/app/connect/components/adapter-configuration/adapter-settings/adapter-deployment-settings/adapter-deployment-settings.component.ts
index edc80ef422..9454d82db5 100644
--- a/ui/src/app/connect/components/adapter-configuration/adapter-settings/adapter-deployment-settings/adapter-deployment-settings.component.ts
+++ b/ui/src/app/connect/components/adapter-configuration/adapter-settings/adapter-deployment-settings/adapter-deployment-settings.component.ts
@@ -32,13 +32,7 @@ import {
import { Observable } from 'rxjs';
import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { COMMA, ENTER } from '@angular/cdk/keycodes';
-import {
- MatChipGrid,
- MatChipInput,
- MatChipInputEvent,
- MatChipRemove,
- MatChipRow,
-} from '@angular/material/chips';
+import { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';
import { map, startWith } from 'rxjs/operators';
import {
MatAutocomplete,
@@ -51,7 +45,6 @@ import {
MatRadioGroup,
} from '@angular/material/radio';
import { FlexDirective, LayoutDirective } from '@ngbracket/ngx-layout/flex';
-import { MatFormField, MatLabel } from '@angular/material/form-field';
import { MatIcon } from '@angular/material/icon';
import { MatOption } from '@angular/material/select';
import { AsyncPipe } from '@angular/common';
@@ -66,13 +59,8 @@ import { TranslatePipe } from '@ngx-translate/core';
MatRadioGroup,
FormsModule,
MatRadioButton,
- MatFormField,
- MatLabel,
- MatChipGrid,
- MatChipRow,
- MatChipRemove,
+ MatChipsModule,
MatIcon,
- MatChipInput,
MatAutocompleteTrigger,
ReactiveFormsModule,
MatAutocomplete,