Allow pasting files from clipboard. Alpha release, removing or previewing images in the form not implemented yet

boards/forms/fields.py

@@ -5,7 +5,7 b" ATTRIBUTE_PLACEHOLDER = 'placeholder'"
 ATTRIBUTE_ROWS = 'rows'
 
 URL_ROWS = 2
-URL_PLACEHOLDER = _('Insert URLs on separate lines.')
+URL_PLACEHOLDER = _('Insert URLs on separate lines. Paste images from clipboard here.')
 
 
 class MultipleFileInput(forms.FileInput):

boards/locale/ru/LC_MESSAGES/django.po

@@ -553,8 +553,8 b' msgstr "\xd0\x90\xd0\xba\xd1\x82\xd0\xb8\xd0\xb2\xd0\xbd\xd1\x8b\xd0\xb5 \xd1\x82\xd0\xb5\xd0\xbc\xd1\x8b:"'
 msgid "No active threads today."
 msgstr "Сегодня нет активных тем."
 
-msgid "Insert URLs on separate lines."
-msgstr "Вставляйте ссылки на отдельных строках."
+msgid "Insert URLs on separate lines. Paste images from clipboard here."
+msgstr "Вставляйте ссылки на отдельных строках. Вставляйте изображения из буфера сюда."
 
 msgid "You can post no more than %(files)d file."
 msgid_plural "You can post no more than %(files)d files."

boards/locale/ru/LC_MESSAGES/djangojs.po

@@ -65,3 +65,5 b' msgstr "\xd0\x94\xd0\xbe\xd0\xb1\xd0\xb0\xd0\xb2\xd0\xb8\xd1\x82\xd1\x8c \xd0\xbb\xd0\xbe\xd0\xba\xd0\xb0\xd0\xbb\xd1\x8c\xd0\xbd\xd1\x8b\xd0\xb9 \xd1\x81\xd1\x82\xd0\xb8\xd0\xba\xd0\xb5\xd1\x80"'
 msgid "Input sticker name"
 msgstr "Введите название стикера"
 
+msgid "Images posted: "
+msgstr "Вставленных изображений: "

boards/locale/uk/LC_MESSAGES/django.po

@@ -553,8 +553,8 b' msgstr "\xd0\x90\xd0\xba\xd1\x82\xd0\xb8\xd0\xb2\xd0\xbd\xd1\x96 \xd0\xbd\xd0\xb8\xd1\x82\xd0\xba\xd0\xb8:"'
 msgid "No active threads today."
 msgstr "Щось усі замовкли."
 
-msgid "Insert URLs on separate lines."
-msgstr "Вставляйте посилання окремими рядками."
+msgid "Insert URLs on separate lines. Paste images from clipboard here."
+msgstr "Вставляйте посилання окремими рядками. Вставляйте зображення з буферу сюди."
 
 msgid "You can post no more than %(files)d file."
 msgid_plural "You can post no more than %(files)d files."

boards/locale/uk/LC_MESSAGES/djangojs.po

@@ -65,3 +65,5 b' msgstr "\xd0\x94\xd0\xbe\xd0\xb4\xd0\xb0\xd1\x82\xd0\xb8 \xd0\xbb\xd0\xbe\xd0\xba\xd0\xb0\xd0\xbb\xd1\x8c\xd0\xbd\xd0\xb8\xd0\xb9 \xd1\x81\xd1\x82\xd1\x96\xd0\xba\xd0\xb5\xd1\x80"'
 msgid "Input sticker name"
 msgstr "Введіть назву стікера"
 
+msgid "Images posted: "
+msgstr "Вставлених зображень: "

boards/static/js/form.js

@@ -3,6 +3,8 b" var URL_STICKERS = '/api/stickers';"
 var MIN_INPUT_LENGTH = 3;
 var URL_DELIMITER = '\n';
 
+var pastedImages = [];
+
 $('input[name=image]').wrap($('<div class="file_wrap"></div>'));
 
 $('body').on('change', 'input[name=image]', function(event) {
@@ -92,6 +94,28 b' function getPostTextarea() {'
     return $('textarea#id_text');
 }
 
+function addOnImagePaste() {
+    $('#id_file_1').on('paste', function(event) {
+        var items = (event.clipboardData || event.originalEvent.clipboardData).items;
+        for (index in items) {
+            var item = items[index];
+            if (item.kind === 'file') {
+                var blob = item.getAsFile();
+
+                pastedImages.push(blob);
+
+                var pastedImagesList = $('#pasted-images');
+                if (pastedImagesList.length === 0) {
+                    pastedImagesList = $('<div id="pasted-images" />');
+                    $('#id_file_1').parent().append(pastedImagesList);
+                }
+
+                pastedImagesList.text(gettext('Images posted: ') + pastedImages.length);
+            }
+        }
+    });
+}
+
 $(document).ready(function() {
     var powDifficulty = parseInt($('body').attr('data-pow-difficulty'));
     if (powDifficulty > 0 && typeof SharedWorker != 'undefined') {
@@ -148,6 +172,8 b' function getPostTextarea() {'
         $fileSourceButton.hide();
     }
 
+    addOnImagePaste();
+
     // Stickers autocomplete
     function split( val ) {
         return val.split(URL_DELIMITER);

boards/static/js/thread.js

@@ -45,6 +45,8 b' function resetForm() {'
 
     form.find('input:text, input:password, input:file, textarea').val('');
     form.find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
+    pastedImages = [];
+    $('#pasted-images').remove();
     $('.file_wrap').find('.file-thumb').remove();
     $('#preview-text').hide();
 

boards/static/js/thread_update.js

@@ -366,6 +366,13 b' function updateNodeAttr(oldNode, newNode'
             var options = {
                 beforeSubmit: function(arr, form, options) {
                     $('.post-form-w').block({ message: gettext('Sending message...') });
+
+                    $.each(pastedImages, function(i, blob) {
+                        arr.push({
+                            name: "file_0",
+                            value: blob
+                        });
+                    });
                 },
                 success: updateOnPost,
                 error: function(xhr, textStatus, errorString) {