Add a custom class for example profiles text.

interactive-mining-angular-frontend/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "interactiveminingv3",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -254,6 +254,23 @@
         "tslib": "^1.9.0"
       }
     },
+    "@angular/cdk": {
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-7.3.7.tgz",
+      "integrity": "sha512-xbXxhHHKGkVuW6K7pzPmvpJXIwpl0ykBnvA2g+/7Sgy5Pd35wCC+UtHD9RYczDM/mkygNxMQtagyCErwFnDtQA==",
+      "requires": {
+        "parse5": "^5.0.0",
+        "tslib": "^1.7.1"
+      },
+      "dependencies": {
+        "parse5": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
+          "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==",
+          "optional": true
+        }
+      }
+    },
     "@angular/cli": {
       "version": "7.3.9",
       "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-7.3.9.tgz",
@@ -380,6 +397,14 @@
       "integrity": "sha512-Ig5Jr7mnDelaZvSbUd9YhI5am3q1ku9xelAuwvtyDKvQJeKQj3BtTagcOgWrnQBfrJ/FsA/M5Zo48ncSsV0tqQ==",
       "dev": true
     },
+    "@angular/material": {
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-7.3.7.tgz",
+      "integrity": "sha512-Eq+7frkeNGkLOfEtmkmJgR+AgoWajOipXZWWfCSamNfpCcPof82DwvGOpAmgGni9FuN2XFQdqP5MoaffQzIvUA==",
+      "requires": {
+        "tslib": "^1.7.1"
+      }
+    },
     "@angular/platform-browser": {
       "version": "7.2.15",
       "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-7.2.15.tgz",

interactive-mining-angular-frontend/src/app/manageprofiles/manageprofiles.component.html

@@ -157,10 +157,10 @@
             <li *ngFor="let profile of exampleProfiles">
               <a (click)="loadExampleProfile(profile.name)">
                 <div class="uk-card uk-card-default uk-card-hover uk-card-body uk-text-center uk-margin-medium-top uk-margin-medium-bottom">
-                  <h3 class="uk-card-title uk-text-bold">{{profile.name | uppercase}}</h3>
+                  <h3 class="uk-card-title examples-text uk-text-bold">{{profile.name | uppercase}}</h3>
-                  <h4 class="uk-card-title uk-margin-remove-bottom">{{profile.contents}}</h4>
+                  <h4 class="uk-card-title examples-text uk-margin-remove-bottom">{{profile.contents}}</h4>
                   <p class="uk-text-small uk-margin-remove-top">concepts</p>
-                  <h4 class="uk-card-title uk-margin-remove-bottom">{{profile.documents}}</h4>
+                  <h4 class="uk-card-title examples-text uk-margin-remove-bottom">{{profile.documents}}</h4>
                   <p class="uk-text-small uk-margin-remove-top">documents</p>
                 </div>
               </a>

interactive-mining-angular-frontend/src/app/manageprofiles/manageprofiles.component.ts

@@ -88,7 +88,10 @@ export class ManageprofilesComponent implements OnInit {
 
   private getExampleProfiles(): void {
     this.manageProfilesService.getExampleProfiles()
-      .subscribe(res => this.exampleProfiles = res);
+      .subscribe(res => {
+        console.log(res);
+        this.exampleProfiles = res;
+      });
   }
 
   private clearLocalStorage(): void {

interactive-mining-angular-frontend/src/assets/css/interactive-mining.css

@@ -1108,3 +1108,7 @@ header.uk-sticky-fixed .cm-results-count-section {
   right: 0;
   padding-top: 10px;
 }
+
+.examples-text {
+  color: #444444 !important;
+}