abl_droploader: A native drag & drop multiple image uploader

developr · 2012-05-24 19:08:32

@redbot:
Good luck with your renovation!
Meanwhile, I try to support file uploads too. Have some problems with it , but I hope I can solve this.

@jelle:
When images are added directly (not with bot_i_u), then you must save the article to see the added picture. At the moment I see no way to change this.
DropLoader fires the change-event on the article-image field after images are added, but this seems not to be enough. I think we must wait until redbot has some time.

When using DropLoader (v0.12) from bot_i_u, then pictures are added to the list when DropLoader is closed. Have no better solution for now. Sorry.

The Textpack problem sounds strange.
Two Textpacks are compiled in: English & German (en-gb, de-de). These Strings will be stored in table ‘txp_lang’ when the plugin is installed. The name of all language strings starts with “abl_droploader_”.

However, I post them here:

#@language en-gb
abl_droploader_open => Upload Images
abl_droploader_open_files => Upload Files
abl_droploader_open_title => Open drag & drop file uploader
abl_droploader_close => &#x00d7;
abl_droploader_close_title => Close DropLoader
abl_droploader_error_method => Method {{method}} does not exist in abl.droploader-app.js.
abl_droploader_info_text => Drop files here\\n\\nor click to select files
abl_droploader_err_invalid_filetype => Cannot upload {{filename}}. Only images are allowed (jpg, jpeg, gif, png)!
abl_droploader_err_browser_not_supported => Your browser does not support HTML5 file uploads!
abl_droploader_err_too_many_files => Too many files! Please select {{maxfiles}} at most!
abl_droploader_err_file_too_large => {{filename}}\\ntoo large!
abl_droploader_all_files_uploaded => {{uploaded_files}} of {{filecount}} files uploaded.
abl_droploader_no_files_uploaded => There are {{errors}} errors. No files where uploaded.
abl_droploader_some_files_uploaded => There are {{errors}} errors. {{uploaded_files}} of {{filecount}} files uploaded.
abl_droploader_prefs_image_max_upload_count => Maximum file count of image uploads
abl_droploader_prefs_file_max_upload_count => Maximum file count of file uploads
abl_droploader_prefs_reload_image_tab => Images-Tab: Close Droploader and reload image list after upload
#@language de-de
abl_droploader_open => Bilder hochladen
abl_droploader_open_files => Dateien hochladen
abl_droploader_open_title => Drag & Drop Datei-Uploader öffnen
abl_droploader_close => &#x00d7;
abl_droploader_close_title => DropLoader schliessen
abl_droploader_error_method => Methode {{method}} existiert in abl.droploader-app.js nicht.
abl_droploader_info_text => Bilder hier ablegen\\n\\noder klicken um auszuwählen
abl_droploader_err_invalid_filetype => {{filename}} nicht hochgeladen. Es sind nur Bilder erlaubt (jpg, jpeg, gif, png)!
abl_droploader_err_browser_not_supported => Ihr Browser unterstützt keine HTML5 Datei Uploads!
abl_droploader_err_too_many_files => Sie haben zu viele Dateien ausgewählt! Es können maximal {{maxfiles}} Dateien gleichzeitig hochgeladen werden!
abl_droploader_err_file_too_large => {{filename}}\\nzu gross!
abl_droploader_all_files_uploaded => {{uploaded_files}} von {{filecount}} Dateien hochgeladen.
abl_droploader_no_files_uploaded => Es sind {{errors}} Fehler aufgetreten. Es wurden keine Dateien hochgeladen.
abl_droploader_some_files_uploaded => Es sind {{errors}} Fehler aufgetreten. {{uploaded_files}} von {{filecount}} Dateien wurden hochgeladen.
abl_droploader_prefs_image_max_upload_count => Maximale Anzahl Dateien beim Bild-Upload
abl_droploader_prefs_file_max_upload_count => Maximale Anzahl Dateien beim Datei-Upload
abl_droploader_prefs_reload_image_tab => Bilder Register: Droploader nach dem upload schliessen und Bildliste neu laden

Textpacks can be imported in Txp from the admin-tab (Preferences/languages). A Form is at the bottom of this page, but I have never used it. So I can’t give instructions on how to use this form.

Hope this helps anyway.

jelle · 2012-05-24 19:23:46

Hi Andreas,

Thanks for your answer.
My site is set to dutch. Thats probably why I get the abl_ strings in stead of text. I’ll translate and post when I’m done for dutch users.

Looking forward to file support….

J.

MattD · 2012-05-24 21:09:46

I’d recommend using your en-gb textpack for en-us as well. That will prevent en-us installs from showing just the abl_droploader strings.

Bloke · 2012-05-24 21:23:12

MattD wrote:

I’d recommend using your en-gb textpack for en-us as well.

Or (untested, but purports to work) drop the #@language declaration from the first set of strings, so that the (English) strings get installed against whatever default language the recipient’s system is using. At least the strings are there and can then be translated, instead of being raw string refs.

I’ve not confirmed (yet) whether doing this and having, say, both English and German textpacks embedded into the plugin, will mean that sites with German language will skip the (no-language-declaration) strings and install the German ones, or if they’ll get the English strings anyway because the declaration is missing off the first block. It may be the case that — in a single-language German installation, for example — the no-declaration (English) strings are installed, and then the German ones are loaded too because they match the installed language, effectively overwriting the English ones that have just been inserted *shrug*.

The latest development copy of the Plugin composer supports textpacks and this kind of thing is the last kink I’m trying to iron out before letting it out for beta testing.

Last edited by Bloke (2012-05-24 21:24:17)

jelle · 2012-05-24 22:56:11

Dutch Textpack (improvements welcome)

#@language nl-nl
abl_droploader_open => Afbeeldingen uploaden
abl_droploader_open_files => Bestanden uploaden
abl_droploader_open_title => Open drag & drop file uploader
abl_droploader_close => &#x00d7;
abl_droploader_close_title => Sluit DropLoader
abl_droploader_error_method => Methode {{method}} wordt niet ondersteund door abl.droploader-app.js.
abl_droploader_info_text => Sleep bestanden hier naartoe\n\nof klik om bestanden te selecteren.
abl_droploader_err_invalid_filetype => Kan {{filename}} niet uploaden. Alleen afbeeldingen zijn toegestaan (jpg, jpeg, gif, png)!
abl_droploader_err_browser_not_supported => Uw browser ondersteund geen HTML5 upload!
abl_droploader_err_too_many_files => Teveel bestanden! Kies alstublieft maximaal {{maxfiles}} bestanden!
abl_droploader_err_file_too_large => {{filename}}\nte groot!
abl_droploader_all_files_uploaded => {{uploaded_files}} van {{filecount}} bestanden ge-upload.
abl_droploader_no_files_uploaded => Er zijn {{errors}} fouten. Er zijn geen bestanden geupload.
abl_droploader_some_files_uploaded => Er zijn {{errors}} fouten. {{uploaded_files}} van {{filecount}} bestanden geupload.
abl_droploader_prefs_image_max_upload_count => Maximaal aantal afbeeldingen voor upload
abl_droploader_prefs_file_max_upload_count => Maximaal aantal bestanden voor upload
abl_droploader_prefs_reload_image_tab => Afbeeldingen-Tab: Sluit Droploader en ververs afbeeldingenlijst na upload

Last edited by jelle (2012-05-25 09:58:52)

developr · 2012-05-25 09:56:26

@jelle & Matt:

Thanks for the info, I was not aware of this problematic with localised Textpattern setups.
I try to change the behavior for the DropLoader, so that english texts will be used if the default language is not set to “en-gb”.

Thanks to Stef, I know now how to do it. Stef, your tips are just invaluable! Maybe it’s a good idea to put this information on the wiki too (Extending Textpattern).

A special thanks to jelle for providing the nederlands translation. I prepare an article on my site, where i will provide contributed textpacks for download. I will drop a note here and in the original post when it is ready.

developr · 2012-05-25 13:00:05

Hi all

A new Version 0.13 is available for download.

This Version hopefully should eliminate the problem with strings which are not available under the current site language.

Textpattern CMS

Textpattern CMS support forum

#25 2012-05-24 19:08:32

Re: abl_droploader: A native drag & drop multiple image uploader

#26 2012-05-24 19:23:46

Re: abl_droploader: A native drag & drop multiple image uploader

#27 2012-05-24 21:09:46

Re: abl_droploader: A native drag & drop multiple image uploader

#28 2012-05-24 21:23:12

Re: abl_droploader: A native drag & drop multiple image uploader

#29 2012-05-24 22:56:11

Re: abl_droploader: A native drag & drop multiple image uploader

#30 2012-05-25 09:56:26

Re: abl_droploader: A native drag & drop multiple image uploader

#31 2012-05-25 13:00:05

Re: abl_droploader: A native drag & drop multiple image uploader

#32 2012-05-25 15:44:04

Re: abl_droploader: A native drag & drop multiple image uploader

#33 2012-05-25 17:12:36

Re: abl_droploader: A native drag & drop multiple image uploader

#34 2012-06-11 12:04:29

Re: abl_droploader: A native drag & drop multiple image uploader

#35 2012-06-11 15:30:28

Re: abl_droploader: A native drag & drop multiple image uploader

#36 2012-06-12 18:41:59

Re: abl_droploader: A native drag & drop multiple image uploader

Board footer