From 85408fe437cc06ef713f96fda426fd29318d9e0b Mon Sep 17 00:00:00 2001
From: Michael <heluecht@pirati.ca>
Date: Sat, 6 May 2023 21:27:21 +0000
Subject: [PATCH 1/3] Vier: The emoji picker is now integrated

---
 view/templates/head.tpl                    | 24 ++++++++++++++--------
 view/templates/jot.tpl                     |  9 ++++----
 view/theme/vier/style.css                  |  5 +++++
 view/theme/vier/templates/comment_item.tpl |  6 ++----
 4 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/view/templates/head.tpl b/view/templates/head.tpl
index a06d51f7c0..ef1596e7b5 100644
--- a/view/templates/head.tpl
+++ b/view/templates/head.tpl
@@ -1,4 +1,3 @@
-
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <base href="{{$baseurl}}/" />
 <meta name="generator" content="{{$generator}}" />
@@ -47,14 +46,26 @@
 <script type="text/javascript" src="view/asset/dompurify/dist/purify.min.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
 <script type="text/javascript" src="view/js/fancybox/jquery.fancybox.min.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
 <script type="text/javascript" src="view/js/fancybox/fancybox.config.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
+<script type="text/javascript" src="view/js/vanillaEmojiPicker/vanillaEmojiPicker.min.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
+<script>
+window.onload = function(){
+	new EmojiPicker({
+		trigger: [
+			{
+				selector: '.emojis',
+				insertInto: ['#comment-edit-text-0', '#profile-jot-text', '.comment-edit-text-full']
+			}
+		],
+		closeButton: true
+	});
+};
+</script>
 <script type="text/javascript">
 	const updateInterval = {{$update_interval}};
 	const localUser = {{if $local_user}}{{$local_user}}{{else}}false{{/if}};
 </script>
 <script type="text/javascript" src="view/js/main.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
-
 <script>
-
 	// Lifted from https://css-tricks.com/snippets/jquery/move-cursor-to-end-of-textarea-or-input/
     jQuery.fn.putCursorAtEnd = function() {
         return this.each(function() {
@@ -118,7 +129,6 @@
 		return false;
 	}
 
-
 	function commentInsert(obj,id) {
 		var tmpStr = $("#comment-edit-text-" + id).val();
 		if (tmpStr == "") {
@@ -141,8 +151,4 @@
 			$("#comment-edit-form-" + id).show();
 		}
 	}
-
-
-</script>
-
-
+</script>
\ No newline at end of file
diff --git a/view/templates/jot.tpl b/view/templates/jot.tpl
index 6b86186b0a..52d95531d7 100644
--- a/view/templates/jot.tpl
+++ b/view/templates/jot.tpl
@@ -51,7 +51,9 @@
 	<div id="profile-nolocation-wrapper" style="display: none;">
 		<a id="profile-nolocation" class="icon noglobe" title="{{$noloc}}" onclick="jotClearLocation();return false;"></a>
 	</div>
-
+	<div id="profile-emojis-wrapper" style="display: {{$visitor}};">
+		<a id="profile-emojis" class="icon icon-smile emojis" title="{{$edemojis}}"></a>
+	</div>
 	<div id="post-length">
 		<span id="character-counter" class="grey"></span>
 	</div>
@@ -83,11 +85,8 @@
 			{{if $created_at}}{{$created_at nofilter}}{{/if}}
 		</div>
 	</div>
-
-
 </div>
-
 <div id="profile-jot-end"></div>
 </form>
 </div>
-		{{if $content}}<script>initEditor();</script>{{/if}}
+{{if $content}}<script>initEditor();</script>{{/if}}
\ No newline at end of file
diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 2de86c6e32..a1713a6043 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -2079,6 +2079,11 @@ profile-jot-form #jot-title, #profile-jot-form #jot-category {
 	margin-left: 15px;
 	cursor: pointer;
 }
+#profile-emojis-wrapper {
+	float: left;
+	margin-left: 15px;
+	cursor: pointer;
+}
 #jot-perms-icon {
 	float: right;
 	margin-left: 15px;
diff --git a/view/theme/vier/templates/comment_item.tpl b/view/theme/vier/templates/comment_item.tpl
index 8caf0d54c3..9a539e1f23 100644
--- a/view/theme/vier/templates/comment_item.tpl
+++ b/view/theme/vier/templates/comment_item.tpl
@@ -1,4 +1,3 @@
-
 		{{if $threaded}}
 		<div class="comment-wwedit-wrapper threaded" id="comment-edit-wrapper-{{$id}}" style="display: block;">
 		{{else}}
@@ -37,7 +36,7 @@
 	                                <a title="{{$editalic}}" data-role="insert-formatting" data-bbcode="i" data-id="{{$id}}"><i class="icon-italic"></i></a>
 	                                <a title="{{$edbold}}" data-role="insert-formatting" data-bbcode="b" data-id="{{$id}}"><i class="icon-bold"></i></a>
 	                                <a title="{{$edquote}}" data-role="insert-formatting" data-bbcode="quote" data-id="{{$id}}"><i class="icon-quote-left"></i></a>
-
+									<a title="{{$edemojis}}" class="emojis"><i class="icon-smile"></i></a>
                                 </div>
 					<input type="submit" onclick="post_comment({{$id}}); return false;" id="comment-edit-submit-{{$id}}" class="comment-edit-submit" name="submit" value="{{$submit}}" />
 					{{if $preview}}<input type="submit" onclick="preview_comment({{$id}}); return false;" id="comment-edit-preview-link-{{$id}}" class="comment-edit-submit" value="{{$preview}}" />{{/if}}
@@ -47,5 +46,4 @@
 
 				<div class="comment-edit-end"></div>
 			</form>
-
-		</div>
+		</div>
\ No newline at end of file

From c064ebe2311f32d8293a0c8aa1c7609d37be178a Mon Sep 17 00:00:00 2001
From: Michael <heluecht@pirati.ca>
Date: Sat, 6 May 2023 21:46:40 +0000
Subject: [PATCH 2/3] Emojis are now added either in comments or starting posts
 -  but not both

---
 view/templates/head.tpl | 6 +++++-
 view/templates/jot.tpl  | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/view/templates/head.tpl b/view/templates/head.tpl
index ef1596e7b5..9087cea82e 100644
--- a/view/templates/head.tpl
+++ b/view/templates/head.tpl
@@ -51,9 +51,13 @@
 window.onload = function(){
 	new EmojiPicker({
 		trigger: [
+			{
+				selector: '.emojis-post',
+				insertInto: ['#comment-edit-text-0', '#profile-jot-text']
+			},
 			{
 				selector: '.emojis',
-				insertInto: ['#comment-edit-text-0', '#profile-jot-text', '.comment-edit-text-full']
+				insertInto: ['.comment-edit-text-full']
 			}
 		],
 		closeButton: true
diff --git a/view/templates/jot.tpl b/view/templates/jot.tpl
index 52d95531d7..07824c6e32 100644
--- a/view/templates/jot.tpl
+++ b/view/templates/jot.tpl
@@ -52,7 +52,7 @@
 		<a id="profile-nolocation" class="icon noglobe" title="{{$noloc}}" onclick="jotClearLocation();return false;"></a>
 	</div>
 	<div id="profile-emojis-wrapper" style="display: {{$visitor}};">
-		<a id="profile-emojis" class="icon icon-smile emojis" title="{{$edemojis}}"></a>
+		<a id="profile-emojis" class="icon icon-smile emojis-post" title="{{$edemojis}}"></a>
 	</div>
 	<div id="post-length">
 		<span id="character-counter" class="grey"></span>

From b233350e9ff8f54281a760b0ac3a3f6ac24eb887 Mon Sep 17 00:00:00 2001
From: Michael <heluecht@pirati.ca>
Date: Sat, 6 May 2023 21:52:30 +0000
Subject: [PATCH 3/3] Fixes spaces

---
 view/theme/vier/templates/comment_item.tpl | 26 +++++++++++-----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/view/theme/vier/templates/comment_item.tpl b/view/theme/vier/templates/comment_item.tpl
index 9a539e1f23..638c8b8ea1 100644
--- a/view/theme/vier/templates/comment_item.tpl
+++ b/view/theme/vier/templates/comment_item.tpl
@@ -28,20 +28,20 @@
 				<div class="comment-edit-submit-wrapper" id="comment-edit-submit-wrapper-{{$id}}" style="display: none;">
 
 				<div class="comment-edit-bb">
-	                                <a title="{{$edimg}}" data-role="insert-formatting" data-bbcode="img" data-id="{{$id}}"><i class="icon-picture"></i></a>
-	                                <a title="{{$edurl}}" data-role="insert-formatting" data-bbcode="url" data-id="{{$id}}"><i class="icon-link"></i></a>
-	                                <a title="{{$edvideo}}" data-role="insert-formatting" data-bbcode="video" data-id="{{$id}}"><i class="icon-film"></i></a>
+					<a title="{{$edimg}}" data-role="insert-formatting" data-bbcode="img" data-id="{{$id}}"><i class="icon-picture"></i></a>
+					<a title="{{$edurl}}" data-role="insert-formatting" data-bbcode="url" data-id="{{$id}}"><i class="icon-link"></i></a>
+					<a title="{{$edvideo}}" data-role="insert-formatting" data-bbcode="video" data-id="{{$id}}"><i class="icon-film"></i></a>
 
-	                                <a title="{{$eduline}}" data-role="insert-formatting" data-bbcode="u" data-id="{{$id}}"><i class="icon-underline"></i></a>
-	                                <a title="{{$editalic}}" data-role="insert-formatting" data-bbcode="i" data-id="{{$id}}"><i class="icon-italic"></i></a>
-	                                <a title="{{$edbold}}" data-role="insert-formatting" data-bbcode="b" data-id="{{$id}}"><i class="icon-bold"></i></a>
-	                                <a title="{{$edquote}}" data-role="insert-formatting" data-bbcode="quote" data-id="{{$id}}"><i class="icon-quote-left"></i></a>
-									<a title="{{$edemojis}}" class="emojis"><i class="icon-smile"></i></a>
-                                </div>
-					<input type="submit" onclick="post_comment({{$id}}); return false;" id="comment-edit-submit-{{$id}}" class="comment-edit-submit" name="submit" value="{{$submit}}" />
-					{{if $preview}}<input type="submit" onclick="preview_comment({{$id}}); return false;" id="comment-edit-preview-link-{{$id}}" class="comment-edit-submit" value="{{$preview}}" />{{/if}}
-					<!-- {{if $preview}}<span onclick="preview_comment({{$id}});" id="comment-edit-preview-link-{{$id}}" class="fakelink">{{$preview}}</span>{{/if}} -->
-					<div id="comment-edit-preview-{{$id}}" class="comment-edit-preview" style="display:none;"></div>
+					<a title="{{$eduline}}" data-role="insert-formatting" data-bbcode="u" data-id="{{$id}}"><i class="icon-underline"></i></a>
+					<a title="{{$editalic}}" data-role="insert-formatting" data-bbcode="i" data-id="{{$id}}"><i class="icon-italic"></i></a>
+					<a title="{{$edbold}}" data-role="insert-formatting" data-bbcode="b" data-id="{{$id}}"><i class="icon-bold"></i></a>
+					<a title="{{$edquote}}" data-role="insert-formatting" data-bbcode="quote" data-id="{{$id}}"><i class="icon-quote-left"></i></a>
+					<a title="{{$edemojis}}" class="emojis"><i class="icon-smile"></i></a>
+				</div>
+				<input type="submit" onclick="post_comment({{$id}}); return false;" id="comment-edit-submit-{{$id}}" class="comment-edit-submit" name="submit" value="{{$submit}}" />
+				{{if $preview}}<input type="submit" onclick="preview_comment({{$id}}); return false;" id="comment-edit-preview-link-{{$id}}" class="comment-edit-submit" value="{{$preview}}" />{{/if}}
+				<!-- {{if $preview}}<span onclick="preview_comment({{$id}});" id="comment-edit-preview-link-{{$id}}" class="fakelink">{{$preview}}</span>{{/if}} -->
+				<div id="comment-edit-preview-{{$id}}" class="comment-edit-preview" style="display:none;"></div>
 				</div>
 
 				<div class="comment-edit-end"></div>