Designed Nextcloud UI, added translation and attribute nextcloudName

packages/file-handling/src/file-source.js

@@ -35,10 +35,11 @@ export class FileSource extends ScopedElementsMixin(VPULitElement) {
         super();
         this.lang = 'de';
         this.nextcloudAuthUrl = '';
+        this.nextcloudName ='TU Graz cloud';
         this.nextcloudWebDavUrl = '';
         this.dropArea = null;
         this.allowedMimeTypes = '*/*';
-        this.enabledSources = 'local';
+        this.enabledSources = 'local';1
         this.text = '';
         this.buttonLabel = '';
         this.disabled = false;
@@ -66,6 +67,7 @@ export class FileSource extends ScopedElementsMixin(VPULitElement) {
             enabledSources: { type: String, attribute: 'enabled-sources' },
             nextcloudAuthUrl: { type: String, attribute: 'nextcloud-auth-url' },
             nextcloudWebDavUrl: { type: String, attribute: 'nextcloud-web-dav-url' },
+            nextcloudName: { type: String, attribute: 'nextcloud-name' },
             text: { type: String },
             buttonLabel: { type: String, attribute: 'button-label' },
             disabled: { type: Boolean },
@@ -338,7 +340,14 @@ export class FileSource extends ScopedElementsMixin(VPULitElement) {
             }
 
             #nextcloud-file-picker {
-                /*width: 100%;*/
+                width: 100%;
+                height: 100%;
+                margin: var(--FUMargin, 0px);
+                padding: var(--FUPadding, 20px);
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
             }
 
             #dropArea.highlight {
@@ -353,11 +362,6 @@ export class FileSource extends ScopedElementsMixin(VPULitElement) {
                 display: none;
             }
 
-            #nextcloud-file-picker {
-                display: inline-block;
-                margin-left: 8px;
-            }
-
             #nextcloud-file-picker.hidden {
                 display: none;
             }
@@ -421,6 +425,7 @@ export class FileSource extends ScopedElementsMixin(VPULitElement) {
                                        lang="${this.lang}"
                                        auth-url="${this.nextcloudAuthUrl}"
                                        web-dav-url="${this.nextcloudWebDavUrl}"
+                                       nextcloud-name="${this.nextcloudName}"
                                        allowed-mime-types="${this.allowedMimeTypes}"
                                        @vpu-nextcloud-file-picker-file-downloaded="${(event) => {
                                     this.sendFileEvent(event.detail.file);

packages/file-handling/src/i18n/de/translation.json

@@ -23,7 +23,7 @@
   },
   "nextcloud-file-picker": {
     "open": "Nextcloud",
-    "open-nextcloud-file-picker": "Dateien von Ihrer Nextcloud auswählen",
+    "open-nextcloud-file-picker": "Dateien von {{name}} wählen",
     "folder-last": "In das zuletzt ausgewählte Verzeichnis springen",
     "folder-up": "In das übergeordnete Verzeichnis springen",
     "folder-home": "In das Home Verzeichnis springen",
@@ -35,6 +35,11 @@
     "last-modified": "Geändert",
     "mime-type": "Art",
     "filename": "Name",
-    "size": "Größe"
+    "size": "Größe",
+    "init-text-1": "Wählen Sie Ihre Dateien von {{name}}.",
+    "init-text-2": "Sie müssen sich zuerst authentifizieren.",
+    "auth-info": "Eine neue Seite wird geöffnet, um Ihr Konto zu verbinden.",
+    "connect-nextcloud": "{{name}} verbinden",
+    "open-in-nextcloud": "In {{name}} öffnen"
   }
 }

packages/file-handling/src/i18n/en/translation.json

@@ -23,7 +23,7 @@
   },
   "nextcloud-file-picker": {
     "open": "Nextcloud",
-    "open-nextcloud-file-picker": "Select files from your Nextcloud",
+    "open-nextcloud-file-picker": "Select files from your {{name}}",
     "folder-last": "Jump to the last directory",
     "folder-up": "Jump to the parent directory",
     "folder-up": "Jump to the home directory",
@@ -35,6 +35,11 @@
     "last-modified": "Last modified",
     "mime-type": "Type",
     "filename": "Filename",
-    "size": "Size"
+    "size": "Size",
+    "init-text-1": "Chose your files from {{name}}.",
+    "init-text-2": "You need to authenticate first.",
+    "auth-info": "A new page will open to connect your account.",
+    "connect-nextcloud": "Connect {{name}}",
+    "open-in-nextcloud": "Open in {{name}}"
   }
 }

common @ 63b49c3a

-Subproject commit 7312904874df399f4bbb2ae6c6f700bce8c3129f
+Subproject commit 63b49c3a2eeae312b4a2aeec4cc2f7f0ee12b749

[Bekerle, Patrizio]

I'll fix that.