From b49937d75618ac754fd878d4665a0816e520ddb0 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Thu, 28 Jul 2022 16:05:26 +0300
Subject: [PATCH] show number indicator description similar to charts

---
 src/app/monitor/monitor.component.html | 44 ++++++++++++++++++--------
 src/app/openaireLibrary                |  2 +-
 src/assets/common-assets               |  2 +-
 src/environments/environment.ts        |  2 +-
 4 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/app/monitor/monitor.component.html b/src/app/monitor/monitor.component.html
index 79fc390..695821b 100644
--- a/src/app/monitor/monitor.component.html
+++ b/src/app/monitor/monitor.component.html
@@ -72,11 +72,6 @@
         </ng-template>
       </ul>
     </div>
-		<div *ngIf="activeSubCategory.description" class="uk-margin-medium-top uk-margin-bottom">
-			<div class="uk-padding uk-padding-remove-vertical">
-				{{activeSubCategory.description}}
-			</div>
-		</div>
     <div *ngIf="privateStakeholder" class="message">
       <div class="uk-text-center">
         <h3 class="uk-flex uk-flex-middle">
@@ -87,6 +82,9 @@
     </div>
     <div *ngIf="!privateStakeholder && stakeholder" class="uk-section">
       <div class="uk-padding uk-padding-remove-vertical">
+				<div *ngIf="activeSubCategory?.description" class="uk-margin-medium-bottom">
+					{{activeSubCategory.description}}
+				</div>
         <div *ngIf="(activeSubCategory && (activeSubCategory.charts.length == 0 || countSectionsWithIndicatorsToShow(activeSubCategory.charts) == 0))
           && ((activeSubCategory && activeSubCategory.description && activeSubCategory.description.length > 0) ||
           (activeCategory && activeCategory.description && activeCategory.description.length > 0) ||
@@ -131,17 +129,35 @@
                       <!-- ----------------- -->
                       <div class="uk-text-uppercase uk-text-small uk-margin-top">{{indicator.name}}</div>
                     </div>
-                    <!-- <div *ngIf="indicator.description || indicator.additionalDescription"
-                      class="uk-overlay uk-position-bottom">
-                      <div class="uk-padding-small">
-                        <div *ngIf="indicator.description">
-                          {{indicator.description}}
-                        </div>
-                        <div *ngIf="indicator.additionalDescription">
-                          {{indicator.additionalDescription}}
+										<div *ngIf="indicator.description || indicator.additionalDescription"
+											class="uk-position-bottom uk-text-center uk-margin-small-bottom">
+											<a class="uk-display-inline-block uk-button uk-button-text"
+												(click)="toggleDescriptionOverlay($event, j)">
+												<span class="uk-flex uk-flex-middle">
+													<icon name="analytics" type="outlined" [flex]="true"></icon>
+													<span class="uk-margin-small-left">Description</span>
+												</span>
+											</a>
+                      </div>
+                      <div *ngIf="showDescriptionOverlay[j] && (indicator.description || indicator.additionalDescription)"
+												class="indicator-description uk-card uk-card-default uk-flex uk-flex-middle uk-flex-center">
+                        <div class="inner uk-padding-small" click-outside-or-esc
+													(clickOutside)="closeDescriptionOverlay($event, j)">
+                          <div class="uk-flex uk-flex-right">
+                            <button class="uk-close uk-icon" (click)="toggleDescriptionOverlay($event, j)">
+                              <icon name="close" ratio="1"></icon>
+                            </button>
+                          </div>
+                          <div class="uk-padding-small uk-padding-remove-horizontal">
+                            <p *ngIf="indicator.description">
+                              {{indicator.description}}
+                            </p>
+                            <p *ngIf="indicator.additionalDescription">
+                              {{indicator.additionalDescription}}
+                            </p>
+                          </div>
                         </div>
                       </div>
-                    </div> -->
                   </div>
                 </div>
               </ng-template>
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index e04d825..8476275 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit e04d825c03fbb3114a88cd7b4de426b4976238bf
+Subproject commit 84762753b93457f70c8e7e82601babd9f955a473
diff --git a/src/assets/common-assets b/src/assets/common-assets
index 0423644..dfefbe4 160000
--- a/src/assets/common-assets
+++ b/src/assets/common-assets
@@ -1 +1 @@
-Subproject commit 0423644810480f58ec31522e744d1589530657f9
+Subproject commit dfefbe4421d15e05f64bbde27ad68b2ab9363f2f
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index 28e10cf..d158b0c 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -20,7 +20,7 @@ export let properties: EnvProperties = {
   useNewStatistisTool: true,
   monitorStatsFrameUrl:"https://stats.madgik.di.uoa.gr/stats-api/",
   useOldStatisticsSchema: false,
-  disableFrameLoad: true,
+  disableFrameLoad: false,
   claimsAPIURL: "http://scoobydoo.di.uoa.gr:8080/dnet-claims-service-2.0.0-SNAPSHOT/rest/claimsService/",
   searchAPIURLLAst: "https://beta.services.openaire.eu/search/v2/api/",
   searchResourcesAPIURL: "https://beta.services.openaire.eu/search/v2/api/resources",