Monitor - Add color coding in browse dashboards

This commit is contained in:
Alex Martzios 2022-09-29 12:09:37 +03:00 committed by k.triantafyllou
parent a246608368
commit ac25e160fe
3 changed files with 26 additions and 2 deletions

View File

@ -3,7 +3,7 @@
<errorMessages [status]="[status]" [type]="'results'"></errorMessages> <errorMessages [status]="[status]" [type]="'results'"></errorMessages>
<li *ngFor="let result of results"> <li *ngFor="let result of results">
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-flex uk-flex-column uk-flex-center" <div class="uk-card uk-card-default uk-card-body uk-position-relative uk-flex uk-flex-column uk-flex-center"
[class.uk-disabled]="!hasPermission(result)"> [ngClass]="result.type" [class.uk-disabled]="!hasPermission(result)">
<div> <div>
<div *ngIf="type === 'community' && result.isSubscribed" <div *ngIf="type === 'community' && result.isSubscribed"
class="uk-text-background uk-text-center uk-position-top-left uk-padding-small uk-text-uppercase uk-text-bold"> class="uk-text-background uk-text-center uk-position-top-left uk-padding-small uk-text-uppercase uk-text-bold">

View File

@ -0,0 +1,23 @@
@import (reference) "~src/assets/openaire-theme/less/color.less";
.setType(@color) {
border-left: 4px solid fade(@color, 30%);
& .type {
color: @color;
}
}
.uk-card {
&.funder {
.setType(@funder-color);
}
&.ri {
.setType(@ri-color);
}
&.organization {
.setType(@organization-color);
}
}

View File

@ -10,7 +10,8 @@ import {StringUtils} from '../../utils/string-utils.class';
@Component({ @Component({
selector: 'portal-search-result', selector: 'portal-search-result',
templateUrl: 'portal-search-result.component.html' templateUrl: 'portal-search-result.component.html',
styleUrls: ['portal-search-result.component.less']
}) })
export class PortalSearchResultComponent implements OnInit{ export class PortalSearchResultComponent implements OnInit{