From d399ff20d37dc8dbbdbad90ca334f947675db510 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Mon, 28 Sep 2020 15:46:45 +0200
Subject: [PATCH] Add demo activity for file handling
---
.../dbp-toolkit-demo.topic.metadata.json.ejs | 1 +
demo/assets/file-handling.metadata.json | 17 +++++++
demo/src/dbp-file-handling-demo.js | 47 +++++++++++++++++++
3 files changed, 65 insertions(+)
create mode 100644 demo/assets/file-handling.metadata.json
create mode 100644 demo/src/dbp-file-handling-demo.js
diff --git a/demo/assets/dbp-toolkit-demo.topic.metadata.json.ejs b/demo/assets/dbp-toolkit-demo.topic.metadata.json.ejs
index 40ff1bb1..e4508a47 100644
--- a/demo/assets/dbp-toolkit-demo.topic.metadata.json.ejs
+++ b/demo/assets/dbp-toolkit-demo.topic.metadata.json.ejs
@@ -15,6 +15,7 @@
"activities": [
{"path": "person-select.metadata.json"},
{"path": "knowledge-base-web-page-element-view.metadata.json"},
+ {"path": "file-handling.metadata.json"},
{"path": "common.metadata.json"}
],
"attributes": []
diff --git a/demo/assets/file-handling.metadata.json b/demo/assets/file-handling.metadata.json
new file mode 100644
index 00000000..815c168f
--- /dev/null
+++ b/demo/assets/file-handling.metadata.json
@@ -0,0 +1,17 @@
+{
+ "element": "dbp-file-handling-demo",
+ "module_src": "dbp-file-handling-demo.js",
+ "routing_name": "file-handling",
+ "name": {
+ "de": "File Handling",
+ "en": "File Handling"
+ },
+ "short_name": {
+ "de": "File Handling",
+ "en": "File Handling"
+ },
+ "description": {
+ "de": "Filepicker für File Upload und Download",
+ "en": "Filepicker for upload and download files"
+ }
+}
diff --git a/demo/src/dbp-file-handling-demo.js b/demo/src/dbp-file-handling-demo.js
new file mode 100644
index 00000000..b89528a7
--- /dev/null
+++ b/demo/src/dbp-file-handling-demo.js
@@ -0,0 +1,47 @@
+import {css, html, LitElement} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import * as commonUtils from 'dbp-common/utils';
+import * as commonStyles from 'dbp-common/styles';
+import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import readme from 'dbp-file-handling/README.md';
+import highlightCSSPath from 'highlight.js/styles/default.css';
+
+class DbpFileHandlingDemoActivity extends ScopedElementsMixin(LitElement) {
+ static get scopedElements() {
+ return {
+ };
+ }
+
+ static get properties() {
+ return {
+ };
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this.updateComplete.then(()=>{
+ });
+ }
+
+ static get styles() {
+ // language=css
+ return [
+ commonStyles.getThemeCSS(),
+ commonStyles.getGeneralCSS(),
+ css`
+ h1.title {margin-bottom: 1em;}
+ div.container {margin-bottom: 1.5em;}
+ `
+ ];
+ }
+
+ render() {
+ return html`
+ xxx
+ yyy
+ `;
+ }
+}
+
+commonUtils.defineCustomElement('dbp-file-handling-demo', DbpFileHandlingDemoActivity);
--
GitLab