edit about page and biographies

src/app/about/about.component.ts

@@ -1,5 +1,9 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, Inject, OnInit} from '@angular/core';
 import { Location } from '@angular/common';
+import {KnoraApiConnection, ReadResource, ReadResourceSequence} from "@dasch-swiss/dsp-js";
+import {AppInitService, DspApiConnectionToken} from "../dsp-ui-lib/core";
+import {ActivatedRoute, Router} from "@angular/router";
+import {BeolService} from "../services/beol.service";
 
 @Component({
   selector: 'app-contact',
@@ -8,9 +12,27 @@ import { Location } from '@angular/common';
 })
 export class AboutComponent implements OnInit {
 
-  constructor(public location: Location) { }
+    constructor(
+        @Inject(DspApiConnectionToken) protected _dspApiConnection: KnoraApiConnection,
+        private _appInitService: AppInitService,
+        private _router: Router,
+        private _route: ActivatedRoute,
+        private _beol: BeolService,
+        public location: Location
+    ) {
+    }
 
   ngOnInit() {
+
   }
+    goToResource(iri: string) {
+        const resType =  this._appInitService.config['ontologyIRI'] + '/ontology/0801/beol/v2#person';
 
+        // create a query that gets the person by gnd
+        this._dspApiConnection.v2.res.getResource(iri).subscribe(
+            (personResource: ReadResource) => {
+                this._beol.routeByResourceType(resType, iri, personResource);
+            }
+        );
+    }
 }