MaDgIK
/
monitor-dashboard
13
0
Fork 0
Code Issues Pull Requests Projects Releases 21 Wiki Activity

add color coding for type of stakeholder - manage stakeholders page, update submodules

This commit is contained in:
Alex Martzios 2023-03-17 16:34:08 +02:00
parent b2bda20498
commit 4da9f10d20
6 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/manageStakeholders/manageStakeholders.component.html
View File

@ -61,7 +61,7 @@
<ng-template #stakeholderBox let-stakeholder="stakeholder"> <ng-template #stakeholderBox let-stakeholder="stakeholder">
<div *ngIf="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"> <div class="uk-position-top-right uk-margin-small-right uk-margin-small-top">
<a class="uk-link-reset uk-flex uk-flex-middle"> <a class="uk-link-reset uk-flex uk-flex-middle">
<icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(stakeholder.visibility)" ratio="0.6"></icon> <icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(stakeholder.visibility)" ratio="0.6"></icon>

23
src/app/manageStakeholders/manageStakeholders.component.less Normal file
View File

@ -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);
}
}

3
src/app/manageStakeholders/manageStakeholders.component.ts
View File

@ -20,7 +20,8 @@ declare var UIkit;
@Component({ @Component({
selector: 'home', selector: 'home',
templateUrl: "./manageStakeholders.component.html" templateUrl: "./manageStakeholders.component.html",
styleUrls: ["./manageStakeholders.component.less"]
}) })
export class ManageStakeholdersComponent implements OnInit, OnDestroy { export class ManageStakeholdersComponent implements OnInit, OnDestroy {

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit 886b50a52c93163113ed6583faf8b054d9390731 Subproject commit 4c19e65edb3db3b546eda029ea90a58298a1f0ad

2
src/assets/common-assets

@ -1 +1 @@
Subproject commit 071385b36c9b9c65d6d081d6468aeea2bf01ffbf Subproject commit 95c2b50a57696a80dd3dd376880f26cb21d65817

2
src/assets/openaire-theme

@ -1 +1 @@
Subproject commit ee657bbddcf3b56c00d93f38e91290900cb616bc Subproject commit c4e2781acc42f281265a70d6cd75616cdd6fa762