Merge pull request #579 from weblate/weblate-xbackbone-xbackbone

Translations update from Hosted Weblate

CHANGELOG.md

@@ -5,6 +5,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ## Unreleased
 
+## [3.7.0] - 2024-01-14
+### Added
+- Added support for vanity urls.
+- Added KDE integration for linux script.
+
+### Changed
+- Updated translations.
+- File preview is now clickable to open the file.
+
+### Fixed
+- Fixes for LDAP authentication.
+
 ## [3.6.3] - 2023-05-27
 ### Fixed
 - Fix LDAP for php >= 8.1

app/Database/Repositories/MediaRepository.php

@@ -208,21 +208,38 @@ class MediaRepository
         array_multisort(array_column($files, 'size'), $this->buildOrderBy(), SORT_NUMERIC, $files);
 
         $params = [];
+        $queryPagesParams = [];
+
         if ($this->text !== null) {
             if ($this->isAdmin) {
-                [$queryMedia,] = $this->buildAdminQueries();
+                [$queryMedia, $queryPages] = $this->buildAdminQueries();
             } else {
-                [$queryMedia,] = $this->buildUserQueries();
+                [$queryMedia, $queryPages] = $this->buildUserQueries();
                 $params[] = $this->userId;
             }
 
             $params[] = '%'.htmlentities($this->text).'%';
+            $queryPagesParams = $params;
             $paths = array_column($files, 'path');
         } elseif ($this->tagId !== null) {
+            if ($this->isAdmin) {
+                [, $queryPages] = $this->buildAdminQueries();
+            } else {
+                [, $queryPages] = $this->buildUserQueries();
+                $queryPagesParams[] = $this->userId;
+            }
+
             $paths = array_column($files, 'path');
             $ids = $this->getMediaIdsByTagId($this->tagId);
             $queryMedia = 'SELECT `uploads`.*, `users`.`user_code`, `users`.`username` FROM `uploads` LEFT JOIN `users` ON `uploads`.`user_id` = `users`.`id` WHERE `uploads`.`storage_path` IN ("'.implode('","', $paths).'") AND `uploads`.`id` IN ('.implode(',', $ids).')';
         } else {
+            if ($this->isAdmin) {
+                [, $queryPages] = $this->buildAdminQueries();
+            } else {
+                [, $queryPages] = $this->buildUserQueries();
+                $queryPagesParams[] = $this->userId;
+            }
+
             $files = array_slice($files, $offset, $limit, true);
             $paths = array_column($files, 'path');
             $queryMedia = 'SELECT `uploads`.*, `users`.`user_code`, `users`.`username` FROM `uploads` LEFT JOIN `users` ON `uploads`.`user_id` = `users`.`id` WHERE `uploads`.`storage_path` IN ("'.implode('","', $paths).'")';
@@ -253,7 +270,7 @@ class MediaRepository
             }
         }
 
-        $this->pages = count($this->media) / $limit;
+        $this->pages = $this->db->query($queryPages, $queryPagesParams)->fetch()->count / $limit;
 
         if ($this->text !== null || $this->tagId !== null) {
             $this->media = array_slice($this->media, $offset, $limit, true);

docs/changelog.md

@@ -5,6 +5,18 @@ nav_order: 9
 ---
 # Changelog
 
+## [3.7.0] - 2024-01-14
+### Added
+- Added support for vanity urls.
+- Added KDE integration for linux script.
+
+### Changed
+- Updated translations.
+- File preview is now clickable to open the file.
+
+### Fixed
+- Fixes for LDAP authentication.
+
 ## [3.6.3] - 2023-05-27
 ### Fixed
 - Fix LDAP for php >= 8.1

package-lock.json

@@ -339,12 +339,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -805,9 +805,9 @@
       "dev": true
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -3216,12 +3216,12 @@
       }
     },
     "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "requires": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       }
     },
     "buffer": {
@@ -3609,9 +3609,9 @@
       "dev": true
     },
     "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "requires": {
         "to-regex-range": "^5.0.1"

resources/lang/ar.lang.php

@@ -17,9 +17,9 @@ return [
     'pager.next' => 'التالي',
     'pager.previous' => 'السابق',
     'copy_link' => 'نسخ الرابط',
-    'public.telegram' => 'مشاركة عبر تلغرام',
-    'public.delete_text' => 'هل تريد بالتأكيد حذف هذا العنصر؟ سيحذف نهائيا!',
-    'preview' => 'السابق',
+    'public.telegram' => 'شارك على تيليجرام',
+    'public.delete_text' => 'هل أنت متأكد من أنك تريد حذف هذا العنصر؟ لن تتمكن من استعادته',
+    'preview' => 'استعراض',
     'filename' => 'اسم الملف',
     'size' => 'حجم',
     'public' => 'عام',
@@ -59,13 +59,13 @@ return [
     'account_disabled' => 'حسابك معطل.',
     'welcome' => 'مرحبا، %s!',
     'goodbye' => 'وداعا!',
-    'email_required' => 'البريد الإلكتروني مطلوب.',
-    'email_taken' => 'البريد الإلكتروني قيد الاستخدام.',
+    'email_required' => 'عنوان البريد الإلكتروني مطلوب.',
+    'email_taken' => 'عنوان البريد الإلكتروني قيد الاستخدام بالفعل.',
     'username_required' => 'اسم المستخدم مطلوب.',
     'username_taken' => 'اسم المستخدم قيد الاستخدام.',
     'password_required' => 'كلمة المرور مطلوبة.',
-    'user_created' => 'المستخدم "%s" أنشئ!',
-    'user_updated' => 'المستخدم "%s" تم تحديثه!',
+    'user_created' => 'تم إنشاء المستخدم "٪s"!',
+    'user_updated' => 'تم تحديث المستخدم "%s"!',
     'profile_updated' => 'تم تحديث الملف الشخصي بنجاح!',
     'user_deleted' => 'تم حذف المستخدم.',
     'cannot_delete' => 'لا يمكنك حذف نفسك.',
@@ -73,8 +73,8 @@ return [
     'switch_to' => 'تبديل إلى',
     'gallery' => 'معرض',
     'table' => 'جدول',
-    'dotted_search' => 'بحث...',
-    'order_by' => 'ترتيب حسب...',
+    'dotted_search' => 'بحث…',
+    'order_by' => 'ترتيب حسب…',
     'time' => 'وقت',
     'name' => 'اسم',
     'maintenance' => 'صيانة',
@@ -88,7 +88,7 @@ return [
     'updates' => 'تحديثات',
     'cancel' => 'إلغاء',
     'auto_set' => 'حدد تلقائيا',
-    'prerelease_channel' => 'قناة إصدار تجريبي',
+    'prerelease_channel' => 'قناة ما قبل الإصدار',
     'drop_to_upload' => 'انقر أو اسحب ملفاتك هنا للرفع.',
     'donation' => 'تبرع',
     'remember_me' => 'تذكرني',
@@ -101,7 +101,7 @@ return [
     'password_recovery' => 'استعادة كلمة المرور',
     'no_account' => 'لا تملك حسابا؟',
     'register' => 'تسجيل',
-    'register_success' => 'تم إنشاء الحساب، تم إرسال رسالة تأكيد إلكترونية.',
+    'register_success' => 'تم إنشاء الحساب، تم إرسال رسالة تأكيد عبر البريد الإلكتروني.',
     'mail.activate_account' => '%s - تفعيل الحساب',
     'mail.recover_password' => '%s - استعادة كلمة المرور',
     'recover_email_sent' => 'إن وجد، سيتم إرسال رسالة إلكترونية لاستعادة كلمة المرور إلى الحساب المحدد.',
@@ -115,8 +115,51 @@ return [
     'clear_account' => 'مسح الحساب',
     'account_media_deleted' => 'كل الوسائط في الحساب تم حذفها.',
     'danger_zone' => 'منطقة خطرة',
-    'send_notification' => 'إرسال رسالة إشعار إلكترونية',
+    'send_notification' => 'إرسال إشعار بالبريد الإلكتروني',
     'mail.new_account' => '%s - إنشاء حساب جديد',
-    'php_info' => 'معلومات PHP',
-    'enforce_language' => 'اللغة الافتراضية',
+    'php_info' => 'معلومات الPHP',
+    'enforce_language' => 'فرض اللغة',
+    'image_embeds' => 'تضمين الصور',
+    'token_not_found' => 'لم يتم العثور على الرمز المميز المحدد.',
+    'clean_orphaned_uploads' => 'تنظيف التحميلات المعزولة',
+    'show_all_tags' => 'إظهار جميع العلامات',
+    'cannot_demote' => 'لا يمكنك تخفيض رتبتك.',
+    'recaptcha_secret_key' => 'المفتاح السري reCAPTCHA',
+    'recaptcha_failed' => 'فشل reCAPTCHA',
+    'recaptcha_enabled' => 'تم تفعيل reCAPTCHA',
+    'default_user_quota' => 'الحصة الافتراضية للمستخدم',
+    'invalid_quota' => 'قيم غير صالحة كحصة مستخدم افتراضية.',
+    'copy_url_behavior' => 'نسخ وضع الرابط',
+    'token' => 'الرمز المميز',
+    'vanity_url' => 'رابط مخصص',
+    'orphaned_files' => 'الملفات المعزولة',
+    'copied' => 'تم النسخ إلى الحافظة!',
+    'client_config' => 'إعدادات العميل',
+    'deleted_orphans' => 'تم حذف %d من الملفات المعزولة بنجاح.',
+    'maintenance_in_progress' => 'المنصة تحت الصيانة، حاول مرة أخرى لاحقاً…',
+    'default_lang_behavior' => 'سيحاول XBackBone مطابقة لغة المتصفح افتراضيا (الاحتياطي هو الإنجليزية).',
+    'no_upload_token' => 'ليس لديك رمز مميز شخصي للتحميل. (قم بإنشاء واحد وحاول مرة أخرى.)',
+    'donate_text' => 'إذا كنت تحب XBackBone، ففكر في التبرع لدعم التطوير!',
+    'custom_head_html' => 'محتوى رأس HTML مخصص',
+    'custom_head_html_hint' => 'ستتم إضافة هذا المحتوى عند علامة <head> في كل صفحة.',
+    'custom_head_set' => 'تم تطبيق رأس HTML المخصص.',
+    'max_user_quota' => 'الحد الأقصى لحصة المستخدم',
+    'quota_enabled' => 'تفعيل حصة المستخدم',
+    'recalculate_user_quota' => 'إعادة حساب حصة المستخدم من القرص',
+    'mail.activate_text' => 'مرحبًا %s!<br>شكرًا لك على إنشاء حسابك على %s (<a href="%s">%s</a>)، انقر على الرابط التالي لتفعيله:<br><br><a href="%s">%s</a>',
+    'quota_recalculated' => 'تمت إعادة حساب حصة المستخدم من القرص بنجاح.',
+    'only_recaptcha_v3' => 'يتم دعم reCAPTCHA v3 فقط.',
+    'recaptcha_site_key' => 'مفتاح موقع reCAPTCHA',
+    'ldap_cant_connect' => 'لا يمكن الاتصال بخادم مصادقة LDAP.',
+    'upload_max_file_size' => 'الحد الأقصى لحجم الملف حاليًا هو %s.',
+    'zip_ext_not_loaded' => 'لم يتم تحميل الامتداد "zip" المطلوب',
+    'no_tags' => 'لم تتم إضافة أي علامات',
+    'changelog' => 'سجل التغيير',
+    'show_changelog' => 'عرض سجل التغيير',
+    'auto_tagging' => 'تحميل العلامات تلقائيًا',
+    'recaptcha_keys_required' => 'جميع مفاتيح reCAPTCHA مطلوبة.',
+    'user_create_password' => 'إذا تركت فارغة، فقد تحتاج إلى إرسال إعلام إلى عنوان البريد الإلكتروني للمستخدم.',
+    'mail.recover_text' => 'مرحبًا %s،<br>لقد تم طلب إعادة تعيين كلمة المرور لحسابك. لإكمال الإجراء انقر على الرابط التالي:<br><br><a href="%s">%s</a><br><br>إذا لم تكن أنت من طلب إعادة تعيين كلمة المرور، فما عليك سوى تجاهل هذا البريد الإلكتروني.',
+    'mail.new_account_text_with_reset' => 'مرحبًا %s!<br>تم إنشاء حساب جديد لك على %s (<a href="%s">%s</a>)، انقر على الرابط التالي لتعيين كلمة مرور وتنشيطها:<br ><br><a href="%s">%s</a>',
+    'mail.new_account_text_with_pw' => 'مرحبًا %s!<br>تم إنشاء حساب جديد لك على %s (<a href="%s">%s</a>)، باستخدام بيانات الاعتماد التالية:<br><br>اسم المستخدم: %s <br>كلمة المرور: %s<br><br>انقر على الرابط التالي للانتقال إلى صفحة تسجيل الدخول:<br><a href="%s">%s</a>',
 ];

resources/lang/de.lang.php

@@ -153,6 +153,7 @@ return [
     'mail.new_account' => '%s – Erstellung von Konto',
     'user_create_password' => 'Wenn das leer bleibt, wollen Sie vielleicht eine Benachrichtigung an die Benutzer per E-Mail senden.',
     'no_tags' => 'Keine Tags hinzugefügt',
+    'show_all_tags' => 'Alle Tags anzeigen',
     'upload_max_file_size' => 'Die maximale Dateigröße beträgt derzeit %s.',
     'ldap_cant_connect' => 'Es kann keine Verbindung zum LDAP-Auth-Server hergestellt werden.',
     'zip_ext_not_loaded' => 'Die zip-Erweiterung ist erforderlich',
@@ -165,4 +166,5 @@ return [
     'changelog' => 'Änderungsprotokoll',
     'copied' => 'In Zwischenablage kopiert!',
     'image_embeds' => 'Bilder einbetten',
+    'vanity_url' => 'Benutzerdefinierte URL',
 ];

resources/lang/en.lang.php

@@ -156,6 +156,7 @@ return [
     'ldap_cant_connect' => 'Can\'t connect to the LDAP auth server.',
     'upload_max_file_size' => 'The max file size is currently %s.',
     'no_tags' => 'No tags added',
+    'show_all_tags' => 'Show all tags',
     'auto_tagging' => 'Auto upload tagging',
     'zip_ext_not_loaded' => 'The required "zip" extension is not loaded',
     'changelog' => 'Changelog',

resources/lang/es.lang.php

@@ -166,4 +166,5 @@ return [
     'only_recaptcha_v3' => 'Solo reCAPTCHA v3 está soportado.',
     'custom_head_set' => 'Cabecera HTML personalizada aplicada.',
     'vanity_url' => 'URL personalizada',
+    'show_all_tags' => 'Mostrar todas las etiquetas',
 ];

resources/lang/hu.lang.php

@@ -158,6 +158,7 @@ return [
     'no' => 'Nem',
     'yes' => 'Igen',
     'enforce_language' => 'A nyelv érvényesítése',
-    'lang' => 'Angol',
+    'lang' => 'Magyar',
     'image_embeds' => 'Képek beágyazása',
+    'vanity_url' => 'Egyedi URL',
 ];

resources/lang/ko.lang.php

@@ -101,7 +101,7 @@ return [
     'account_disabled' => '당신의 계정은 비활성 상태입니다.',
     'bad_login' => '잘못된 자격증명입니다.',
     'installed' => '설치가 완료되었어요!',
-    'confirm' => '재확인',
+    'confirm' => '확인',
     'confirm_string' => '확실한가요?',
     'open' => '열기',
     'none' => '없음',
@@ -160,4 +160,5 @@ return [
     'yes' => '확인',
     'enforce_language' => '언어 설정',
     'lang' => 'Korean',
+    'vanity_url' => '사용자 정의 URL',
 ];

resources/lang/nl.lang.php

@@ -54,7 +54,7 @@ return [
     'reg_date' => 'Registratiedatum',
     'none' => 'Geen',
     'open' => 'Open',
-    'confirm' => 'Bevestigen',
+    'confirm' => 'Bevestig',
     'confirm_string' => 'Weet je het zeker?',
     'installed' => 'Installatie succesvol voltooid!',
     'bad_login' => 'Verkeerde verificatiegegevens.',
@@ -101,9 +101,9 @@ return [
     'lang_name' => 'Taal',
     'default_lang_behavior' => 'XBackBone probeert standaard de taal van de browser te matchen (fallback is Engels).',
     'lang_set' => 'Systeemtaal "%s" afgedwongen',
-    'show_changelog' => 'Changelog weergeven',
-    'changelog' => 'Changelog',
-    'zip_ext_not_loaded' => 'De vereiste zip extensie is niet geladen',
+    'show_changelog' => 'Wijzigingslog weergeven',
+    'changelog' => 'Wijzigingslog',
+    'zip_ext_not_loaded' => 'De vereiste "zip" extensie is niet geladen',
     'auto_tagging' => 'Automatisch tags aanmaken',
     'no_tags' => 'Geen tags toegevoegd',
     'upload_max_file_size' => 'De maximale bestandsgrootte is momenteel %s.',
@@ -164,6 +164,7 @@ return [
     'php_info' => 'PHP Informatie',
     'upload' => 'Uploaden',
     'copied' => 'Gekopieerd naar klembord!',
-    'vanity_url' => 'Aangepaste URL',
-    'image_embeds' => 'Ingesloten afbeeldingen',
+    'vanity_url' => 'Eigen URL',
+    'image_embeds' => 'Afbeeldingen insluiten',
+    'show_all_tags' => 'Toon alle tags',
 ];

resources/lang/pl.lang.php

@@ -38,7 +38,7 @@ return [
     'admin' => 'Admin',
     'reg_date' => 'Data rejestracji',
     'open' => 'Otwórz',
-    'confirm' => 'Potwierdzenie',
+    'confirm' => 'Potwierdź',
     'confirm_string' => 'Jesteś pewien?',
     'installed' => 'Instalacja zakończona pomyślnie!',
     'welcome' => 'Witaj, %s!',
@@ -162,4 +162,5 @@ return [
     'mail.activate_text' => 'Cześć %s!<br>dziękuję za utworzenie konta na %s (<a href="%s">%s</a>), kliknij w poniższy link, aby je aktywować:<br><br><a href="%s">%s</a>',
     'image_embeds' => 'Osadź obrazy',
     'copied' => 'Skopiowano!',
+    'vanity_url' => 'Niestandardowy adres URL',
 ];

resources/lang/pt.lang.php

@@ -26,7 +26,7 @@ return [
     'owner' => 'Dono',
     'date' => 'Data',
     'raw' => 'Mostrar raw',
-    'download' => 'Transferir',
+    'download' => 'Descarregar',
     'delete' => 'Apagar',
     'publish' => 'Publicar',
     'hide' => 'Esconder',

resources/lang/ru.lang.php

@@ -163,7 +163,7 @@ return [
     'copied' => 'Скопировано!',
     'system_settings' => 'Системные настройки',
     'upload' => 'Выгрузить',
-    'php_info' => 'Инфо о PHP',
+    'php_info' => 'Информация о PHP',
     'image_embeds' => 'Встроенные изображения',
     'vanity_url' => 'Пользовательский URL',
 ];

resources/lang/sv.lang.php

@@ -161,4 +161,5 @@ return [
     'orphaned_files' => 'Föräldralösa Filer',
     'image_embeds' => 'Inbäddade bilder',
     'vanity_url' => 'Anpassad URL',
+    'show_all_tags' => 'Visa alla taggar',
 ];

resources/lang/tr.lang.php

@@ -161,4 +161,5 @@ return [
     'mail.activate_text' => 'Merhaba %s!<br>%s (<a href="%s">%s</a>) hesabınızı oluşturduğunuz için teşekkür ederiz, etkinleştirmek için aşağıdaki bağlantıya tıklayın:<br><br><a href="%s">%s</a>',
     'switch_to' => 'Şuna geç',
     'vanity_url' => 'Özel URL',
+    'show_all_tags' => 'Tüm etiketleri göster',
 ];

resources/templates/dashboard/pager_header.twig

@@ -16,6 +16,7 @@
                 {% if tags is empty %}
                     <h6 class="dropdown-header">{{ lang('no_tags') }}</h6>
                 {% else %}
+                    <a class="dropdown-item" href="{{ route('home') }}">{{ lang('show_all_tags') }}</a>
                     {% for tag in tags %}
                         <a class="dropdown-item {{ request.queryParams['tag'] == tag.id ? 'active' }}" href="{{ queryParams({'tag': tag.id}) }}" data-id="{{ tag.id }}">{{ tag.name }}</a>
                     {% endfor %}

src/js/app.js

@@ -48,6 +48,10 @@ var app = {
             $('.alert').slideUp(500);
         });
 
+        if ($('.dropzone').length > 0) {
+            app.initClipboardPasteToUpload();
+        }
+
         new ClipboardJS('.btn-clipboard');
         new Plyr($('#player'), {ratio: '16:9'});
 
@@ -252,7 +256,20 @@ var app = {
                 $('#dropdown-tag-list > a[data-id="' + $tag.data('id') + '"]').remove();
             }
         });
-    }
+    },
+    initClipboardPasteToUpload: function() {
+      document.onpaste = function(event){
+        if (event.clipboardData || event.originalEvent.clipboardData) {
+            const items = (event.clipboardData || event.originalEvent.clipboardData).items;
+            items.forEach((item) => {
+                if (item.kind === 'file') {
+                    // Add the file to the dropzone instance.
+                    Dropzone.forElement('.dropzone').addFile(item.getAsFile());
+                }
+            });
+        }
+      }
+    },
 };
 
 app.init();