From 2d46c1adb0acc342a7c2ebdd71e4d5129d85dd14 Mon Sep 17 00:00:00 2001
From: "mathias.chouet" <mathias.chouet@irstea.fr>
Date: Tue, 10 Mar 2020 12:11:17 +0100
Subject: [PATCH] Modules diagram: link to notes, if any

---
 .../modules-diagram/modules-diagram.component.html |  5 +++++
 .../modules-diagram/modules-diagram.component.scss | 14 ++++++++++++++
 .../modules-diagram/modules-diagram.component.ts   |  8 ++++++++
 src/locale/messages.en.json                        |  1 +
 src/locale/messages.fr.json                        |  1 +
 5 files changed, 29 insertions(+)

diff --git a/src/app/components/modules-diagram/modules-diagram.component.html b/src/app/components/modules-diagram/modules-diagram.component.html
index 2eeab473b..5ab3d1890 100644
--- a/src/app/components/modules-diagram/modules-diagram.component.html
+++ b/src/app/components/modules-diagram/modules-diagram.component.html
@@ -3,6 +3,11 @@
     <mat-card-header>
         <mat-card-title>
             <h1>{{ uitextTitle }}</h1>
+            <div id="show-notes" *ngIf="hasNotes">
+                <a routerLink="/properties">
+                    {{ uitextShowNotes }}
+                </a>
+            </div>
         </mat-card-title>
     </mat-card-header>
 
diff --git a/src/app/components/modules-diagram/modules-diagram.component.scss b/src/app/components/modules-diagram/modules-diagram.component.scss
index 81263dfb9..edc241590 100644
--- a/src/app/components/modules-diagram/modules-diagram.component.scss
+++ b/src/app/components/modules-diagram/modules-diagram.component.scss
@@ -7,3 +7,17 @@
 a.show-debug {
     cursor: pointer;
 }
+
+mat-card-title {
+
+    #show-notes {
+        font-size: 16px;
+        font-weight: normal;
+        margin-top: -8px;
+
+        > a {
+            cursor: pointer;
+            font-size: .9em;
+        }
+    }
+}
diff --git a/src/app/components/modules-diagram/modules-diagram.component.ts b/src/app/components/modules-diagram/modules-diagram.component.ts
index 7d0fcf91d..b701aeac9 100644
--- a/src/app/components/modules-diagram/modules-diagram.component.ts
+++ b/src/app/components/modules-diagram/modules-diagram.component.ts
@@ -74,6 +74,10 @@ export class ModulesDiagramComponent implements AfterContentInit, AfterViewCheck
         return this.intlService.localizeText("INFO_DIAGRAM_CALCULATED_PARAM");
     }
 
+    public get uitextShowNotes() {
+        return this.intlService.localizeText("INFO_DIAGRAM_SHOW_NOTES");
+    }
+
     public ngAfterViewChecked() {
         if (this.needsToInitSvgPanZoom) {
             this.initSvgPanZoom();
@@ -150,6 +154,10 @@ export class ModulesDiagramComponent implements AfterContentInit, AfterViewCheck
         return Session.getInstance().getNumberOfNubs() > 0;
     }
 
+    public get hasNotes(): boolean {
+        return !! Session.getInstance().documentation;
+    }
+
     /**
      * Builds a Mermaid graph text definition
      */
diff --git a/src/locale/messages.en.json b/src/locale/messages.en.json
index e8203692f..0137e4a7d 100644
--- a/src/locale/messages.en.json
+++ b/src/locale/messages.en.json
@@ -95,6 +95,7 @@
     "INFO_DIAGRAM_TITLE": "Calculation modules diagram",
     "INFO_DIAGRAM_DRAWING_ERROR": "Error while drawing diagram",
     "INFO_DIAGRAM_CALCULATED_PARAM": "calculated parameter",
+    "INFO_DIAGRAM_SHOW_NOTES": "Show notes",
     "INFO_DIALOG_COMPUTED_VALUE_TITLE": "Edit initial value",
     "INFO_DIALOG_EDIT_PAB_INTERPOLATION_BOUNDS": "between %s and %s",
     "INFO_DIALOG_EDIT_PAB_N_DEVICES": "%s device(s)",
diff --git a/src/locale/messages.fr.json b/src/locale/messages.fr.json
index 03d384064..ae234aa6c 100644
--- a/src/locale/messages.fr.json
+++ b/src/locale/messages.fr.json
@@ -95,6 +95,7 @@
     "INFO_DIAGRAM_TITLE": "Diagramme des modules de calcul",
     "INFO_DIAGRAM_DRAWING_ERROR": "Erreur lors du dessin du diagramme",
     "INFO_DIAGRAM_CALCULATED_PARAM": "paramètre calculé",
+    "INFO_DIAGRAM_SHOW_NOTES": "Voir les notes",
     "INFO_DIALOG_COMPUTED_VALUE_TITLE": "Modifier la valeur initiale",
     "INFO_DIALOG_EDIT_PAB_INTERPOLATION_BOUNDS": "entre %s et %s",
     "INFO_DIALOG_EDIT_PAB_N_DEVICES": "%s ouvrage(s)",
-- 
GitLab