diff --git a/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.html b/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.html
index 5a7f18ac24..6f16267d1c 100644
--- a/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.html
+++ b/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.html
@@ -1,5 +1,16 @@
-
-
{{ indicator.matIcon }}
-
{{ indicator.value }}
-
{{ indicator.name }}
+
+
+ {{ indicator.matIcon }}
+ {{ indicator.value }}
+ {{ indicator.name }}
+
+
+
+
diff --git a/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.scss b/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.scss
index 2d21502485..45292ed2c3 100644
--- a/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.scss
+++ b/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.scss
@@ -8,6 +8,10 @@
height: 9rem;
width: auto;
min-width: 12rem;
+ &__media {
+ height: 100%;
+ width: 100%;
+ }
&__icon {
$icon-size: 2rem;
font-size: $icon-size;
diff --git a/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.ts b/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.ts
index ee3fe6bdd5..8f939b580b 100644
--- a/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.ts
+++ b/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.component.ts
@@ -1,13 +1,14 @@
import { Component, Input } from '@angular/core';
import { MatIconModule } from '@angular/material/icon';
import { Indicator } from './indicator';
+import { CommonModule } from '@angular/common';
@Component({
standalone: true,
selector: 'indicator',
templateUrl: 'indicator.component.html',
styleUrls: ['indicator.component.scss'],
- imports: [MatIconModule],
+ imports: [MatIconModule, CommonModule],
})
export class IndicatorComponent {
@Input()
diff --git a/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.ts b/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.ts
index 40b1679f2a..20cc57e073 100644
--- a/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.ts
+++ b/frontend/src/app/syntheseModule/taxon-sheet/indicator/indicator.ts
@@ -2,9 +2,10 @@ export interface Indicator {
name: string;
matIcon: string;
value: string | null;
+ type: IndicatorRawType;
}
-type IndicatorRawType = 'number' | 'string' | 'date';
+type IndicatorRawType = 'number' | 'string' | 'date' | 'image';
export interface IndicatorDescription {
name: string;
matIcon: string;
@@ -57,5 +58,6 @@ export function computeIndicatorFromDescription(
name: indicatorDescription.name,
matIcon: indicatorDescription.matIcon,
value: value,
+ type: indicatorDescription.type,
};
}
diff --git a/frontend/src/app/syntheseModule/taxon-sheet/infos/infos.component.html b/frontend/src/app/syntheseModule/taxon-sheet/infos/infos.component.html
index b2d722d056..481e33d7c0 100644
--- a/frontend/src/app/syntheseModule/taxon-sheet/infos/infos.component.html
+++ b/frontend/src/app/syntheseModule/taxon-sheet/infos/infos.component.html
@@ -2,12 +2,3 @@
-
diff --git a/frontend/src/app/syntheseModule/taxon-sheet/infos/infos.component.ts b/frontend/src/app/syntheseModule/taxon-sheet/infos/infos.component.ts
index dd2b47f9dc..50bc9caef0 100644
--- a/frontend/src/app/syntheseModule/taxon-sheet/infos/infos.component.ts
+++ b/frontend/src/app/syntheseModule/taxon-sheet/infos/infos.component.ts
@@ -28,21 +28,6 @@ export class InfosComponent implements OnInit {
ngOnInit() {
this._tss.taxon.subscribe((taxon: Taxon | null) => {
this.taxon = taxon;
- if (!this.taxon) {
- return;
- }
- this._ds
- .getTaxonInfo(this.taxon.cd_ref, ['medias', 'cd_nom'])
- .subscribe((taxonAttrAndMedias) => {
- const media = taxonAttrAndMedias['medias'].find(
- (m) => m.id_type == this._config.TAXHUB.ID_TYPE_MAIN_PHOTO
- );
- if (media) {
- this.mediaUrl = `${this._ds.getTaxhubAPI()}/tmedias/thumbnail/${
- media.id_media
- }?h=300&w300`;
- }
- });
});
}
}
diff --git a/frontend/src/app/syntheseModule/taxon-sheet/taxon-sheet.component.html b/frontend/src/app/syntheseModule/taxon-sheet/taxon-sheet.component.html
index bb9a8c3df0..7f3446eed1 100644
--- a/frontend/src/app/syntheseModule/taxon-sheet/taxon-sheet.component.html
+++ b/frontend/src/app/syntheseModule/taxon-sheet/taxon-sheet.component.html
@@ -2,10 +2,12 @@
-
+
+
+