From d3ec7b93deea55d7d228516b8dac8a42a2faa1cb Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Thu, 18 Mar 2021 15:17:01 +0100
Subject: [PATCH] Add organization select page to the toolkit showcase app
---
...p-toolkit-showcase.topic.metadata.json.ejs | 1 +
.../assets/organization-select.metadata.json | 18 +++++
toolkit-showcase/package.json | 1 +
.../dbp-organization-select-demo-activity.js | 67 +++++++++++++++++++
4 files changed, 87 insertions(+)
create mode 100644 toolkit-showcase/assets/organization-select.metadata.json
create mode 100644 toolkit-showcase/src/dbp-organization-select-demo-activity.js
diff --git a/toolkit-showcase/assets/dbp-toolkit-showcase.topic.metadata.json.ejs b/toolkit-showcase/assets/dbp-toolkit-showcase.topic.metadata.json.ejs
index af1fbba1..bf02a43e 100644
--- a/toolkit-showcase/assets/dbp-toolkit-showcase.topic.metadata.json.ejs
+++ b/toolkit-showcase/assets/dbp-toolkit-showcase.topic.metadata.json.ejs
@@ -15,6 +15,7 @@
"activities": [
{"path": "auth.metadata.json"},
{"path": "person-select.metadata.json"},
+ {"path": "organization-select.metadata.json"},
{"path": "knowledge-base-web-page-element-view.metadata.json"},
{"path": "common.metadata.json"},
{"path": "qr-code-scanner.metadata.json"},
diff --git a/toolkit-showcase/assets/organization-select.metadata.json b/toolkit-showcase/assets/organization-select.metadata.json
new file mode 100644
index 00000000..d8278666
--- /dev/null
+++ b/toolkit-showcase/assets/organization-select.metadata.json
@@ -0,0 +1,18 @@
+{
+ "element": "dbp-knowledge-base-organization-select-demo-activity",
+ "module_src": "dbp-organization-select-demo-activity.js",
+ "routing_name": "organization-select",
+ "name": {
+ "de": "Institutsauswahl",
+ "en": "Organization select"
+ },
+ "short_name": {
+ "de": "Institutsauswahl",
+ "en": "Organization select"
+ },
+ "description": {
+ "de": "Erlaubt die Auswahl von Instituten",
+ "en": "Allows selection of organizations"
+ },
+ "subscribe": "lang,entry-point-url"
+}
diff --git a/toolkit-showcase/package.json b/toolkit-showcase/package.json
index 005c054a..e68168b6 100644
--- a/toolkit-showcase/package.json
+++ b/toolkit-showcase/package.json
@@ -53,6 +53,7 @@
"@dbp-toolkit/notification": "^0.2.0",
"@dbp-toolkit/person-profile": "^0.2.0",
"@dbp-toolkit/person-select": "^0.2.0",
+ "@dbp-toolkit/organization-select": "^0.2.0",
"@open-wc/scoped-elements": "^1.1.1",
"fabric": "^4.2.0",
"file-saver": "^2.0.2",
diff --git a/toolkit-showcase/src/dbp-organization-select-demo-activity.js b/toolkit-showcase/src/dbp-organization-select-demo-activity.js
new file mode 100644
index 00000000..fb49de40
--- /dev/null
+++ b/toolkit-showcase/src/dbp-organization-select-demo-activity.js
@@ -0,0 +1,67 @@
+import {css, html, LitElement} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import {OrganizationSelectDemo} from '@dbp-toolkit/organization-select/src/dbp-knowledge-base-organization-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/organization-select/README.md';
+import highlightCSSPath from 'highlight.js/styles/default.css';
+import * as demoStyles from "./styles";
+import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
+
+class DbpOrganizationSelectDemoActivity extends ScopedElementsMixin(AdapterLitElement) {
+ constructor() {
+ super();
+ this.lang = 'en';
+ this.entryPointUrl = '';
+ }
+
+ static get scopedElements() {
+ return {
+ 'dbp-knowledge-base-organization-select-demo': OrganizationSelectDemo,
+ };
+ }
+
+ static get properties() {
+ return {
+ ...super.properties,
+ lang: { type: String },
+ entryPointUrl: { type: String, attribute: 'entry-point-url' },
+ };
+ }
+
+ 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-knowledge-base-organization-select-demo id="demo" lang="${this.lang}" entry-point-url="${this.entryPointUrl}" no-auth></dbp-knowledge-base-organization-select-demo>
+ `;
+ }
+}
+
+commonUtils.defineCustomElement('dbp-knowledge-base-organization-select-demo-activity', DbpOrganizationSelectDemoActivity);
--
GitLab