From 8d1b4a94251876477f005b03d94b7f2b2bacc74e Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Mon, 18 Dec 2023 07:55:50 +0000
Subject: [PATCH] fix(ui): stroke icons
---
src/app/carto/carto.component.html | 1 +
.../structure-equipments.component.html | 4 ++++
.../components/v3/button/button.component.html | 12 +++---------
.../shared/components/v3/button/button.component.ts | 3 +++
.../v3/button/icon-button/icon-button.component.html | 2 +-
.../v3/button/icon-button/icon-button.component.ts | 3 +++
.../v3/search-bar/search-bar.component.html | 1 +
7 files changed, 16 insertions(+), 10 deletions(-)
diff --git a/src/app/carto/carto.component.html b/src/app/carto/carto.component.html
index 7b598ceaf..887e418bf 100644
--- a/src/app/carto/carto.component.html
+++ b/src/app/carto/carto.component.html
@@ -23,6 +23,7 @@
<app-v3-button
[variant]="buttonTypeEnumV3.PrimaryBlack"
[label]="isMapPhone ? 'Liste' : 'Carte'"
+ [size]="'large'"
[iconName]="isMapPhone ? 'liste' : 'map-markerButtonPhone'"
(action)="switchMapList()"
/>
diff --git a/src/app/form/form-view/structure-form/structure-equipments/structure-equipments.component.html b/src/app/form/form-view/structure-form/structure-equipments/structure-equipments.component.html
index 23a974569..c90fd64f7 100644
--- a/src/app/form/form-view/structure-form/structure-equipments/structure-equipments.component.html
+++ b/src/app/form/form-view/structure-form/structure-equipments/structure-equipments.component.html
@@ -15,6 +15,7 @@
[variant]="buttonTypeEnumV3.PrimaryBlack"
[iconFolder]="'form'"
[iconName]="'hide'"
+ [iconColor]="'currentColor'"
[size]="'medium'"
[disabled]="structureForm.value.nbComputers === 0"
(click)="changeValueHandler(equipment.module.id, -1)"
@@ -35,6 +36,7 @@
[variant]="buttonTypeEnumV3.PrimaryBlack"
[iconFolder]="'form'"
[iconName]="'hide'"
+ [iconColor]="'currentColor'"
[size]="'medium'"
[disabled]="structureForm.value.nbPrinters === 0"
(click)="changeValueHandler(equipment.module.id, -1)"
@@ -55,6 +57,7 @@
[variant]="buttonTypeEnumV3.PrimaryBlack"
[iconFolder]="'form'"
[iconName]="'hide'"
+ [iconColor]="'currentColor'"
[size]="'medium'"
[disabled]="structureForm.value.nbScanners === 0"
(click)="changeValueHandler(equipment.module.id, -1)"
@@ -74,6 +77,7 @@
[variant]="buttonTypeEnumV3.PrimaryBlack"
[iconFolder]="'form'"
[iconName]="'show'"
+ [iconColor]="'currentColor'"
[size]="'medium'"
(click)="changeValueHandler(equipment.module.id, 1)"
/>
diff --git a/src/app/shared/components/v3/button/button.component.html b/src/app/shared/components/v3/button/button.component.html
index ca37ddecd..57b740107 100644
--- a/src/app/shared/components/v3/button/button.component.html
+++ b/src/app/shared/components/v3/button/button.component.html
@@ -1,14 +1,9 @@
-<button
- [type]="type"
- [ngClass]="classes"
- [disabled]="disabled"
- (click)="action.emit($event)">
-
+<button [type]="type" [ngClass]="classes" [disabled]="disabled" (click)="action.emit($event)">
<app-svg-icon
*ngIf="iconName && iconPosition === 'left'"
[type]="iconFolder"
[icon]="iconName"
- [iconColor]="'currentColor'"
+ [iconColor]="iconColor"
[iconClass]="'icon-20'"
/>
{{ label }}
@@ -16,8 +11,7 @@
*ngIf="iconName && iconPosition === 'right'"
[type]="iconFolder"
[icon]="iconName"
- [iconColor]="'currentColor'"
+ [iconColor]="iconColor"
[iconClass]="'icon-20'"
/>
-
</button>
diff --git a/src/app/shared/components/v3/button/button.component.ts b/src/app/shared/components/v3/button/button.component.ts
index 26f087ef4..58c195f63 100644
--- a/src/app/shared/components/v3/button/button.component.ts
+++ b/src/app/shared/components/v3/button/button.component.ts
@@ -34,6 +34,9 @@ export class ButtonV3Component {
/** Icon name */
@Input() iconName?: string;
+ /** Icon color, defaults to none as the svg-icon does */
+ @Input() iconColor = 'none';
+
/** Click handler */
@Output() action = new EventEmitter<Event>();
diff --git a/src/app/shared/components/v3/button/icon-button/icon-button.component.html b/src/app/shared/components/v3/button/icon-button/icon-button.component.html
index eeed31fa7..cb2f3f64e 100644
--- a/src/app/shared/components/v3/button/icon-button/icon-button.component.html
+++ b/src/app/shared/components/v3/button/icon-button/icon-button.component.html
@@ -1,3 +1,3 @@
<button [type]="type" [ngClass]="classes" [disabled]="disabled" (click)="action.emit($event)">
- <app-svg-icon [type]="iconFolder" [icon]="iconName" [iconColor]="'currentColor'" [iconClass]="'icon-20'" />
+ <app-svg-icon [type]="iconFolder" [icon]="iconName" [iconColor]="iconColor" [iconClass]="'icon-20'" />
</button>
diff --git a/src/app/shared/components/v3/button/icon-button/icon-button.component.ts b/src/app/shared/components/v3/button/icon-button/icon-button.component.ts
index e2e565ce9..5e7d0dea3 100644
--- a/src/app/shared/components/v3/button/icon-button/icon-button.component.ts
+++ b/src/app/shared/components/v3/button/icon-button/icon-button.component.ts
@@ -25,6 +25,9 @@ export class IconButtonV3Component {
/** Icon name */
@Input() iconName: string;
+ /** Icon color, defaults to none as the svg-icon does */
+ @Input() iconColor = 'none';
+
/** Click handler */
@Output() action = new EventEmitter<Event>();
diff --git a/src/app/shared/components/v3/search-bar/search-bar.component.html b/src/app/shared/components/v3/search-bar/search-bar.component.html
index 2ff8504e5..8bb5c7610 100644
--- a/src/app/shared/components/v3/search-bar/search-bar.component.html
+++ b/src/app/shared/components/v3/search-bar/search-bar.component.html
@@ -10,6 +10,7 @@
<app-v3-icon-button
iconFolder="ico"
iconName="search"
+ iconColor="currentColor"
size="medium"
[variant]="buttonTypeV3.PrimaryBlack"
(action)="handleSearch()"
--
GitLab