From b7293411993fc37a422483b092d7cb3cf5ce5efd Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Tue, 16 Apr 2024 12:21:02 +0300
Subject: [PATCH] [develop]: Fix visibility condition in Indicaotrs page

---
 monitor-admin/topic/indicators.component.html | 16 ++++++----------
 monitor-admin/topic/topic.component.html      | 10 +++++-----
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/monitor-admin/topic/indicators.component.html b/monitor-admin/topic/indicators.component.html
index 9c7f6ca9..0b5b1aa1 100644
--- a/monitor-admin/topic/indicators.component.html
+++ b/monitor-admin/topic/indicators.component.html
@@ -33,13 +33,11 @@
                                         <icon *ngIf="!isEditable && showVisibility" [flex]="true"
                                           [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
                                           ratio="0.6"></icon>
-                                        <a *ngIf="isEditable && (isCurator || showVisibillity)" class="uk-link-reset uk-flex uk-flex-middle" [class.uk-disabled]="editing">
-                                            <icon [flex]="true"
-                                                  [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
-                                                  ratio="0.6"></icon>
+                                        <a *ngIf="isEditable && (isCurator || showVisibility)" class="uk-link-reset uk-flex uk-flex-middle" [class.uk-disabled]="editing">
+                                            <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)" ratio="0.6"></icon>
                                             <icon [flex]="true" name="more_vert"></icon>
                                         </a>
-                                        <div #element *ngIf="isEditable && (isCurator || showVisibillity)" class="uk-dropdown"
+                                        <div #element *ngIf="isEditable && (isCurator || showVisibility)" class="uk-dropdown"
                                              uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0">
                                             <ul class="uk-nav uk-dropdown-nav">
                                                 <ng-container *ngIf="isCurator">
@@ -140,13 +138,11 @@
                                         <icon *ngIf="!isEditable && showVisibility" [flex]="true"
                                           [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
                                           ratio="0.6"></icon>
-                                        <a *ngIf="isEditable && (isCurator || showVisibillity)" class="uk-link-reset uk-flex uk-flex-middle" [class.uk-disabled]="editing">
-                                            <icon [flex]="true"
-                                                  [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
-                                                  ratio="0.6"></icon>
+                                        <a *ngIf="isEditable && (isCurator || showVisibility)" class="uk-link-reset uk-flex uk-flex-middle" [class.uk-disabled]="editing">
+                                            <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)" ratio="0.6"></icon>
                                             <icon [flex]="true" name="more_vert"></icon>
                                         </a>
-                                        <div #element *ngIf="isEditable && (isCurator || showVisibillity)" class="uk-dropdown"
+                                        <div #element *ngIf="isEditable && (isCurator || showVisibility)" class="uk-dropdown"
                                              uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0">
                                             <ul class="uk-nav uk-dropdown-nav">
                                                 <ng-container *ngIf="isCurator">
diff --git a/monitor-admin/topic/topic.component.html b/monitor-admin/topic/topic.component.html
index c5d7ecb9..c264fee7 100644
--- a/monitor-admin/topic/topic.component.html
+++ b/monitor-admin/topic/topic.component.html
@@ -30,12 +30,12 @@
                     (click)="$event.stopPropagation();$event.preventDefault()">
                 <icon *ngIf="!isEditable && showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(topic.visibility)"
                   ratio="0.6"></icon>
-                <a *ngIf="isEditable && (isCurator || showVisibillity)" class="uk-link-reset uk-flex uk-flex-middle">
-                  <icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(topic.visibility)"
+                <a *ngIf="isEditable && (isCurator || showVisibility)" class="uk-link-reset uk-flex uk-flex-middle">
+                  <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(topic.visibility)"
                         ratio="0.6"></icon>
                   <icon [flex]="true" name="more_vert"></icon>
                 </a>
-                <div #element *ngIf="isEditable && (isCurator || showVisibillity)" 
+                <div #element *ngIf="isEditable && (isCurator || showVisibility)"
                   uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body">
                   <ul class="uk-nav uk-dropdown-nav">
                     <ng-container *ngIf="isCurator">
@@ -112,7 +112,7 @@
                     <icon *ngIf="!isEditable && showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(category.visibility)"
                       ratio="0.6"></icon>
                     <a *ngIf="isEditable && (isCurator || showVisibility)" class="uk-link-reset uk-flex uk-flex-middle">
-                      <icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(category.visibility)"
+                      <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(category.visibility)"
                             ratio="0.6"></icon>
                       <icon [flex]="true" name="more_vert"></icon>
                     </a>
@@ -243,7 +243,7 @@
             <icon *ngIf="!isEditable && showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(subCategory.visibility)"
               ratio="0.6"></icon>
             <a *ngIf="isEditable && (isCurator || showVisibility)" class="uk-link-reset uk-flex uk-flex-middle">
-              <icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(subCategory.visibility)"
+              <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(subCategory.visibility)"
                     ratio="0.6"></icon>
               <icon [flex]="true" name="more_vert"></icon>
             </a>