slasherss/ipwa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: added user search to various components

Browse Source
This commit is contained in:
Jan Szumotalski
2025-06-01 17:44:48 +02:00
parent 94702834b4
commit ca6037d405
9 changed files with 171 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/commonComponents/user-search/user-search.component.html
View File

@@ -1,16 +1,15 @@
<mat-form-field>
<mat-label *ngIf="label">{{label}}</mat-label>
<input matInput type="text" [matAutocomplete]="ac" [formControl]="control" #inputComponent>
</mat-form-field>
<mat-spinner color="accent" diameter="32" *ngIf="loading"></mat-spinner>
<mat-autocomplete #ac="matAutocomplete" autoActiveFirstOption (optionSelected)="saveValue($event)" [displayWith]="displayFn">
@for (item of list; track $index) {
<mat-option [value]="item">
@if (item.fname) {
{{item.fname}} {{item.surname}} <span *ngIf="item.room" class="room">({{item.room}})</span>
} @else {
{{item.uname}}
}
</mat-option>
}
</mat-autocomplete>
<div role="group" class="app-user-search-container" (focusin)="onFocusIn($event)" (focusout)="onFocusOut($event)">
<input type="text" [matAutocomplete]="ac" [formControl]="control" #inputComponent class="input-element">
<mat-spinner color="accent" diameter="16" *ngIf="loading" matSuffix></mat-spinner>
<mat-autocomplete #ac="matAutocomplete" autoActiveFirstOption (optionSelected)="saveValue($event)" [displayWith]="displayFn">
@for (item of list; track $index) {
<mat-option [value]="item">
@if (item.fname) {
{{item.fname}} {{item.surname}} <span *ngIf="item.room" class="room">({{item.room}})</span>
} @else {
{{item.uname}}
}
</mat-option>
}
</mat-autocomplete>
</div>