From 258c85bf6c3ba1e5ec0ed3d7d2c48b2ee338ede0 Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Wed, 13 Feb 2019 11:13:50 +0100
Subject: [PATCH] FIX #9156 fix add data + css

---
 .../basket/list/list-administration.component.html            | 2 +-
 .../basket/list/list-administration.component.scss            | 4 ++--
 .../basket/list/list-administration.component.ts              | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/app/administration/basket/list/list-administration.component.html b/src/frontend/app/administration/basket/list/list-administration.component.html
index e1e9b8cef48..50a3b536ffc 100644
--- a/src/frontend/app/administration/basket/list/list-administration.component.html
+++ b/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">
diff --git a/src/frontend/app/administration/basket/list/list-administration.component.scss b/src/frontend/app/administration/basket/list/list-administration.component.scss
index 38d26693b8d..4bd84a4d494 100644
--- a/src/frontend/app/administration/basket/list/list-administration.component.scss
+++ b/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 {
diff --git a/src/frontend/app/administration/basket/list/list-administration.component.ts b/src/frontend/app/administration/basket/list/list-administration.component.ts
index 39eb5b150fb..1c8f9ca5d05 100644
--- a/src/frontend/app/administration/basket/list/list-administration.component.ts
+++ b/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('');
         }
     }
-- 
GitLab