handle file drops

dimdenGD · Jul 19, 2022 · bd2fd05 · bd2fd05
1 parent d082bf0
commit bd2fd05
Show file tree

Hide file tree

Showing 8 changed files with 172 additions and 110 deletions.
diff --git a/layouts/header/script.js b/layouts/header/script.js
@@ -649,6 +649,7 @@ setTimeout(() => {
                     </div>
                 </div>
             `);
+            const newTweet = modal.getElementsByClassName('navbar-new-tweet-container')[0];
             const newTweetText = modal.getElementsByClassName('navbar-new-tweet-text')[0];
             const newTweetChar = modal.getElementsByClassName('navbar-new-tweet-char')[0];
             const newTweetMedia = modal.getElementsByClassName('navbar-new-tweet-media')[0];
@@ -760,6 +761,9 @@ setTimeout(() => {
                 updateCharCount(e);
             });
             let mediaToUpload = []; 
+            newTweet.addEventListener('drop', e => {
+                handleDrop(e, mediaToUpload, newTweetMediaDiv);
+            });
             newTweetMedia.addEventListener('click', () => {
                 getMedia(mediaToUpload, newTweetMediaDiv); 
             });

diff --git a/layouts/home/script.js b/layouts/home/script.js
@@ -389,6 +389,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         tweetInteractReply.classList.remove('tweet-interact-reply-clicked');
     });
     let replyMedia = [];
+    tweetReply.addEventListener('drop', e => {
+        handleDrop(e, replyMedia, tweetReplyMedia);
+    });
     tweetReplyUpload.addEventListener('click', () => {
         getMedia(replyMedia, tweetReplyMedia);
     });
@@ -564,6 +567,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         })
     });
     let quoteMedia = [];
+    tweetQuote.addEventListener('drop', e => {
+        handleDrop(e, quoteMedia, tweetQuoteMedia);
+    });
     tweetQuoteUpload.addEventListener('click', () => {
         getMedia(quoteMedia, tweetQuoteMedia);
     });
@@ -1051,8 +1057,10 @@ setTimeout(() => {
         document.getElementById('new-tweet-text').classList.add('new-tweet-text-focused');
         document.getElementById('new-tweet-media-div').classList.add('new-tweet-media-div-focused');
     });
-
-    document.getElementById('new-tweet-media-div').addEventListener('click', async () => {
+    document.getElementById('new-tweet').addEventListener('drop', e => {
+        handleDrop(e, mediaToUpload, document.getElementById('new-tweet-media-c'));
+    });
+    document.getElementById('new-tweet-media-div').addEventListener('click', () => {
         getMedia(mediaToUpload, document.getElementById('new-tweet-media-c'));
     });
     let newTweetUserSearch = document.getElementById("new-tweet-user-search");

diff --git a/layouts/notifications/script.js b/layouts/notifications/script.js
@@ -261,6 +261,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         tweetInteractReply.classList.remove('tweet-interact-reply-clicked');
     });
     let replyMedia = [];
+    tweetReply.addEventListener('drop', e => {
+        handleDrop(e, replyMedia, tweetReplyMedia);
+    });
     tweetReplyUpload.addEventListener('click', () => {
         getMedia(replyMedia, tweetReplyMedia);
     });
@@ -432,6 +435,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         })
     });
     let quoteMedia = [];
+    tweetQuote.addEventListener('drop', e => {
+        handleDrop(e, quoteMedia, tweetQuoteMedia);
+    });
     tweetQuoteUpload.addEventListener('click', () => {
         getMedia(quoteMedia, tweetQuoteMedia);
     });

diff --git a/layouts/profile/script.js b/layouts/profile/script.js
@@ -443,6 +443,7 @@ function renderProfile() {
                 </div>
             </div>
         `);
+        const newTweet = modal.getElementsByClassName('navbar-new-tweet-container')[0];
         const newTweetText = modal.getElementsByClassName('navbar-new-tweet-text')[0];
         const newTweetChar = modal.getElementsByClassName('navbar-new-tweet-char')[0];
         const newTweetMedia = modal.getElementsByClassName('navbar-new-tweet-media')[0];
@@ -547,6 +548,9 @@ function renderProfile() {
             updateCharCount(e);
         });
         let mediaToUpload = []; 
+        newTweet.addEventListener('drop', e => {
+            handleDrop(e, mediaToUpload, newTweetMediaDiv);
+        });
         newTweetMedia.addEventListener('click', () => {
             getMedia(mediaToUpload, newTweetMediaDiv); 
         });
@@ -1069,6 +1073,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         tweetInteractReply.classList.remove('tweet-interact-reply-clicked');
     });
     let replyMedia = [];
+    tweetReply.addEventListener('drop', e => {
+        handleDrop(e, replyMedia, tweetReplyMedia);
+    });
     tweetReplyUpload.addEventListener('click', () => {
         getMedia(replyMedia, tweetReplyMedia);
     });
@@ -1244,6 +1251,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         })
     });
     let quoteMedia = [];
+    tweetQuote.addEventListener('drop', e => {
+        handleDrop(e, quoteMedia, tweetQuoteMedia);
+    });
     tweetQuoteUpload.addEventListener('click', () => {
         getMedia(quoteMedia, tweetQuoteMedia);
     });

diff --git a/layouts/search/script.js b/layouts/search/script.js
@@ -300,6 +300,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         tweetInteractReply.classList.remove('tweet-interact-reply-clicked');
     });
     let replyMedia = [];
+    tweetReply.addEventListener('drop', e => {
+        handleDrop(e, replyMedia, tweetReplyMedia);
+    });
     tweetReplyUpload.addEventListener('click', () => {
         getMedia(replyMedia, tweetReplyMedia);
     });
@@ -471,6 +474,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         })
     });
     let quoteMedia = [];
+    tweetQuote.addEventListener('drop', e => {
+        handleDrop(e, quoteMedia, tweetQuoteMedia);
+    });
     tweetQuoteUpload.addEventListener('click', () => {
         getMedia(quoteMedia, tweetQuoteMedia);
     });

diff --git a/layouts/tweet/script.js b/layouts/tweet/script.js
@@ -339,6 +339,9 @@ async function appendComposeComponent(container, replyTweet) {
         document.getElementById('new-tweet-media-div').classList.add('new-tweet-media-div-focused');
     });
 
+    document.getElementById('new-tweet').addEventListener('drop', e => {
+        handleDrop(e, mediaToUpload, document.getElementById('new-tweet-media-c'));
+    });
     document.getElementById('new-tweet-media-div').addEventListener('click', async () => {
         getMedia(mediaToUpload, document.getElementById('new-tweet-media-c'));
     });
@@ -907,6 +910,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         tweetInteractReply.classList.remove('tweet-interact-reply-clicked');
     });
     let replyMedia = [];
+    tweetReply.addEventListener('drop', e => {
+        handleDrop(e, replyMedia, tweetReplyMedia);
+    });
     tweetReplyUpload.addEventListener('click', () => {
         getMedia(replyMedia, tweetReplyMedia);
     });
@@ -1135,6 +1141,9 @@ async function appendTweet(t, timelineContainer, options = {}) {
         })
     });
     let quoteMedia = [];
+    tweetQuote.addEventListener('drop', e => {
+        handleDrop(e, quoteMedia, tweetQuoteMedia);
+    });
     tweetQuoteUpload.addEventListener('click', () => {
         getMedia(quoteMedia, tweetQuoteMedia);
     });

diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "Old Twitter Layout (2022)",
   "description": "A new extension that returns old Twitter's look.",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "manifest_version": 3,
   "homepage_url": "https://github.com/dimdenGD/OldTwitter",
   "background": {