diff --git a/packages/person-profile/README.md b/packages/person-profile/README.md
index a648602907601e01f9c3a44e31b9a8534337bbfb..6918a0237014b9e9ec5e34f9eb1fc3bd555e66ad 100644
--- a/packages/person-profile/README.md
+++ b/packages/person-profile/README.md
@@ -21,6 +21,8 @@ npm i @dbp-toolkit/person-profile
- example `<dbp-person-profile entry-point-url="http://127.0.0.1:8000"></dbp-person-profile>`
- `value` (optional): api path of person to preload the selector with
- example `<dbp-person-profile value="/people/testuser"></dbp-person-profile>`
+- `auth` object: you need to set that object property for the auth token
+ - example auth property: `{token: "THE_BEARER_TOKEN"}`
## Local development
diff --git a/packages/person-profile/assets/index.html b/packages/person-profile/assets/index.html
index b5eb49ba387c18d0f56bb15713ede92b6ce498a0..98f592977cbbb248707f467e6dbd187e71439362 100644
--- a/packages/person-profile/assets/index.html
+++ b/packages/person-profile/assets/index.html
@@ -7,6 +7,6 @@
<body>
-<dbp-person-profile-demo lang="de" entry-point-url="http://127.0.0.1:8000"></dbp-person-profile-demo>
+<dbp-person-profile-demo auth lang="de" entry-point-url="http://127.0.0.1:8000"></dbp-person-profile-demo>
</body>
</html>
diff --git a/packages/person-profile/src/dbp-person-profile-demo.js b/packages/person-profile/src/dbp-person-profile-demo.js
index 4893e59de6d1accdd8a506860c07f50447f1078b..9ced45b8f7edf1864bbc80998da86d74389bd80c 100644
--- a/packages/person-profile/src/dbp-person-profile-demo.js
+++ b/packages/person-profile/src/dbp-person-profile-demo.js
@@ -97,7 +97,7 @@ export class PersonProfileDemo extends ScopedElementsMixin(DBPLitElement) {
<h1 class="title">Person-Profile-Demo</h1>
</div>
<div class="container">
- <dbp-person-profile lang="${this.lang}" entry-point-url="${this.entryPointUrl}" value="${this.person}"></dbp-person-profile>
+ <dbp-person-profile subscribe="auth:auth" lang="${this.lang}" entry-point-url="${this.entryPointUrl}" value="${this.person}"></dbp-person-profile>
</div>
</section>
<section class="section">
@@ -105,10 +105,10 @@ export class PersonProfileDemo extends ScopedElementsMixin(DBPLitElement) {
<h1 class="title">Select-Profile-Demo</h1>
</div>
<div class="container">
- <dbp-person-select lang="${this.lang}" entry-point-url="${this.entryPointUrl}"></dbp-person-select>
+ <dbp-person-select subscribe="auth:auth" lang="${this.lang}" entry-point-url="${this.entryPointUrl}"></dbp-person-select>
</div>
<div class="container">
- <dbp-person-profile lang="${this.lang}" entry-point-url="${this.entryPointUrl}" value="${this.selectedPerson}"></dbp-person-profile>
+ <dbp-person-profile subscribe="auth:auth" lang="${this.lang}" entry-point-url="${this.entryPointUrl}" value="${this.selectedPerson}"></dbp-person-profile>
</div>
</section>
`;
diff --git a/packages/person-profile/src/person-profile.js b/packages/person-profile/src/person-profile.js
index cffea426b5d4a3792198dbfadb89e2fec9c41265..8a3fe9c3e1889dd412b687580a4eeea1bd2d7f79 100644
--- a/packages/person-profile/src/person-profile.js
+++ b/packages/person-profile/src/person-profile.js
@@ -15,6 +15,7 @@ export class PersonProfile extends DBPLitElement {
this.jsonld = null;
this.value = '';
this.person = null;
+ this.auth = {};
}
static get properties() {
@@ -24,6 +25,7 @@ export class PersonProfile extends DBPLitElement {
entryPointUrl: { type: String, attribute: 'entry-point-url' },
value: { type: String },
person: { type: Object, attribute: false },
+ auth: { type: Object },
};
}
@@ -56,7 +58,7 @@ export class PersonProfile extends DBPLitElement {
fetch(apiUrl, {
headers: {
'Content-Type': 'application/ld+json',
- 'Authorization': 'Bearer ' + window.DBPAuthToken,
+ 'Authorization': 'Bearer ' + this.auth.token,
},
})
.then(response => response.json())