From 34f4f8fc5d51ac1b66f504178e2ac2d9ce43b9a0 Mon Sep 17 00:00:00 2001
From: Maxim Leshchenko <cnmaks90@gmail.com>
Date: Thu, 2 Dec 2021 14:37:16 +0200
Subject: [PATCH] Wall: Fix pasting attachments from the clipboard in the post
 creation form Also fixup previous commit

---
 .../templates/components/textArea.xml         | 10 +++--
 Web/static/js/al_wall.js                      | 43 ++++++++++---------
 2 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/Web/Presenters/templates/components/textArea.xml b/Web/Presenters/templates/components/textArea.xml
index 3228b919..6192f6f5 100644
--- a/Web/Presenters/templates/components/textArea.xml
+++ b/Web/Presenters/templates/components/textArea.xml
@@ -73,9 +73,13 @@
 </div>
 
 <script>
-    $(document).ready(() => u("#post-buttons{$textAreaId} .postFileSel").on("change", function() {
-        handleUpload.bind(this, {$textAreaId})();
-    }));
+    $(document).ready(() => {
+        u("#post-buttons{$textAreaId} .postFileSel").on("change", function() {
+            handleUpload.bind(this, {$textAreaId})();
+        });
+
+        setupWallPostInputHandlers({$textAreaId});
+    });
 </script>
 
 {if $graffiti}
diff --git a/Web/static/js/al_wall.js b/Web/static/js/al_wall.js
index f850dfdb..90585a10 100644
--- a/Web/static/js/al_wall.js
+++ b/Web/static/js/al_wall.js
@@ -25,8 +25,7 @@ function trim(string) {
 function handleUpload(id) {
     console.warn("блять...");
     
-    document.querySelector("input[name='_poll_attachment']").value = "";
-    u(".postFileSel" + id).not("#" + this.id).each(input => input.value = null);
+    u("#post-buttons" + id + " .postFileSel").not("#" + this.id).each(input => input.value = null);
     
     var indicator = u("#post-buttons" + id + " .post-upload");
     var file      = this.files[0];
@@ -74,15 +73,6 @@ function initGraffiti(id) {
     });
 }
 
-u("#wall-post-input").on("paste", function(e) {
-    if(e.clipboardData.files.length === 1) {
-        var input = u("input[name=_pic_attachment]").nodes[0];
-        input.files = e.clipboardData.files;
-        
-        u(input).trigger("change");
-    }
-});
-
 u(".post-like-button").on("click", function(e) {
     e.preventDefault();
     
@@ -103,14 +93,25 @@ u(".post-like-button").on("click", function(e) {
     return false;
 });
 
-u("#wall-post-input").on("input", function(e) {
-    var boost             = 5;
-    var textArea          = e.target;
-    textArea.style.height = "5px";
-    var newHeight = textArea.scrollHeight;
-    textArea.style.height = newHeight + boost;
-    return;
+function setupWallPostInputHandlers(id) {
+    u("#wall-post-input" + id).on("paste", function(e) {
+        if(e.clipboardData.files.length === 1) {
+            var input = u("#post-buttons" + id + " input[name=_pic_attachment]").nodes[0];
+            input.files = e.clipboardData.files;
+            
+            u(input).trigger("change");
+        }
+    });
     
-    // revert to original size if it is larger (possibly changed by user)
-    // textArea.style.height = (newHeight > originalHeight ? (newHeight + boost) : originalHeight) + "px";
-});
+    u("#wall-post-input" + id).on("input", function(e) {
+        var boost             = 5;
+        var textArea          = e.target;
+        textArea.style.height = "5px";
+        var newHeight = textArea.scrollHeight;
+        textArea.style.height = newHeight + boost;
+        return;
+        
+        // revert to original size if it is larger (possibly changed by user)
+        // textArea.style.height = (newHeight > originalHeight ? (newHeight + boost) : originalHeight) + "px";
+    });
+}