argos/dmp-frontend/src/app/shared/components/criteria/users/users-criteria.component.html

<form class="user-roles-criteria" [formGroup]="formGroup">
	<mat-card class="mat-card">
		<div class="row">
			<div class="col-sm-6 col-md-8">
				<mat-form-field>
					<input matInput placeholder="{{'CRITERIA.USERS.LABEL'| translate}}" formControlName="like" (ngModelChange)="controlModified()">
				</mat-form-field>
			</div>
			<div class="col-sm-6 col-md-4">
				<mat-form-field>
					<mat-select placeholder="{{'CRITERIA.USERS.ROLE' | translate}}" formControlName="appRoles" (change)="controlModified()"
					 multiple>
						<mat-option *ngFor="let role of getPrincipalAppRoleValues()" [value]="role">{{getPrincipalAppRoleWithLanguage(role)}}</mat-option>
					</mat-select>
				</mat-form-field>
			</div>
		</div>
	</mat-card>
</form>