This is an automated email from the ASF dual-hosted git repository.
dominikriemer 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 4bf62e3df8 refactor: Fix possible chip grid form fields error (#4677)
4bf62e3df8 is described below
commit 4bf62e3df8c007a7b48e452e74c0be24422311a8
Author: Sven Oehler <[email protected]>
AuthorDate: Thu Jul 2 14:41:31 2026 +0200
refactor: Fix possible chip grid form fields error (#4677)
---
.../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,
