Monitor - Add color coding in browse dashboards

searchPages/searchUtils/portal-search-result.component.html

@@ -3,7 +3,7 @@
   <errorMessages [status]="[status]" [type]="'results'"></errorMessages>
   <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"
-        [class.uk-disabled]="!hasPermission(result)">
+			[ngClass]="result.type" [class.uk-disabled]="!hasPermission(result)">
       <div>
         <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">

searchPages/searchUtils/portal-search-result.component.less

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

searchPages/searchUtils/portal-search-result.component.ts

@@ -10,7 +10,8 @@ import {StringUtils} from '../../utils/string-utils.class';
 
 @Component({
   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{