- <div class="col-sm-1">
- <button type="button" class="btn btn-sm btn-danger remove-mapping" (click)="removeMapping(i)">
- <i class="fas fa-times-circle"></i>
+ <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 mt-2" (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 mt-2"
+ (click)="deleteProjectAndRoleMapping(userDetails.project_role_mappings[i])" placement="right"
+ ngbTooltip="{{ 'DELETE' | translate }}">
+ <i class="fas fa-trash-alt text-danger"></i>