<i class="fas fa-plus-circle"></i> {{'PAGE.USERS.ADDMAPPINGS' | translate}}</button>
</div>
</div>
- <label class="col-sm-12 col-form-label mandatory-label"
+ <label class="col-sm-12 col-form-label mandatory-label ps-2"
[ngClass]="{'text-danger': projectRoleForm.invalid === true && submitted === true}">{{'MANDATORYCHECK' |
translate}}</label>
<div *ngFor="let params of getControls(); let i = index;" [formGroupName]="i">
<div class="col-sm-8 col-md-8">
<ng-select placeholder="{{'SELECT' | translate}}" [items]="projects" bindLabel="name"
bindValue="name" formControlName="project_name" id="project_{{i}}"
- [ngClass]="{ 'is-invalid': submitted && params.controls.project_name.errors }">
- </ng-select>
+ [ngClass]="{ 'is-invalid': submitted && params.controls.project_name.errors }"></ng-select>
</div>
<label class="col-sm-3 col-md-3 col-form-label" for="roles_{{i}}">{{'ROLES' |
translate}}*</label>
</div>
<div class="col-sm-1"
*ngIf="userDetails.project_role_mappings[i] ? userDetails.project_role_mappings[i].project_name === '' : true">
- <button class="button-xs" type="button" class="close" (click)="removeMapping(i)"
+ <button class="button-xs" type="button" class="delete" (click)="removeMapping(i)"
placement="right" ngbTooltip="{{ 'CANCEL' | translate }}">
<i class="fas fa-minus-circle text-danger"></i>
</button>
</div>
<div class="col-sm-1"
*ngIf="userDetails.project_role_mappings[i] ? userDetails.project_role_mappings[i].project_name !== '' : false">
- <button class="button-xs" type="button" class="close"
- (click)="deleteProjectAndRoleMapping(userDetails.project_role_mappings[i])" placement="right"
- ngbTooltip="{{ 'DELETE' | translate }}">
+ <button class="button-xs" type="button" class="delete"
+ (click)="deleteProjectAndRoleMapping(userDetails.project_role_mappings[i])"
+ placement="right" ngbTooltip="{{ 'DELETE' | translate }}">
<i class="fas fa-trash-alt text-danger"></i>
</button>
</div>