From d56768dd48c64df79665c2ec2f66c6c2cdd3a4ef Mon Sep 17 00:00:00 2001
From: "mathias.chouet" <mathias.chouet@irstea.fr>
Date: Thu, 11 Jul 2019 17:11:24 +0200
Subject: [PATCH] PAB : made device types selectors color change when focused
---
src/app/components/pab-table/pab-table.component.html | 4 ++--
src/app/components/pab-table/pab-table.component.scss | 3 +++
src/app/components/pab-table/pab-table.component.ts | 1 -
3 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/app/components/pab-table/pab-table.component.html b/src/app/components/pab-table/pab-table.component.html
index ea7863833..93864ec7b 100644
--- a/src/app/components/pab-table/pab-table.component.html
+++ b/src/app/components/pab-table/pab-table.component.html
@@ -74,14 +74,14 @@
[ngClass]="cell.class"
[class.editable-cell]="hasModel(cell)" [class.readonly-cell]="! hasModel(cell)"
[class.selectable-cell]="isSelectable(cell)" [class.selected-cell]="isSelected(cell) && ! isSelected(row)"
- [class.invalid-cell]="isInvalid(cell)"
+ [class.invalid-cell]="isInvalid(cell)" [class.select]="isSelect(cell)"
[attr.rowspan]="rowSpan(cell)" [attr.colspan]="colSpan(cell)"
[title]="cellTitle(cell)">
<input matInput *ngIf="isNumberInput(cell)" step="0.00000000000001" type="number"
[(ngModel)]="cell.model.singleValue" (input)="inputValueChanged($event, cell)">
- <mat-select *ngIf="isSelect(cell)" [value]="cell.modelValue"
+ <mat-select #selectWidget *ngIf="isSelect(cell)" [value]="cell.modelValue"
(selectionChange)="loiDebitSelected($event, cell)">
<mat-option *ngFor="let opt of cell.options" [value]="opt.value">
diff --git a/src/app/components/pab-table/pab-table.component.scss b/src/app/components/pab-table/pab-table.component.scss
index d8beccf90..3f27ab369 100644
--- a/src/app/components/pab-table/pab-table.component.scss
+++ b/src/app/components/pab-table/pab-table.component.scss
@@ -110,6 +110,9 @@ mat-card-content {
> input.mat-input-element {
padding: 4px 8px;
}
+ &:focus-within {
+ @extend .bg-warn-extralight;
+ }
}
&.selectable-cell {
cursor: pointer;
diff --git a/src/app/components/pab-table/pab-table.component.ts b/src/app/components/pab-table/pab-table.component.ts
index 8058576ef..cf4561da1 100644
--- a/src/app/components/pab-table/pab-table.component.ts
+++ b/src/app/components/pab-table/pab-table.component.ts
@@ -1007,7 +1007,6 @@ export class PabTableComponent implements AfterViewInit, OnInit {
/** Replace device Nub when LoiDebit is changed */
public loiDebitSelected($event: any, cell: any) {
const device = cell.model as Nub;
- const pos = device.findPositionInParent();
// create new child device
const newDevice = Session.getInstance().createNub(
new Props({
--
GitLab