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 <[email protected]> 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,
