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