Update file sink demo and allow nextcloud in toolkit showcase app

b349fac9 · Bekerle, Patrizio · 5e5ffc36 · b349fac9 · b349fac9 · b349fac9
Unverified Commit b349fac9 authored 4 years ago by Bekerle, Patrizio
--- 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>

--- 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 %>

--- 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"
 }