Integrate auth property into dbp-person-select

874c73cf · Bekerle, Patrizio · f32534b4 · 874c73cf · 874c73cf · 874c73cf
Unverified Commit 874c73cf authored 4 years ago by Bekerle, Patrizio
--- a/packages/person-select/README.md
+++ b/packages/person-select/README.md
@@ -33,6 +33,8 @@ npm i @dbp-toolkit/person-select
    - example `<dbp-person-select show-reload-button></dbp-person-select>`
 - `reload-button-title` (optional): sets a title text on the reload button
    - example `<dbp-person-select show-reload-button reload-button-text="Reload result list"></dbp-person-select>`
+- `auth` object: you need to set that object property for the auth token
+  - example auth property: `{token: "THE_BEARER_TOKEN"}`
 ## Local development

--- a/packages/person-select/assets/index.html
+++ b/packages/person-select/assets/index.html
@@ -7,6 +7,6 @@
 <body>
-<dbp-person-select-demo lang="de" entry-point-url="http://127.0.0.1:8000"></dbp-person-select-demo>
+<dbp-person-select-demo auth lang="de" entry-point-url="http://127.0.0.1:8000"></dbp-person-select-demo>
 </body>
 </html>
--- a/packages/person-select/src/dbp-person-select-demo.js
+++ b/packages/person-select/src/dbp-person-select-demo.js
@@ -75,13 +75,13 @@ export class PersonSelectDemo extends ScopedElementsMixin(DBPLitElement) {
                        <div class="field">
                            <label class="label">Person 1</label>
                            <div class="control">
-                                <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>
                        <div class="field">
                            <label class="label">Person 2</label>
                            <div class="control">
-                                <dbp-person-select lang="${this.lang}" entry-point-url="${this.entryPointUrl}" show-reload-button reload-button-title="Click me"></dbp-person-select>
+                                <dbp-person-select subscribe="auth:auth" lang="${this.lang}" entry-point-url="${this.entryPointUrl}" show-reload-button reload-button-title="Click me"></dbp-person-select>
                            </div>
                        </div>
                    </form>

--- a/packages/person-select/src/person-select.js
+++ b/packages/person-select/src/person-select.js
@@ -156,7 +156,7 @@ export class PersonSelect extends ScopedElementsMixin(AdapterLitElement) {
                url: apiUrl,
                contentType: "application/ld+json",
                beforeSend: function (jqXHR) {
-                    jqXHR.setRequestHeader('Authorization', 'Bearer ' + window.DBPAuthToken);
+                    jqXHR.setRequestHeader('Authorization', 'Bearer ' + that.auth.token);
                    that.isSearching = true;
                },
                data: function (params) {
@@ -223,7 +223,7 @@ export class PersonSelect extends ScopedElementsMixin(AdapterLitElement) {
            fetch(apiUrl, {
                headers: {
                    'Content-Type': 'application/ld+json',
-                    'Authorization': 'Bearer ' + this.auth.token || window.DBPAuthToken,
+                    'Authorization': 'Bearer ' + this.auth.token,
                },
            })
            .then(result => {