diff --git a/client/css/post-upload.styl b/client/css/post-upload.styl
index 4da53a7..147df6b 100644
--- a/client/css/post-upload.styl
+++ b/client/css/post-upload.styl
@@ -22,6 +22,8 @@ $cancel-button-color = tomato
.file-dropper
font-size: 150%
padding: 2em
+ small
+ font-size: 60%
input[type=submit]
margin-top: 1em
diff --git a/client/html/file_dropper.tpl b/client/html/file_dropper.tpl
index 9c66201..9e7715d 100644
--- a/client/html/file_dropper.tpl
+++ b/client/html/file_dropper.tpl
@@ -8,6 +8,10 @@
<% } %>
Or just click on this box.
+ <% if (ctx.extraText) { %>
+
+ <%= ctx.extraText %>
+ <% } %>
<% if (ctx.allowUrls) { %>
diff --git a/client/js/controls/file_dropper_control.js b/client/js/controls/file_dropper_control.js
index 113e7ac..7b3c120 100644
--- a/client/js/controls/file_dropper_control.js
+++ b/client/js/controls/file_dropper_control.js
@@ -11,8 +11,9 @@ class FileDropperControl extends events.EventTarget {
this._options = options;
const source = template({
- allowMultiple: this._options.allowMultiple,
- allowUrls: this._options.allowUrls,
+ extraText: options.extraText,
+ allowMultiple: options.allowMultiple,
+ allowUrls: options.allowUrls,
id: 'file-' + Math.random().toString(36).substring(7),
});
@@ -21,7 +22,7 @@ class FileDropperControl extends events.EventTarget {
this._urlConfirmButtonNode = source.querySelector('button');
this._fileInputNode = source.querySelector('input[type=file]');
this._fileInputNode.style.display = 'none';
- this._fileInputNode.multiple = this._options.allowMultiple || false;
+ this._fileInputNode.multiple = options.allowMultiple || false;
this._counter = 0;
this._dropperNode.addEventListener(
diff --git a/client/js/views/post_upload_view.js b/client/js/views/post_upload_view.js
index 144526b..f80135f 100644
--- a/client/js/views/post_upload_view.js
+++ b/client/js/views/post_upload_view.js
@@ -156,6 +156,8 @@ class PostUploadView extends events.EventTarget {
this._contentFileDropper = new FileDropperControl(
this._contentInputNode,
{
+ extraText:
+ 'Allowed extensions: .jpg, .png, .gif, .webm, .mp4, .swf',
allowUrls: true,
allowMultiple: true,
lock: false,