From 7eec8af383eafa2059e00a07ecdf310df8295cd9 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Tue, 24 Jan 2023 12:19:20 +0200
Subject: [PATCH] add the upload image button for mesages in profiles to mobile

---
 files/assets/js/comments_v.js        | 9 +++++++++
 files/templates/userpage/banner.html | 8 +++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/files/assets/js/comments_v.js b/files/assets/js/comments_v.js
index 7d8c3fdab..cca075a37 100644
--- a/files/assets/js/comments_v.js
+++ b/files/assets/js/comments_v.js
@@ -316,6 +316,15 @@ document.onpaste = function(event) {
 		f.files = files;
 		document.getElementById('filename').textContent = filename;
 	}
+	else if (focused.id == "input-message-mobile") {
+		f=document.getElementById('file-upload-mobile');
+		let filename = ''
+		for (const file of files)
+			filename += file.name + ', '
+		filename = filename.toLowerCase().slice(0, -2)
+		f.files = files;
+		document.getElementById('filename-mobile').textContent = filename;
+	}
 }
 
 function handle_action(type, cid, thing) {
diff --git a/files/templates/userpage/banner.html b/files/templates/userpage/banner.html
index a1485462f..a6c58e8c3 100644
--- a/files/templates/userpage/banner.html
+++ b/files/templates/userpage/banner.html
@@ -464,7 +464,13 @@
 					<form class="d-none toggleable" id='message-mobile' action="/@{{u.username}}/message" data-nonce="{{g.nonce}}" data-onsubmit="sendMessage(this)">
 						<input class="mt-1" hidden name="formkey" value="{{v|formkey}}">
 						<textarea autocomplete="off" id="input-message-mobile" form="message-mobile" name="message" rows="3" minlength="1" maxlength="10000" class="form-control" data-preview="message-preview-mobile" data-nonce="{{g.nonce}}" data-oninput="markdown(this)" required></textarea>
-						<button type="button" class="mt-1 btn btn-secondary format d-inline-block m-0 fas fa-smile-beam" data-nonce="{{g.nonce}}" data-onclick="loadEmojis('input-message-mobile')" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Add Emoji"></button>
+						<button type="button" class="btn btn-secondary format d-inline-block m-0 py-2 fas fa-smile-beam" data-nonce="{{g.nonce}}" data-onclick="loadEmojis('input-message')" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Add Emoji"></button>
+
+						<label class="btn btn-secondary m-0 py-1 px-2 {% if upload_disabled %}disabled{% endif %}" for="file-upload-mobile">
+							<div id="filename-mobile"><i class="fas fa-image"></i></div>
+							<input autocomplete="off" id="file-upload-mobile" accept="image/*" type="file" name="file" multiple="multiple" {% if upload_disabled %}disabled{% endif %} data-nonce="{{g.nonce}}" data-onchange="changename('filename-mobile','file-upload-mobile')" hidden>
+						</label>
+
 						&nbsp;
 						<input type="submit" data-nonce="{{g.nonce}}" data-onclick="disable(this);remove_dialog()" value="Submit" class="btn btn-primary">
 					</form>