From 4da9f10d200fcdf25132b6ea1cac95b486bb11c6 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Fri, 17 Mar 2023 16:34:08 +0200
Subject: [PATCH] add color coding for type of stakeholder - manage
 stakeholders page, update submodules

---
 .../manageStakeholders.component.html         |  2 +-
 .../manageStakeholders.component.less         | 23 +++++++++++++++++++
 .../manageStakeholders.component.ts           |  3 ++-
 src/app/openaireLibrary                       |  2 +-
 src/assets/common-assets                      |  2 +-
 src/assets/openaire-theme                     |  2 +-
 6 files changed, 29 insertions(+), 5 deletions(-)
 create mode 100644 src/app/manageStakeholders/manageStakeholders.component.less

diff --git a/src/app/manageStakeholders/manageStakeholders.component.html b/src/app/manageStakeholders/manageStakeholders.component.html
index 183806f..24dde5a 100644
--- a/src/app/manageStakeholders/manageStakeholders.component.html
+++ b/src/app/manageStakeholders/manageStakeholders.component.html
@@ -61,7 +61,7 @@
 
 <ng-template #stakeholderBox let-stakeholder="stakeholder">
   <div *ngIf="stakeholder">
-    <div class="uk-card uk-card-default uk-card-body uk-position-relative">
+    <div class="uk-card uk-card-default uk-card-body uk-position-relative" [ngClass]="stakeholder.type">
       <div class="uk-position-top-right uk-margin-small-right uk-margin-small-top">
         <a class="uk-link-reset uk-flex uk-flex-middle">
           <icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(stakeholder.visibility)" ratio="0.6"></icon>
diff --git a/src/app/manageStakeholders/manageStakeholders.component.less b/src/app/manageStakeholders/manageStakeholders.component.less
new file mode 100644
index 0000000..ee70157
--- /dev/null
+++ b/src/app/manageStakeholders/manageStakeholders.component.less
@@ -0,0 +1,23 @@
+@import (reference) "~src/assets/openaire-theme/less/color.less";
+
+.setType(@color) {
+  border-bottom: 4px solid fade(@color, 30%);
+
+  & .type {
+    color: @color;
+  }
+}
+
+.uk-card {
+  &.funder {
+    .setType(@funder-color);
+  }
+
+  &.ri {
+    .setType(@ri-color);
+  }
+
+  &.organization {
+    .setType(@organization-color);
+  }
+}
diff --git a/src/app/manageStakeholders/manageStakeholders.component.ts b/src/app/manageStakeholders/manageStakeholders.component.ts
index 0aae2d4..c954be2 100644
--- a/src/app/manageStakeholders/manageStakeholders.component.ts
+++ b/src/app/manageStakeholders/manageStakeholders.component.ts
@@ -20,7 +20,8 @@ declare var UIkit;
 
 @Component({
   selector: 'home',
-  templateUrl: "./manageStakeholders.component.html"
+  templateUrl: "./manageStakeholders.component.html",
+  styleUrls: ["./manageStakeholders.component.less"]
 })
 export class ManageStakeholdersComponent implements OnInit, OnDestroy {
   
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index 886b50a..4c19e65 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit 886b50a52c93163113ed6583faf8b054d9390731
+Subproject commit 4c19e65edb3db3b546eda029ea90a58298a1f0ad
diff --git a/src/assets/common-assets b/src/assets/common-assets
index 071385b..95c2b50 160000
--- a/src/assets/common-assets
+++ b/src/assets/common-assets
@@ -1 +1 @@
-Subproject commit 071385b36c9b9c65d6d081d6468aeea2bf01ffbf
+Subproject commit 95c2b50a57696a80dd3dd376880f26cb21d65817
diff --git a/src/assets/openaire-theme b/src/assets/openaire-theme
index ee657bb..c4e2781 160000
--- a/src/assets/openaire-theme
+++ b/src/assets/openaire-theme
@@ -1 +1 @@
-Subproject commit ee657bbddcf3b56c00d93f38e91290900cb616bc
+Subproject commit c4e2781acc42f281265a70d6cd75616cdd6fa762