Commit d363bdf2 authored by Laurent Wouters's avatar Laurent Wouters
Browse files

Implementation of FoaF person view

parent c27af4bb416c
<div class="view-header">
<div className="alert alert-info" role="alert">
<div class="container">
<div class="row">
<div class="col-sm-4">
<img :src="person.depiction" height="300px"/>
<li>Name: {{}}</li>
<li>Gender: {{person.gender}}</li>
<li>Depiction: <img :src="person.depiction" height="300px"/></li>
<li>Birth: {{person.birth}}</li>
<li>Death: {{person.death}}</li>
<li>Bio: {{}}</li>
<div class="col-sm-8">
<h1>{{person.title}} {{}}</h1>
<table class="table table-bordered table-hover">
<td><b>First name</b></td>
<td><b>Last name</b></td>
<div v-for="uri in person.influenced" v-bind:key="uri" class="card">
<div className="card-body">
<span>Influenced: </span>
<a v-on:click="() => context.event.onRequestNavigateTo(uri)" href="uri">{{uri}}</a>
export default {
props: ["descriptor", "person"]
props: ["context", "person"]
......@@ -57,6 +57,7 @@ const ALIAS = [
......@@ -116,6 +117,7 @@ const ALIAS = [
interface FoaFPerson {
title: string;
gender: string;
nickname: string;
name: string;
firstName: string;
......@@ -196,15 +198,17 @@ function loadPerson(
return getRelatedEntities(entityTarget, property);
let depiction = r("");
return {
title: l(""),
title: l(""),
gender: l(""),
nickname: l(""),
name: l(""),
firstName: l(""),
lastName: l(""),
phone: l(""),
homepage: l(""),
depiction: l(""),
depiction: depiction.length > 0 ? depiction[0] : null,
thumbnail: l(""),
knows: r(""),
birthday: l(""),
......@@ -268,7 +272,7 @@ class FoaFPersonRendering implements implementation.ViewImplementation {
props: {
descriptor: this.descriptor,
context: context,
person: person
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment