From d9608283b2abaf076875edb4e8a1339fb6eec1e6 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Tue, 17 Nov 2020 15:15:56 +0100
Subject: [PATCH] Update toolkit demo
---
demo/src/dbp-common-demo-activity.js | 58 ++++++++++++++++++
demo/src/dbp-data-table-view-demo-activity.js | 58 ++++++++++++++++++
demo/src/dbp-file-handling-demo-activity.js | 57 ++++++++++++++++++
demo/src/dbp-language-select-demo-activity.js | 59 +++++++++++++++++++
4 files changed, 232 insertions(+)
create mode 100644 demo/src/dbp-common-demo-activity.js
create mode 100644 demo/src/dbp-data-table-view-demo-activity.js
create mode 100644 demo/src/dbp-file-handling-demo-activity.js
create mode 100644 demo/src/dbp-language-select-demo-activity.js
diff --git a/demo/src/dbp-common-demo-activity.js b/demo/src/dbp-common-demo-activity.js
new file mode 100644
index 00000000..ecb7d724
--- /dev/null
+++ b/demo/src/dbp-common-demo-activity.js
@@ -0,0 +1,58 @@
+import {css, html, LitElement} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import {DbpCommonDemo} from '@dbp-toolkit/common/dbp-common-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/common/README.md';
+import highlightCSSPath from 'highlight.js/styles/default.css';
+import * as demoStyles from "./styles";
+
+class DbpCommonDemoActivity extends ScopedElementsMixin(LitElement) {
+ static get scopedElements() {
+ return {
+ 'dbp-common-demo': DbpCommonDemo,
+ };
+ }
+
+ 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-common-demo id="demo" lang="en"></dbp-common-demo>
+ `;
+ }
+}
+
+commonUtils.defineCustomElement('dbp-common-demo-activity', DbpCommonDemoActivity);
diff --git a/demo/src/dbp-data-table-view-demo-activity.js b/demo/src/dbp-data-table-view-demo-activity.js
new file mode 100644
index 00000000..cbde21a7
--- /dev/null
+++ b/demo/src/dbp-data-table-view-demo-activity.js
@@ -0,0 +1,58 @@
+import {css, html, LitElement} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import {DataTableViewDemo} from '@dbp-toolkit/data-table-view/src/dbp-data-table-view-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/data-table-view/README.md';
+import highlightCSSPath from 'highlight.js/styles/default.css';
+import * as demoStyles from "./styles";
+
+class DbpActivityNameDemoActivity extends ScopedElementsMixin(LitElement) { //TODO
+ static get scopedElements() {
+ return {
+ 'dbp-data-table-view-demo': DataTableViewDemo,
+ };
+ }
+
+ 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-data-table-view-demo id="demo" lang="en"></dbp-data-table-view-demo>
+ `;
+ }
+}
+
+commonUtils.defineCustomElement('dbp-data-table-view-demo-activity', DbpActivityNameDemoActivity);
diff --git a/demo/src/dbp-file-handling-demo-activity.js b/demo/src/dbp-file-handling-demo-activity.js
new file mode 100644
index 00000000..f748a7f5
--- /dev/null
+++ b/demo/src/dbp-file-handling-demo-activity.js
@@ -0,0 +1,57 @@
+import {css, html, LitElement} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import {FileSourceDemo} from '@dbp-toolkit/file-handling/src/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/file-handling/README.md';
+import highlightCSSPath from 'highlight.js/styles/default.css';
+import * as demoStyles from "./styles";
+
+class DbpFileHandlingDemoActivity extends ScopedElementsMixin(LitElement) {
+ static get scopedElements() {
+ return {
+ 'dbp-file-handling-demo': FileSourceDemo,
+ };
+ }
+
+ 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-file-handling-demo id="demo" lang="en"></dbp-file-handling-demo>
+ `;
+ }
+}
+
+commonUtils.defineCustomElement('dbp-file-handling-demo-activity', DbpFileHandlingDemoActivity);
diff --git a/demo/src/dbp-language-select-demo-activity.js b/demo/src/dbp-language-select-demo-activity.js
new file mode 100644
index 00000000..fec16375
--- /dev/null
+++ b/demo/src/dbp-language-select-demo-activity.js
@@ -0,0 +1,59 @@
+import {css, html, LitElement} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import {LanguageSelectDemo} from '@dbp-toolkit/language-select/src/dbp-language-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/language-select/README.md';
+import highlightCSSPath from 'highlight.js/styles/default.css';
+import * as demoStyles from "./styles";
+
+class DbpLanguageSelectDemoActivity extends ScopedElementsMixin(LitElement) {
+ static get scopedElements() {
+ return {
+ 'dbp-language-select-demo': LanguageSelectDemo,
+ };
+ }
+
+ 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-language-select-demo id="demo" lang="en"></dbp-language-select-demo>
+
+ `;
+ }
+}
+
+commonUtils.defineCustomElement('dbp-language-select-demo-activity', DbpLanguageSelectDemoActivity);
--
GitLab