FIX #9156 fix add data + css

src/frontend/app/administration/basket/list/list-administration.component.html

@@ -10,7 +10,7 @@
     <span class="area">
         <form>
             <mat-form-field appearance="outline" floatLabel="never">
-                <input name="availableData" type="text" matInput [formControl]="dataControl" placeholder="{{lang.availableDatas}}"
+                <input id="availableData" name="availableData" type="text" matInput [formControl]="dataControl" placeholder="{{lang.availableDatas}}"
                     [matAutocomplete]="auto">
                 <mat-autocomplete #auto="matAutocomplete" (optionSelected)="addData($event)">
                     <mat-option *ngFor="let item of filteredDataOptions | async" [value]="item" class="dataList">

src/frontend/app/administration/basket/list/list-administration.component.scss

@@ -40,7 +40,7 @@
   }
 
   &_chrono {
-    color: rgba(0,0,0,0.4);
+    color: rgba(0, 0, 0, 0.4);
     font-size: 90%;
   }
 }
@@ -186,7 +186,7 @@
 }
 
 .isSelectedMenu {
-  box-shadow: inset 0px 0px 5px 0px #656565;
+  background: rgba(249, 152, 48, 0.14);
 }
 
 .align_centerData {

src/frontend/app/administration/basket/list/list-administration.component.ts

@@ -7,6 +7,7 @@ import { FormControl } from '@angular/forms';
 import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
 import { startWith, map } from 'rxjs/operators';
 
+declare function $j(selector: any): any;
 @Component({
     selector: 'list-administration',
     templateUrl: "list-administration.component.html",
@@ -184,6 +185,7 @@ export class ListAdministrationComponent implements OnInit {
             let i = this.availableData.map((e: any) => { return e.value; }).indexOf(event.option.value.value);
             this.displayedSecondaryData.push(event.option.value);
             this.availableData.splice(i, 1);
+            $j('#availableData').blur();
             this.dataControl.setValue('');
         }
     }