FIX #9011 fix front according to back refactoring

Signed-off-by: Alex ORLUC <alex.orluc@maarch.org>

src/frontend/app/profile.component.html

@@ -222,13 +222,13 @@
                                         </mat-list-item>
                                         <mat-divider></mat-divider>
                                         <ng-container *ngFor="let basket of user.baskets;let i = index">
-                                            <mat-list-item *ngIf="basket.group_id && basket.userToDisplay == ''" (mouseover)="showActions(basket)" (mouseout)="hideActions(basket)"
+                                            <mat-list-item *ngIf="basket.group_id && basket.userToDisplay == null" (mouseover)="showActions(basket)" (mouseout)="hideActions(basket)"
                                                 style="cursor: pointer;">
                                                 <mat-icon mat-list-icon color="primary" *ngIf="basket.enabled">
                                                     <mat-checkbox (click)="$event.stopPropagation()" (change)="$event ? selectionBaskets.toggle(basket) : null" [checked]="selectionBaskets.isSelected(basket)"
                                                         color="primary"></mat-checkbox>
                                                 </mat-icon>
-                                                <h4 mat-line [attr.color]="basket.userToDisplay != '' ? 'primary': ''" style="display: flex;align-items: center;">
+                                                <h4 mat-line [attr.color]="basket.userToDisplay != null ? 'primary': ''" style="display: flex;align-items: center;">
                                                     <span (click)="selectionBaskets.toggle(basket);" matTooltip="{{basket.basket_name}} [{{basket.group_desc}}]" [ngStyle]="{'opacity': basket.allowed ? '1' : '0.5'}"
                                                         style="flex: 2;overflow: hidden;text-overflow: ellipsis;">
                                                         {{basket.basket_name}}
@@ -244,10 +244,10 @@
                                         <mat-tab label="{{lang.basketsRedirected}}">
                                             <mat-list>
                                                 <ng-container *ngFor="let basket of user.baskets;let i = index">
-                                                    <mat-list-item *ngIf="basket.group_id && basket.userToDisplay != ''">
+                                                    <mat-list-item *ngIf="basket.group_id && basket.userToDisplay != null">
                                                         <mat-icon mat-list-icon color="primary" *ngIf="basket.enabled" style="margin-top:-60px;" class="fa fa-paper-plane">
                                                         </mat-icon>
-                                                        <h4 mat-line [ngStyle]="{'opacity': basket.allowed ? '1' : '0.5'}" [attr.color]="basket.userToDisplay != '' ? 'primary': ''">{{basket.basket_name}}
+                                                        <h4 mat-line [ngStyle]="{'opacity': basket.allowed ? '1' : '0.5'}" [attr.color]="basket.userToDisplay != null ? 'primary': ''">{{basket.basket_name}}
                                                             <span class="label label-primary" style="font-weight:normal">{{basket.group_desc}}</span>
                                                         </h4>
                                                         <p mat-line [ngStyle]="{'opacity': basket.allowed ? '1' : '0.5'}">
@@ -271,11 +271,11 @@
                                                     <mat-list-item *ngIf="!basket.group_id">
                                                         <mat-icon mat-list-icon color="primary" style="margin-top:-60px;" class="fa fa-reply">
                                                         </mat-icon>
-                                                        <h4 mat-line [attr.color]="basket.userToDisplay != '' ? 'primary': ''">{{basket.basket_name}}
+                                                        <h4 mat-line [attr.color]="basket.userToDisplay != null ? 'primary': ''">{{basket.basket_name}}
                                                             <span class="label label-primary" style="font-weight:normal">{{basket.group_desc}}</span>
                                                         </h4>
                                                         <p mat-line>
-                                                            <mat-form-field *ngIf="basket.userToDisplay == ''" floatLabel="never">
+                                                            <mat-form-field *ngIf="basket.userToDisplay == null" floatLabel="never">
                                                                 <input matTooltip="{{lang.redirectBasket}}" matTooltipPosition="above" type="text" placeholder="{{lang.redirectBasket}}"
                                                                     matInput [matAutocomplete]="auto" [formControl]="userCtrl">
                                                                 <mat-autocomplete #auto="matAutocomplete">