diff --git a/demo/src/dbp-check-in-place-select-demo-activity.js b/demo/src/dbp-check-in-place-select-demo-activity.js
new file mode 100644
index 0000000000000000000000000000000000000000..00d009a1861eebfd87685a7870bd30e46f44770e
--- /dev/null
+++ b/demo/src/dbp-check-in-place-select-demo-activity.js
@@ -0,0 +1,57 @@
+import {css, html, LitElement} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import {CheckInPlaceSelectDemo} from '@dbp-toolkit/check-in-place-select/src/dbp-check-in-place-select-demo';
+import * as commonUtils from '@dbp-toolkit/common/utils';
+import * as commonStyles from '@dbp-toolkit/common/styles';
+import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import readme from '@dbp-toolkit/check-in-place-select/README.md';
+import highlightCSSPath from 'highlight.js/styles/default.css';
+import * as demoStyles from "./styles";
+
+class DbpActivityNameDemoActivity extends ScopedElementsMixin(LitElement) {
+ static get scopedElements() {
+ return {
+ 'dbp-check-in-place-select-demo': CheckInPlaceSelectDemo,
+ };
+ }
+
+ static get properties() {
+ return {
+ };
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this.updateComplete.then(()=>{
+ });
+ }
+
+ static get styles() {
+ // language=css
+ return [
+ commonStyles.getThemeCSS(),
+ commonStyles.getGeneralCSS(),
+ demoStyles.getDemoCSS(),
+ css`
+ h1.title {margin-bottom: 1em;}
+ div.container {margin-bottom: 1.5em;}
+
+ #demo{
+ display: block;
+ padding-top: 50px;
+ }
+
+ `
+ ];
+ }
+
+ render() {
+ return html`
+ ${unsafeHTML(readme)}
+ <dbp-check-in-place-select-demo id="demo" lang="en" no-auth></dbp-check-in-place-select-demo>
+ `;
+ }
+}
+
+commonUtils.defineCustomElement('dbp-check-in-place-select-demo-activity', DbpActivityNameDemoActivity);
diff --git a/demo/src/dbp-data-table-view-demo-activity.js b/demo/src/dbp-data-table-view-demo-activity.js
index cbde21a7100201790c5af690576e08b51f665d86..8d723ef2895d0aee70ee8d0347ced5750a337dc0 100644
--- a/demo/src/dbp-data-table-view-demo-activity.js
+++ b/demo/src/dbp-data-table-view-demo-activity.js
@@ -50,7 +50,7 @@ class DbpActivityNameDemoActivity extends ScopedElementsMixin(LitElement) { //TO
return html`
${unsafeHTML(readme)}
- <dbp-data-table-view-demo id="demo" lang="en"></dbp-data-table-view-demo>
+ <dbp-data-table-view-demo id="demo" lang="en" no-auth></dbp-data-table-view-demo>
`;
}
}
diff --git a/demo/src/dbp-knowledge-base-web-page-element-view-demo-activity.js b/demo/src/dbp-knowledge-base-web-page-element-view-demo-activity.js
index 26e7aa9c35dab393f6cdd47a95cb25fc7676f870..f7549313d520c86918a95b6947ca70050bfeb604 100644
--- a/demo/src/dbp-knowledge-base-web-page-element-view-demo-activity.js
+++ b/demo/src/dbp-knowledge-base-web-page-element-view-demo-activity.js
@@ -49,7 +49,7 @@ class KnowledgeBaseWebPageElementViewDemoActivity extends ScopedElementsMixin(Li
render() {
return html`
${unsafeHTML(readme)}
- <dbp-knowledge-base-web-page-element-view-demo id="demo" lang="en"></dbp-knowledge-base-web-page-element-view-demo>
+ <dbp-knowledge-base-web-page-element-view-demo id="demo" lang="en" no-auth></dbp-knowledge-base-web-page-element-view-demo>
`;
}
}
diff --git a/demo/src/dbp-matomo-demo-activity.js b/demo/src/dbp-matomo-demo-activity.js
index 4a99489577825b8f9e485aad2c1d417a16df742e..07a3b648f640ff4ca27f7068c2ec5acd4715f069 100644
--- a/demo/src/dbp-matomo-demo-activity.js
+++ b/demo/src/dbp-matomo-demo-activity.js
@@ -48,8 +48,8 @@ class DbpMatomoDemoActivity extends ScopedElementsMixin(LitElement) {
render() {
return html`
- ${unsafeHTML(readme)}
- <dbp-matomo-demo id="demo" lang="en"></dbp-matomo-demo>
+ ${unsafeHTML(readme)}
+ <dbp-matomo-demo id="demo" lang="en" no-auth></dbp-matomo-demo>
`;
}
}
diff --git a/demo/src/dbp-person-profile-demo-activity.js b/demo/src/dbp-person-profile-demo-activity.js
index dcb570acfa230c221afc9a526501d1770ee2dfac..715a1ac53babb462a395d0e2bd620bf9a5b5f91b 100644
--- a/demo/src/dbp-person-profile-demo-activity.js
+++ b/demo/src/dbp-person-profile-demo-activity.js
@@ -49,7 +49,7 @@ class DbpPersonProfileDemoActivity extends ScopedElementsMixin(LitElement) {
render() {
return html`
${unsafeHTML(readme)}
- <dbp-person-profile-demo id="demo" lang="en"></dbp-person-profile-demo>
+ <dbp-person-profile-demo id="demo" lang="en" no-auth></dbp-person-profile-demo>
`;
}
diff --git a/demo/src/dbp-person-select-demo-activity.js b/demo/src/dbp-person-select-demo-activity.js
index a0bb3dc307813e12dc84fb387f35c53527b4b511..41ffb9bb71dea1d4ee2fa72cc6707cbefb581af8 100644
--- a/demo/src/dbp-person-select-demo-activity.js
+++ b/demo/src/dbp-person-select-demo-activity.js
@@ -49,7 +49,7 @@ class DbpPersonSelectDemoActivity extends ScopedElementsMixin(LitElement) {
render() {
return html`
${unsafeHTML(readme)}
- <dbp-person-select-demo id="demo" lang="en"></dbp-person-select-demo>
+ <dbp-person-select-demo id="demo" lang="en" no-auth></dbp-person-select-demo>
`;
}
}
diff --git a/packages/check-in-place-select/src/dbp-check-in-place-select-demo.js b/packages/check-in-place-select/src/dbp-check-in-place-select-demo.js
index 8ecb7ab98e9abeadf054c53ddcc0f3f5538e263c..abcf3330bd82a519a57628132936ce136a68eb6c 100644
--- a/packages/check-in-place-select/src/dbp-check-in-place-select-demo.js
+++ b/packages/check-in-place-select/src/dbp-check-in-place-select-demo.js
@@ -6,7 +6,7 @@ import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
import * as commonUtils from '@dbp-toolkit/common/utils';
import * as commonStyles from '@dbp-toolkit/common/styles';
-class CheckInPlaceSelectDemo extends ScopedElementsMixin(LitElement) {
+export class CheckInPlaceSelectDemo extends ScopedElementsMixin(LitElement) {
constructor() {
super();
this.lang = 'de';
@@ -15,7 +15,6 @@ class CheckInPlaceSelectDemo extends ScopedElementsMixin(LitElement) {
static get scopedElements() {
return {
- 'dbp-auth-keycloak': AuthKeycloak,
'dbp-login-button': LoginButton,
'dbp-check-in-place-select': CheckInPlaceSelect,
};
@@ -49,9 +48,11 @@ class CheckInPlaceSelectDemo extends ScopedElementsMixin(LitElement) {
}
getAuthComponentHtml() {
- return this.noAuth ? html`` : html`
+ return this.noAuth ? html`<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>` : html`
<div class="container">
- <dbp-auth-keycloak lang="${this.lang}" url="https://auth-dev.tugraz.at/auth" realm="tugraz" client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
+ <dbp-auth-keycloak lang="${this.lang}" silent-check-sso-redirect-uri="/dist/silent-check-sso.html"
+ url="https://auth-dev.tugraz.at/auth" realm="tugraz"
+ client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>
</div>
`;
diff --git a/packages/data-table-view/src/dbp-data-table-view-demo.js b/packages/data-table-view/src/dbp-data-table-view-demo.js
index 22260e9c27779997339890c17cb489d2bb8ea1fa..810e968cb5b19f43c7fc590eea2d4aba7eb7ca29 100644
--- a/packages/data-table-view/src/dbp-data-table-view-demo.js
+++ b/packages/data-table-view/src/dbp-data-table-view-demo.js
@@ -135,9 +135,11 @@ export class DataTableViewDemo extends ScopedElementsMixin(LitElement) {
}
getAuthComponentHtml() {
- return this.noAuth ? html`` : html`
- <div class="content">
- <dbp-auth-keycloak lang="${this.lang}" url="https://auth-dev.tugraz.at/auth" realm="tugraz" client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
+ return this.noAuth ? html`<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>` : html`
+ <div class="container">
+ <dbp-auth-keycloak lang="${this.lang}" silent-check-sso-redirect-uri="/dist/silent-check-sso.html"
+ url="https://auth-dev.tugraz.at/auth" realm="tugraz"
+ client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>
</div>
`;
diff --git a/packages/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo.js b/packages/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo.js
index 809ccbe0d12106ec31b6ff3da8575bf54a5ca8cb..b7ca2271c44851fc4b65d04e196acbcf84f2e945 100644
--- a/packages/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo.js
+++ b/packages/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo.js
@@ -63,14 +63,15 @@ export class KnowledgeBaseWebPageElementViewDemo extends ScopedElementsMixin(Lit
}
getAuthComponentHtml() {
- return this.noAuth ? html`` : html`
- <div class="content">
- <dbp-auth-keycloak lang="${this.lang}" url="https://auth-dev.tugraz.at/auth" realm="tugraz" client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
+ return this.noAuth ? html`<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>` : html`
+ <div class="container">
+ <dbp-auth-keycloak lang="${this.lang}" silent-check-sso-redirect-uri="/dist/silent-check-sso.html"
+ url="https://auth-dev.tugraz.at/auth" realm="tugraz"
+ client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>
</div>
`;
}
-
render() {
return html`
<section class="section">
diff --git a/packages/matomo/src/dbp-matomo-demo.js b/packages/matomo/src/dbp-matomo-demo.js
index 3f4f9c27093629e530b5921169beacd1d486a6fb..9e7e82e9d8dbf38f687fb276fb18bb8cef528932 100644
--- a/packages/matomo/src/dbp-matomo-demo.js
+++ b/packages/matomo/src/dbp-matomo-demo.js
@@ -14,6 +14,7 @@ export class MatomoDemo extends ScopedElementsMixin(LitElement) {
this.lang = 'de';
this.matomoUrl = '';
this.matomoSiteId = -1;
+ this.noAuth = false;
}
static get scopedElements() {
@@ -29,6 +30,7 @@ export class MatomoDemo extends ScopedElementsMixin(LitElement) {
lang: { type: String },
matomoUrl: { type: String, attribute: "matomo-url" },
matomoSiteId: { type: Number, attribute: "matomo-site-id" },
+ noAuth: { type: Boolean, attribute: 'no-auth' },
};
}
@@ -62,15 +64,26 @@ export class MatomoDemo extends ScopedElementsMixin(LitElement) {
];
}
+ getAuthComponentHtml() {
+ return this.noAuth ? html`<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>` : html`
+ <div class="container">
+ <dbp-auth-keycloak lang="${this.lang}" silent-check-sso-redirect-uri="/dist/silent-check-sso.html"
+ url="https://auth-dev.tugraz.at/auth" realm="tugraz"
+ client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
+ <dbp-login-button lang="${this.lang}" show-image></dbp-login-button>
+ </div>
+ `;
+ }
+
render() {
+
return html`
<section class="section">
<div class="container">
<h1 class="title">Matomo-Demo</h1>
</div>
<div class="container">
- <dbp-auth-keycloak lang="${this.lang}" url="https://auth-dev.tugraz.at/auth" realm="tugraz" client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
- <dbp-login-button lang="${this.lang}" show-image></dbp-login-button>
+ ${ this.getAuthComponentHtml() }
<dbp-matomo endpoint="${this.matomoUrl}" site-id="${this.matomoSiteId}"></dbp-matomo>
</div>
<div class="container">
diff --git a/packages/person-profile/src/dbp-person-profile-demo.js b/packages/person-profile/src/dbp-person-profile-demo.js
index 3ca67f51a3cf54f1f41e9c42750139e8b57c9a32..40369cff010ac569811f1b88dfaabf43defbeeb3 100644
--- a/packages/person-profile/src/dbp-person-profile-demo.js
+++ b/packages/person-profile/src/dbp-person-profile-demo.js
@@ -66,13 +66,13 @@ export class PersonProfileDemo extends ScopedElementsMixin(DBPLitElement) {
}
getAuthComponentHtml() {
- return this.noAuth ? html`` : html`
- <header>
- <div class="container">
- <dbp-auth-keycloak lang="${this.lang}" url="https://auth-dev.tugraz.at/auth" realm="tugraz" client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
- <dbp-login-button lang="${this.lang}" show-image></dbp-login-button>
- </div>
- </header>
+ return this.noAuth ? html`<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>` : html`
+ <div class="container">
+ <dbp-auth-keycloak lang="${this.lang}" silent-check-sso-redirect-uri="/dist/silent-check-sso.html"
+ url="https://auth-dev.tugraz.at/auth" realm="tugraz"
+ client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
+ <dbp-login-button lang="${this.lang}" show-image></dbp-login-button>
+ </div>
`;
}
diff --git a/packages/person-select/src/dbp-person-select-demo.js b/packages/person-select/src/dbp-person-select-demo.js
index 99a87292697ed1613a846dfa2843502c7a20bb9d..ff61f2a0e735e204c0c7d35a6e8e32a6ff57d29a 100644
--- a/packages/person-select/src/dbp-person-select-demo.js
+++ b/packages/person-select/src/dbp-person-select-demo.js
@@ -49,9 +49,11 @@ export class PersonSelectDemo extends ScopedElementsMixin(LitElement) {
}
getAuthComponentHtml() {
- return this.noAuth ? html`` : html`
+ return this.noAuth ? html`<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>` : html`
<div class="container">
- <dbp-auth-keycloak lang="${this.lang}" url="https://auth-dev.tugraz.at/auth" realm="tugraz" client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
+ <dbp-auth-keycloak lang="${this.lang}" silent-check-sso-redirect-uri="/dist/silent-check-sso.html"
+ url="https://auth-dev.tugraz.at/auth" realm="tugraz"
+ client-id="auth-dev-mw-frontend-local" load-person try-login></dbp-auth-keycloak>
<dbp-login-button lang="${this.lang}" show-image></dbp-login-button>
</div>
`;