From ac30328f89b410368f8abe2c82d959ac5bd023b3 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Fri, 6 Oct 2023 17:36:21 +0300
Subject: [PATCH] add emoji button to curreny gifting interface

---
 files/assets/css/main.css            |  3 ++-
 files/templates/userpage/banner.html | 36 +++++++++++++++++++++-------
 2 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 47684612d..3f92140b7 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -7243,9 +7243,10 @@ input[type=number] {
 	min-height: 100px;
 }
 
-#note {
+#note, #coin-transfer-reason, #bux-transfer-reason, #coin-transfer-reason-mobile, #bux-transfer-reason-mobile  {
 	min-height: 60px;
 }
+
 #notelabel {
 	font-size: 16px;
 }
diff --git a/files/templates/userpage/banner.html b/files/templates/userpage/banner.html
index b4f1690e0..9b1c110d0 100644
--- a/files/templates/userpage/banner.html
+++ b/files/templates/userpage/banner.html
@@ -208,15 +208,25 @@
 
 						<div class="d-none mt-3 toggleable" id="coin-transfer">
 							<input autocomplete="off" id="coin-transfer-amount" class="form-control" name="amount" type="number" data-nonce="{{g.nonce}}" data-oninput="updateTax()">
-							<input autocomplete="off" id="coin-transfer-reason" maxlength=200 type="text" class="form-control" name="reason" placeholder="Gift message! (optional)">
-							<div>{{u.username}} will receive <span id="coins-transfer-taxed">0</span> coins</div>
+							<textarea autocomplete="off" id="coin-transfer-reason" maxlength=200 type="text" class="form-control" name="reason" placeholder="Gift message! (optional)"></textarea>
+							<div class="d-flex">
+								{{macros.emoji_btn('coin-transfer-reason')}}
+							</div>
+							<div class="mt-1">
+								{{u.username}} will receive <span id="coins-transfer-taxed">0</span> coins
+							</div>
 							<button type="button" class="btn btn-primary mt-2 mb-3" data-nonce="{{g.nonce}}" data-onclick="transferCoins(this)">Gift</button>
 						</div>
 
 						<div class="d-none mt-3 toggleable" id="bux-transfer">
 							<input autocomplete="off" id="bux-transfer-amount" class="form-control" name="amount" type="number" data-nonce="{{g.nonce}}" data-oninput="updateBux()">
-							<input autocomplete="off" id="bux-transfer-reason" type="text" class="form-control" name="reason" placeholder="Gift message! (optional)">
-							<div>{{u.username}} will receive <span id="bux-transfer-taxed">0</span> marseybux</div>
+							<textarea autocomplete="off" id="bux-transfer-reason" type="text" class="form-control" name="reason" placeholder="Gift message! (optional)"></textarea>
+							<div class="d-flex">
+								{{macros.emoji_btn('bux-transfer-reason')}}
+							</div>
+							<div class="mt-1">
+								{{u.username}} will receive <span id="bux-transfer-taxed">0</span> marseybux
+							</div>
 							<button type="button" class="btn btn-primary mt-2 mb-3" data-nonce="{{g.nonce}}" data-onclick="transferBux(this)">Gift</button>
 						</div>
 
@@ -513,15 +523,25 @@
 
 					<div class="d-none mt-3 toggleable" id="coin-transfer-mobile">
 						<input autocomplete="off" id="coin-transfer-amount-mobile" class="form-control" name="amount" type="number" data-nonce="{{g.nonce}}" data-oninput="updateTax(true)">
-						<input autocomplete="off" id="coin-transfer-reason-mobile" maxlength=200 type="text" class="form-control" name="reason" placeholder="Gift message! (optional)">
-						<div>{{u.username}} will receive <span id="coins-transfer-taxed-mobile">0</span> coins</div>
+						<textarea autocomplete="off" id="coin-transfer-reason-mobile" maxlength=200 type="text" class="form-control" name="reason" placeholder="Gift message! (optional)"></textarea>
+						<div class="d-flex">
+							{{macros.emoji_btn('coin-transfer-reason-mobile')}}
+						</div>
+						<div>
+							{{u.username}} will receive <span id="coins-transfer-taxed-mobile">0</span> coins
+						</div>
 						<button type="button" class="btn btn-primary mt-2 mb-3" data-nonce="{{g.nonce}}" data-onclick="transferCoins(this, true)">Gift</button>
 					</div>
 
 					<div class="d-none mt-3 toggleable" id="bux-transfer-mobile">
 						<input autocomplete="off" id="bux-transfer-amount-mobile" class="form-control" name="amount" type="number" data-nonce="{{g.nonce}}" data-oninput="updateBux(true)">
-						<input autocomplete="off" id="bux-transfer-reason-mobile" type="text" class="form-control" name="reason" placeholder="Gift message! (optional)">
-						<div>{{u.username}} will receive <span id="bux-transfer-taxed-mobile">0</span> marseybux</div>
+						<textarea autocomplete="off" id="bux-transfer-reason-mobile" type="text" class="form-control" name="reason" placeholder="Gift message! (optional)"></textarea>
+						<div class="d-flex">
+							{{macros.emoji_btn('bux-transfer-reason-mobile')}}
+						</div>
+						<div>
+							{{u.username}} will receive <span id="bux-transfer-taxed-mobile">0</span> marseybux
+						</div>
 						<button type="button" class="btn btn-primary mt-2 mb-3" data-nonce="{{g.nonce}}" data-onclick="transferBux(this, true)">Gift</button>
 					</div>
 					{{userpage_admintools.userAdminTools('mobile')}}