Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<mat-form-field [class]="class + ' search-select'" [floatLabel]="appService.getViewMode() || showLabel ? '' : 'never'">
<mat-label *ngIf="appService.getViewMode() || showLabel">{{label}}</mat-label>
<mat-select [id]="id" [formControl]="formControlSelect" [placeholder]="placeholderLabel" #test
(selectionChange)="launchEvent($event)" (openedChange)="resetACDatas()" [required]="required" [multiple]="multiple">
<input matInput class="mat-select-search-input mat-select-search-hidden" />
<div class="mat-select-search-inner"
[ngClass]="{'mat-select-search-inner-multiple': matSelect.multiple}">
<input matInput id="searchSelectInput" [formControl]="formControlSearch" class="mat-select-search-input"
#searchSelectInput (keydown)="_handleKeydown($event)" (input)="onInputChange($event.target.value)"
(blur)="onBlur($event.target.value)" [placeholder]="'lang.search' | translate" />
<button mat-button *ngIf="formControlSearch.value" mat-icon-button aria-label="Clear" (click)="_reset(true)"
class="mat-select-search-clear">
<mat-icon class="fa fa-times"></mat-icon>
</button>
</div>
<div *ngIf="value && _options?.length === 0 && datas.length > 5" class="mat-select-search-no-entries-found">
{{'lang.noResult' | translate}}
</div>
<mat-option *ngIf="showResetOption" [value]="null"><i>({{'lang.emptyValue' | translate}})</i></mat-option>
<mat-option *ngFor="let value of filteredDatas | async" [value]="returnValue === 'id' ? value.id : value"
[title]="value.title !== undefined ? value.title : value.label" [disabled]="value.disabled"
[class.opt-group]="value.isTitle" [style.color]="value.color">
<span [innerHTML]="value.label"></span>
</mat-option>
<mat-option *ngFor="let value of selecteded" [value]="returnValue === 'id' ? value.id : value"
[title]="value.title !== undefined ? value.title : value.label" [disabled]="value.disabled"
[class.opt-group]="value.isTitle" [style.color]="value.color">
<span [innerHTML]="value.label"></span>
</mat-option>
</mat-select>
<mat-error *ngIf="formControlSelect.status!=='VALID' && formControlSelect.touched && !hideErrorDesc">
{{getErrorMsg(formControlSelect.errors)}}</mat-error>
<mat-icon *ngIf="suffixIcon !== null" style="height: auto;" matSuffix [style.color]="suffixIcon.color"
class="fas fa-circle selectSuffixIcon" [title]="suffixIcon.title !== undefined ? suffixIcon.title : ''">
</mat-icon>
</mat-form-field>