From b349fac9cb2e35989e14836b632cdcebeaafb5ea Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Wed, 27 Jan 2021 09:10:45 +0100
Subject: [PATCH] Update file sink demo and allow nextcloud in toolkit showcase
 app

---
 packages/file-handling/src/demo.js            | 31 ++++++++++++++-----
 .../assets/dbp-toolkit-showcase.html.ejs      |  4 +--
 .../assets/file-handling.metadata.json        |  2 +-
 3 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/packages/file-handling/src/demo.js b/packages/file-handling/src/demo.js
index ba02bb01..fa0de9a4 100644
--- a/packages/file-handling/src/demo.js
+++ b/packages/file-handling/src/demo.js
@@ -81,22 +81,37 @@ export class FileSourceDemo extends ScopedElementsMixin(LitElement) {
                 </div>
                 <div class="content">
                     <h2 class="subtitle">Send files via event</h2>
+                    <p>There is no restriction for a specific file type:</p>
                     <button @click="${() => { this._("#file-source1").setAttribute("dialog-open", ""); }}"
                             class="button is-primary">
                         Open dialog
                     </button>
-
-                    <p>There is no restriction for a specific file type:</p>
-                    <dbp-file-source id="file-source1" lang="en" url="${this.url}" allowed-mime-types="*/*"></dbp-file-source>
+                    <dbp-file-source id="file-source1"
+                                     subscribe="nextcloud-auth-url:nextcloud-auth-url,nextcloud-web-dav-url:nextcloud-web-dav-url,nextcloud-name:nextcloud-name,nextcloud-file-url:nextcloud-file-url"
+                                     lang="en"
+                                     enabled-sources="local,nextcloud"
+                                     allowed-mime-types="*/*"></dbp-file-source>
                     <p>Only images are allowed here (JPG, PNG, GIF, TIF, ...):</p>
-                    <dbp-file-source lang="en" url="${this.url}" allowed-mime-types="image/*"
-                        text="Abgabe nur für Bilder "></dbp-file-source>
+                    <button @click="${() => { this._("#file-source2").setAttribute("dialog-open", ""); }}"
+                            class="button is-primary">
+                        Open dialog
+                    </button>
+                    <dbp-file-source id="file-source2" lang="en" url="${this.url}" allowed-mime-types="image/*"
+                        text="Please select images"></dbp-file-source>
                     <p>This is for PDF only:</p>
-                    <dbp-file-source lang="en" url="${this.url}" allowed-mime-types="application/pdf"
+                    <button @click="${() => { this._("#file-source3").setAttribute("dialog-open", ""); }}"
+                            class="button is-primary">
+                        Open dialog
+                    </button>
+                    <dbp-file-source id="file-source3" lang="en" url="${this.url}" allowed-mime-types="application/pdf"
                         text="Einreichung als PDF" button-label="PDF auswählen"></dbp-file-source>
                      <p>Text and images (JPG, PNG, GIF, TIF, ...) :</p>
-                    <dbp-file-source lang="en" url="${this.url}" allowed-mime-types="text/plain,image/*"
-                        text="Abgabe für Text und Bilder "></dbp-file-source>
+                    <button @click="${() => { this._("#file-source4").setAttribute("dialog-open", ""); }}"
+                            class="button is-primary">
+                        Open dialog
+                    </button>
+                    <dbp-file-source id="file-source4" lang="en" url="${this.url}" allowed-mime-types="text/plain,image/*"
+                        text="Please select text or images"></dbp-file-source>
 
                     <dbp-file-sink lang="en"></dbp-file-sink>
                </div>
diff --git a/toolkit-showcase/assets/dbp-toolkit-showcase.html.ejs b/toolkit-showcase/assets/dbp-toolkit-showcase.html.ejs
index 2085a3c1..7c9f567a 100644
--- a/toolkit-showcase/assets/dbp-toolkit-showcase.html.ejs
+++ b/toolkit-showcase/assets/dbp-toolkit-showcase.html.ejs
@@ -55,8 +55,8 @@
 <body>
 <dbp-provider id="root"
               lang="en" entry-point-url="<%= entryPointURL %>"
-              nextcloud-web-app-password-url="<%= nextcloudWebAppPasswordURL %>"
-              nextcloud-webdav-url="<%= nextcloudWebDavURL %>"
+              nextcloud-auth-url="<%= nextcloudWebAppPasswordURL %>"
+              nextcloud-web-dav-url="<%= nextcloudWebDavURL %>"
               nextcloud-name="<%= nextcloudName %>"
               nextcloud-file-url="<%= nextcloudFileURL %>">
     <<%= name %>
diff --git a/toolkit-showcase/assets/file-handling.metadata.json b/toolkit-showcase/assets/file-handling.metadata.json
index 7dbd87f8..005693c5 100644
--- a/toolkit-showcase/assets/file-handling.metadata.json
+++ b/toolkit-showcase/assets/file-handling.metadata.json
@@ -14,5 +14,5 @@
     "de": "Web Componente für file sink und file source. Für mehrere verschiedenen Quellen.",
     "en": "Web components for file sink and file source. For several different sources."
   },
-  "subscribe": "lang:lang,entry-point-url:entry-point-url,nextcloud-web-app-password-url:nextcloud-web-app-password-url,nextcloud-webdav-url:nextcloud-webdav-url,nextcloud-name:nextcloud-name,nextcloud-file-url:nextcloud-file-url,show-nextcloud-file-picker:show-nextcloud-file-picker"
+  "subscribe": "lang:lang,entry-point-url:entry-point-url,nextcloud-auth-url:nextcloud-auth-url,nextcloud-web-dav-url:nextcloud-web-dav-url,nextcloud-name:nextcloud-name,nextcloud-file-url:nextcloud-file-url,show-nextcloud-file-picker:show-nextcloud-file-picker"
 }
-- 
GitLab