nodebb-theme-harmony 1.1.108 → 1.2.0

package/templates/partials/topic/navigator.tpl

@@ -2,7 +2,7 @@
 	<div class="d-flex justify-content-end sticky-top mt-4" style="top:6rem;z-index:1;">
 		<div class="ps-1 ps-md-0 d-inline-block">
 			<div class="scroller-content d-flex gap-2 flex-column align-items-start">
-				<div class="pointer pagetop btn-ghost-sm d-inline-flex" style="padding: 4px;"><i class="fa fa-chevron-up"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./timestampISO}"></span></div>
+				<div class="pointer pagetop btn-ghost-sm ff-secondary d-inline-flex" style="padding: 4px;"><i class="fa fa-chevron-up"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./timestampISO}"></span></div>
 				<div class="scroller-container position-relative">
 					<div class="scroller-thumb d-flex gap-2 text-nowrap position-relative" style="height: 40px;">
 						<div class="scroller-thumb-icon bg-primary rounded d-inline-block" style="width:9px; height: 40px;"></div>
@@ -18,7 +18,7 @@
 						</div>
 					</div>
 				</div>
-				<div class="pointer pagebottom btn-ghost-sm d-inline-flex" style="padding: 4px;"><i class="fa fa-chevron-down"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./lastposttimeISO}"></span></div>
+				<div class="pointer pagebottom btn-ghost-sm ff-secondary d-inline-flex" style="padding: 4px;"><i class="fa fa-chevron-down"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./lastposttimeISO}"></span></div>
 			</div>
 		</div>
 	</div>

package/templates/partials/topic/post-menu.tpl

@@ -1,5 +1,5 @@
 <span component="post/tools" class="dropdown moderator-tools bottom-sheet d-inline-block {{{ if !./display_post_menu }}}hidden{{{ end }}}">
-	<a class="btn-ghost-sm dropdown-toggle d-block" href="#" data-bs-toggle="dropdown"><i class="fa fa-fw fa-ellipsis-v text-primary"></i></a>
+	<a class="btn-ghost-sm ff-secondary dropdown-toggle d-block" href="#" data-bs-toggle="dropdown"><i class="fa fa-fw fa-ellipsis-v text-primary"></i></a>
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
 		<li class="dropdown-item placeholder-wave">
 			<div class="placeholder" style="width: 20px;"></div>

package/templates/partials/topic/post.tpl

@@ -82,7 +82,7 @@
 
 	<div class="d-flex">
 		{{{ if !hideReplies }}}
-		<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="d-flex gap-2 align-items-center mt-2 btn-outline border rounded-1 p-1 threaded-replies user-select-none text-muted text-decoration-none text-xs {{{ if (!./replies || shouldHideReplyContainer(@value)) }}}hidden{{{ end }}}">
+		<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="d-flex gap-2 align-items-center mt-2 btn-ghost ff-secondary border rounded-1 p-1 threaded-replies user-select-none text-muted text-decoration-none text-xs {{{ if (!./replies || shouldHideReplyContainer(@value)) }}}hidden{{{ end }}}">
 			<span component="post/reply-count/avatars" class="avatars d-inline-flex gap-1 align-items-top {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
 				{{{each posts.replies.users}}}
 				<span>{buildAvatar(posts.replies.users, "20px", true, "avatar-tooltip")}</span>
@@ -117,7 +117,7 @@
 
 			<meta itemprop="upvoteCount" content="{posts.upvotes}">
 			<meta itemprop="downvoteCount" content="{posts.downvotes}">
-			<div class="d-inline-block px-2 mx-1 btn-ghost-sm" component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</div>
+			<div class="d-inline-block px-2 mx-1 btn-ghost-sm ff-secondary" component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</div>
 
 			{{{ if !downvote:disabled }}}
 			<a component="post/downvote" href="#" class="btn-ghost-sm {{{ if posts.downvoted }}}downvoted{{{ end }}}">

package/templates/partials/topic/quickreply.tpl

@@ -15,7 +15,7 @@
 		</div>
 		<div>
 			<div class="d-flex justify-content-end gap-2">
-				<button type="submit" component="topic/quickreply/expand" class="btn btn-sm btn-outline" formmethod="get"><i class="fa fa-expand"></i></button>
+				<button type="submit" component="topic/quickreply/expand" class="btn btn-sm btn-ghost-sm border" formmethod="get"><i class="fa fa-expand"></i></button>
 				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">[[topic:post-quick-reply]]</button>
 			</div>
 		</div>

package/templates/partials/topic/sort.tpl

@@ -1,5 +1,5 @@
 <div class="btn-group bottom-sheet" component="thread/sort">
-	<button class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
 		<span class="d-flex gap-2 align-items-center">
 			<i class="fa fa-fw fa-arrow-down-wide-short text-primary"></i>
 			<span class="d-none d-md-inline fw-semibold">[[topic:sort-by]]</span>

package/templates/partials/topic/tools.tpl

@@ -1,6 +1,6 @@
 {{{ if privileges.view_thread_tools }}}
 <div class="btn-group thread-tools bottom-sheet">
-	<button class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
 		<i class="fa fa-fw fa-gear text-primary"></i>
 		<span class="d-none d-md-inline fw-semibold">[[topic:thread-tools.title]]</span>
 	</button>

package/templates/partials/topic/watch.tpl

@@ -1,6 +1,6 @@
 {{{ if config.loggedIn }}}
 <div class="btn-group bottom-sheet" component="topic/watch">
-	<button class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
 		<span component="topic/following/menu" class="d-flex gap-2 align-items-center{{{ if !isFollowing }}} hidden{{{ end }}}">
 			<i class="flex-shrink-0 fa fa-fw fa-bell-o text-primary"></i>
 			<span class="d-none d-md-inline fw-semibold">[[topic:watching]]</span>

package/templates/partials/topic-filters.tpl

@@ -1,5 +1,5 @@
 <div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
-	<button type="button" class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
+	<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
 		<i class="fa fa-fw fa-filter text-primary"></i>
 		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedFilter.name}</span>
 	</button>

package/templates/partials/topic-terms.tpl

@@ -1,5 +1,5 @@
 <div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
-	<button type="button" class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
+	<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
 		<i class="fa fa-fw fa-clock text-primary"></i>
 		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedTerm.name}</span>
 	</button>

package/templates/partials/users/filter-dropdown-content.tpl

@@ -1,4 +1,4 @@
-<button type="button" class="btn-ghost-sm dropdown-toggle" data-bs-toggle="dropdown">
+<button type="button" class="btn-ghost-sm ff-secondary dropdown-toggle" data-bs-toggle="dropdown">
 	{{{ if selectedUser }}}
 	<span class="fw-semibold">{buildAvatar(selectedUser, "20px", true, "not-responsive")} {selectedUser.username}</span>
 	{{{ else }}}

package/templates/partials/users/item.tpl

@@ -1,4 +1,4 @@
-<a href="{config.relative_path}/user/{./userslug}" class="btn-ghost align-items-start justify-content-start p-2 ff-base">
+<a href="{config.relative_path}/user/{./userslug}" class="btn-ghost ff-secondary align-items-start justify-content-start p-2 ff-base">
 	{buildAvatar(@value, "48px", true, "flex-shrink-0")}
 	<div class="d-flex flex-column text-truncate">
 		<div class="fw-semibold text-truncate" title="{./displayname}">{./displayname}</div>

package/templates/partials/users_list_menu.tpl

@@ -1,15 +1,15 @@
 <div component="user/list/menu" class="text-sm d-flex flex-wrap align-items-center gap-2">
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=online">[[global:online]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=online">[[global:online]]</a>
 
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=sort-posts">[[users:top-posters]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=sort-posts">[[users:top-posters]]</a>
 
 	{{{ if !reputation:disabled }}}
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=sort-reputation">[[users:most-reputation]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=sort-reputation">[[users:most-reputation]]</a>
 	{{{ end }}}
 
 	{{{ if isAdminOrGlobalMod }}}
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=flagged">[[users:most-flags]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=flagged">[[users:most-flags]]</a>
 
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=banned">[[user:banned]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=banned">[[user:banned]]</a>
 	{{{ end }}}
 </div>

package/templates/post-queue.tpl

@@ -20,7 +20,7 @@
 		</div>
 
 		<div class="btn-group bottom-sheet" component="post-queue/bulk-actions">
-			<button type="button" class="btn-ghost-sm dropdown-toggle" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
+			<button type="button" class="btn-ghost-sm ff-secondary dropdown-toggle" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
 				<i class="fa fa-clone"></i><span class="fw-semibold"> [[post-queue:bulk-actions]]</span>
 			</button>
 			<ul class="dropdown-menu p-1 text-sm dropdown-menu-end">
@@ -78,7 +78,7 @@
 								[[post-queue:user]]
 								{{{ if ((privileges.ban || privileges.mute) || privileges.admin:users) }}}
 								<div class="ms-auto btn-group bottom-sheet">
-									<button href="#" class="btn btn-outline-sm text-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[global:actions]]</button>
+									<button href="#" class="btn btn-ghost-sm ff-secondary border text-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[global:actions]]</button>
 									<ul class="dropdown-menu p-1 text-sm">
 										{{{ if privileges.view:users:info }}}
 										<li><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{./user.userslug}/info">[[user:account-info]]</a></li>

package/templates/chat.tpl

@@ -1,37 +0,0 @@
-<div id="chat-modal" class="chat-modal d-flex flex-nowrap modal hide overflow-visible" tabindex="-1" role="dialog" aria-labelledby="Chat" aria-hidden="true" data-center="false">
-	<div class="modal-dialog">
-		<div class="modal-content" component="chat/message/window">
-			<div class="modal-header d-flex gap-4 justify-content-between">
-				<div class="fs-6 flex-grow-1 fw-semibold tracking-tight text-truncate text-nowrap" component="chat/room/name" data-icon="{icon}">{{{ if ./roomName }}}<i class="fa {icon} text-muted"></i> {roomName}{{{ else }}}{./chatWithMessage}{{{ end}}}</div>
-				<div class="d-flex gap-1 align-items-center">
-					<button type="button" class="btn-ghost-sm d-none d-md-flex" data-action="maximize" title="[[modules:chat.maximize]]" data-bs-toggle="tooltip" data-bs-placement="bottom">
-						<i class="fa fa-fw fa-expand text-muted"></i>
-					</button>
-
-					<!-- IMPORT partials/chats/options.tpl -->
-
-					<button id="chat-close-btn" type="button" class="btn-close btn-ghost-sm" aria-label="Close"></button>
-				</div>
-			</div>
-			<!-- IMPORT partials/chats/scroll-up-alert.tpl -->
-			<div class="modal-body d-flex flex-column" style="height: 500px;">
-				<div class="d-flex flex-grow-1 gap-1 overflow-auto" style="min-width: 0px;">
-					<div component="chat/messages" class="expanded-chat d-flex flex-column flex-grow-1" data-roomid="{roomId}" style="min-width: 0px;">
-
-						<ul component="chat/message/content" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1">
-							<!-- IMPORT partials/chats/messages.tpl -->
-						</ul>
-						<ul component="chat/message/search/results" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1 hidden">
-							<div component="chat/message/search/no-results" class="text-center p-4 d-flex flex-column">
-								<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-								<div class="text-xs fw-semibold text-muted">[[search:no-matches]]</div>
-							</div>
-						</ul>
-						<!-- IMPORT partials/chats/composer.tpl -->
-					</div>
-				</div>
-			</div>
-			<div class="imagedrop"><div>[[topic:composer.drag-and-drop-images]]</div></div>
-		</div>
-	</div>
-</div>

package/templates/chats.tpl

@@ -1,54 +0,0 @@
-<div class="chats-full d-flex gap-1 h-100 mt-3 mt-md-0 py-md-3">
-	<div component="chat/nav-wrapper" class="flex-shrink-0 d-flex flex-column h-100 gap-1" data-loaded="{{{ if roomId }}}1{{{ else }}}0{{{ end }}}">
-
-		<div>
-			<button component="chat/create" class="btn btn-primary btn-sm w-100">[[modules:chat.create-room]]</button>
-		</div>
-
-		{{{ if publicRooms.length }}}
-		<hr class="my-1">
-
-		<div class="d-flex flex-column gap-1">
-			<div class="d-flex gap-1 align-items-center justify-content-between justify-content-lg-start">
-				<button class="btn-ghost-sm p-1 order-1 order-lg-0" data-bs-toggle="collapse" data-bs-target="#public-rooms"
-				onclick="$(this).find('i').toggleClass('fa-rotate-180');"><i class="fa fa-fw fa-chevron-up" style="transition: 0.25s ease;"></i></button>
-				<label class="text-sm text-muted lh-1">[[modules:chat.public-rooms, {publicRooms.length}]]</label>
-			</div>
-			<div id="public-rooms" component="chat/public" class="collapse show">
-				<div class="d-flex gap-1 flex-column">
-					{{{ each publicRooms }}}
-					<div component="chat/public/room" class="btn-ghost-sm ff-sans justify-content-between hover-parent {{{ if ./unread}}}unread{{{ end }}}" data-roomid="{./roomId}">
-						<div class="d-flex gap-1 align-items-center"><i class="fa {./icon} text-muted"></i> {./roomName} <div component="chat/public/room/unread/count" data-count="{./unreadCount}" class="badge border bg-light text-primary {{{ if !./unreadCount }}}hidden{{{ end }}}">{./unreadCountText}</div></div>
-						<div>
-							<div component="chat/public/room/sort/handle" class="text-muted {{{ if isAdmin }}}hover-d-block{{{ else }}}d-none{{{ end }}}" style="cursor:grab;"><i class="fa fa-bars"></i></div>
-						</div>
-					</div>
-					{{{ end }}}
-				</div>
-			</div>
-		</div>
-		{{{ end }}}
-
-		<hr class="my-1">
-
-		<div class="d-flex flex-column gap-1 overflow-auto">
-			{{{ if publicRooms.length }}}
-			<div class="d-flex gap-1 align-items-center justify-content-between justify-content-lg-start">
-				<button class="btn-ghost-sm p-1 order-1 order-lg-0" data-bs-toggle="collapse" data-bs-target="#private-rooms"
-				onclick="$(this).find('i').toggleClass('fa-rotate-180')"><i class="fa fa-fw fa-chevron-up" style="transition: 0.25s ease;"></i></button>
-				<label class="text-sm text-muted lh-1">[[modules:chat.private-rooms, {privateRoomCount}]]</label>
-			</div>
-			{{{ end }}}
-
-			<div id="private-rooms" component="chat/recent" class="chats-list overflow-auto mb-0 pe-1 pb-5 pb-lg-0 collapse show" data-nextstart="{nextStart}">
-				{{{each rooms}}}
-				<!-- IMPORT partials/chats/recent_room.tpl -->
-				{{{end}}}
-			</div>
-		</div>
-	</div>
-	<div component="chat/main-wrapper" class="flex-grow-1 ms-md-2 ps-md-2 border-1 border-start-md h-100" style="min-width: 0;" data-roomid="{roomId}">
-		<!-- IMPORT partials/chats/message-window.tpl -->
-	</div>
-	<div class="imagedrop"><div>[[topic:composer.drag-and-drop-images]]</div></div>
-</div>

package/templates/partials/chats/add-reaction.tpl

@@ -1 +0,0 @@
-<!-- This partial intentionally left blank; overwritten by nodebb-plugin-reactions -->

package/templates/partials/chats/composer.tpl

@@ -1,27 +0,0 @@
-<div component="chat/composer" class="d-flex flex-column border-top pt-2 align-items-start">
-	<div component="chat/composer/replying-to" data-tomid="" class="text-sm px-2 mb-1 d-flex gap-2 align-items-center hidden">
-		<div component="chat/composer/replying-to-text"></div> <button component="chat/composer/replying-to-cancel" class="btn-ghost-sm px-2 py-1"><i class="fa fa-times"></i></button>
-	</div>
-	<div class="w-100 flex-grow-1 flex-nowrap position-relative d-flex rounded-2 border border-secondary p-1 align-items-end">
-		<button component="chat/upload/button" class="btn-ghost-sm px-2" type="button" title="[[global:upload]]" data-bs-toggle="tooltip"><i class="fa fa-fw fa-upload"></i></button>
-		<div class="flex-grow-1 align-self-center">
-			<textarea component="chat/input" placeholder="[[modules:chat.placeholder.mobile]]" class="bg-transparent text-body form-control chat-input mousetrap rounded-0 border-0 shadow-none px-1 py-0" style="min-height: 1.5rem;height:0;max-height:30vh;resize:none;"></textarea>
-		</div>
-		<div class="d-flex gap-1">
-			{{{ each composerActions }}}
-			<button data-action="{./action}" class="btn-ghost-sm px-2 {./class}" type="button" title="{./title}" data-bs-toggle="tooltip"><i class="fa {./icon}"></i></button>
-			{{{ end }}}
-			<button class="btn-ghost-sm px-2" type="button" data-action="send" title="[[modules:chat.send]]" data-bs-toggle="tooltip"><i class="fa fa-fw fa-paper-plane text-primary"></i></button>
-		</div>
-	</div>
-	<div class="d-flex justify-content-between align-items-center text-xs w-100 px-2 mt-1">
-		<div component="chat/composer/typing" class="">
-			<div component="chat/composer/typing/users" class="hidden"></div>
-			<div component="chat/composer/typing/text" class="hidden"></div>
-		</div>
-		<div component="chat/message/remaining" class="text-xs text-muted">{maximumChatMessageLength}</div>
-	</div>
-	<form class="hidden" component="chat/upload" method="post" enctype="multipart/form-data">
-		<input type="file" name="files[]" multiple class="hidden"/>
-	</form>
-</div>

package/templates/partials/chats/dropdown.tpl

@@ -1,10 +0,0 @@
-{{{ if !rooms.length }}}
-<li class="text-center p-4 d-flex flex-column">
-    <div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-	<div class="text-xs fw-semibold text-muted">[[modules:chat.no-active]]</div>
-</li>
-{{{ end }}}
-
-{{{ each rooms }}}
-<!-- IMPORT partials/chats/recent_room.tpl -->
-{{{ end }}}

package/templates/partials/chats/message-window.tpl

@@ -1,43 +0,0 @@
-<div component="chat/message/window" class="d-flex flex-column h-100">
-	{{{ if widgets.header.length }}}
-	<div data-widget-area="header">
-		{{{each widgets.header}}}
-		{{widgets.header.html}}
-		{{{end}}}
-	</div>
-	{{{ end }}}
-	{{{ if !roomId }}}
-	<div class="d-flex flex-column align-items-center gap-3 my-auto">
-		<i class="fa-solid fa-wind fs-2 text-muted"></i>
-		<span class="text-muted text-sm">[[modules:chat.no-active]]</span>
-	</div>
-	{{{ else }}}
-	<div component="chat/header" class="d-flex align-items-center px-md-3 gap-3">
-		<a href="#" data-action="close" role="button" class="flex-shrink-0 d-flex d-md-none btn btn-outline align-text-top"><i class="fa fa-chevron-left"></i></a>
-		<h5 component="chat/header/title" class="members flex-grow-1 fw-semibold tracking-tight mb-0 text-truncate text-nowrap">
-			{{{ if ./roomName }}}<i class="fa {icon} text-muted"></i> {roomName}{{{ else }}}{./chatWithMessage}{{{ end}}}
-		</h5>
-
-		<!-- IMPORT partials/chats/options.tpl -->
-	</div>
-	<!-- IMPORT partials/chats/scroll-up-alert.tpl -->
-	<hr class="my-1"/>
-	<div class="d-flex flex-grow-1 gap-1 overflow-auto" style="min-width: 0px;">
-		<div component="chat/messages" class="expanded-chat d-flex flex-column flex-grow-1" data-roomid="{roomId}" style="min-width: 0px;">
-			<ul component="chat/message/content" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1">
-				<!-- IMPORT partials/chats/messages.tpl -->
-			</ul>
-			<ul component="chat/message/search/results" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1 hidden">
-				<div component="chat/message/search/no-results" class="text-center p-4 d-flex flex-column">
-					<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-					<div class="text-xs fw-semibold text-muted">[[search:no-matches]]</div>
-				</div>
-			</ul>
-			<!-- IMPORT partials/chats/composer.tpl -->
-		</div>
-
-		<!-- IMPORT partials/chats/user-list.tpl -->
-		<!-- IMPORT partials/chats/pinned-messages.tpl -->
-	</div>
-	{{{ end }}}
-</div>

package/templates/partials/chats/message.tpl

@@ -1,73 +0,0 @@
-<li component="chat/message" class="chat-message mx-2 pe-2 {{{ if messages.deleted }}} deleted{{{ end }}} {{{ if messages.pinned}}} pinned{{{ end }}} {{{ if messages.newSet }}}border-top pt-3{{{ end }}}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-index="{messages.index}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}" data-username="{messages.fromUser.username}">
-
-	{{{ if messages.parent }}}
-	<!-- IMPORT partials/chats/parent.tpl -->
-	{{{ end }}}
-
-	<div class="message-header lh-1 d-flex align-items-center gap-2 text-sm {{{ if !messages.newSet }}}hidden{{{ end }}} pb-2">
-		<a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "18px", true, "not-responsive")}</a>
-		<span class="chat-user fw-semibold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
-		{{{ if messages.fromUser.banned }}}
-		<span class="badge bg-danger">[[user:banned]]</span>
-		{{{ end }}}
-		{{{ if messages.fromUser.deleted }}}
-		<span class="badge bg-danger">[[user:deleted]]</span>
-		{{{ end }}}
-		<span class="chat-timestamp text-muted timeago" title="{messages.timestampISO}"></span>
-
-		<div component="chat/message/edited" class="text-muted ms-auto {{{ if !messages.edited }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {isoTimeToLocaleString(messages.editedISO, config.userLang)}]]"><i class="fa fa-edit"></i></span></div>
-	</div>
-	<div class="message-body-wrapper">
-		<div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto text-break">
-			{messages.content}
-		</div>
-		<!-- IMPORT partials/chats/reactions.tpl -->
-		<div component="chat/message/controls" class="position-relative">
-			<div class="btn-group border shadow-sm controls position-absolute bg-body end-0" style="bottom:1rem;">
-				<!-- IMPORT partials/chats/add-reaction.tpl -->
-				<button class="btn btn-sm btn-link" data-action="reply" title="[[topic:reply]]"><i class="fa fa-reply"></i></button>
-
-				<div class="btn-group d-inline-block">
-					<button class="btn btn-sm btn-link dropdown-toggle" data-bs-toggle="dropdown"><i class="fa fa-ellipsis" type="button"></i></button>
-					<ul class="dropdown-menu dropdown-menu-end p-1 text-sm list-unstyled">
-						{{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="edit"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-pencil text-muted"></i> [[topic:edit]]</span></a>
-						</li>
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="delete"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-trash text-muted"></i> [[topic:delete]]</span></a>
-						</li>
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="restore"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-repeat text-muted"></i> [[topic:restore]]</span></a>
-						</li>
-						{{{ end }}}
-
-						{{{ if (isAdminOrGlobalMod || isOwner )}}}
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="pin"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-thumbtack text-muted"></i> [[modules:chat.pin-message]]</span></a>
-						</li>
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="unpin"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-thumbtack fa-rotate-90 text-muted"></i> [[modules:chat.unpin-message]]</span></a>
-						</li>
-						<li class="dropdown-divider"></li>
-						{{{ end }}}
-
-						{{{ if isAdminOrGlobalMod }}}
-						<li>
-							<a href="#" class="dropdown-item rounded-1 chat-ip-button"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-info-circle text-muted"></i> [[modules:chat.show-ip]]</span></a>
-						</li>
-						{{{ end }}}
-
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="copy-text" data-mid="{messages.mid}"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-copy text-muted"></i> [[modules:chat.copy-text]]</span></a>
-						</li>
-
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="copy-link" data-mid="{messages.mid}"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-link text-muted"></i> [[modules:chat.copy-link]]</span></a>
-						</li>
-					</ul>
-				</div>
-			</div>
-		</div>
-	</div>
-</li>

package/templates/partials/chats/messages.tpl

@@ -1,7 +0,0 @@
-{{{each messages}}}
-	{{{ if !./system }}}
-	<!-- IMPORT partials/chats/message.tpl -->
-	{{{ else }}}
-	<!-- IMPORT partials/chats/system-message.tpl -->
-	{{{ end }}}
-{{{end}}}

package/templates/partials/chats/options.tpl

@@ -1,100 +0,0 @@
-<div class="d-flex gap-1 align-items-stretch">
-	<!-- search -->
-	<button class="btn-ghost-sm" component="chat/room/search/toggle" data-manual-tooltip="1" title="[[global:header.search]]">
-		<i class="fa fa-search text-muted"></i>
-	</button>
-	<div component="chat/room/search/container" class="position-relative hidden align-self-center">
-		<input component="chat/room/search" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" style="width: 150px;">
-		<a component="chat/room/search/clear" href="#" class="hidden px-2 py-1 position-absolute top-50 end-0 translate-middle-y">
-			<i class="fa fa-times text-muted opacity-75"></i>
-		</a>
-	</div>
-
-
-	<!-- notification dropdown -->
-	<div class="dropdown d-flex" data-manual-tooltip="1" title="[[modules:chat.notification-settings]]" component="chat/notification/setting">
-		<button class="btn-ghost-sm position-relative" data-bs-toggle="dropdown">
-			<i class="fa fa-bell text-muted"></i>
-			<span class="position-absolute top-0 end-0 text-xs text-muted opacity-50" style="font-size: 10px!important; padding: 1px; line-height: 10px;">
-				<i component="chat/notification/setting/icon" class="fa {notificationOptionsIcon}"></i>
-			</span>
-		</button>
-		<ul class="dropdown-menu dropdown-menu-end p-1 text-sm">
-			{{{ each notificationOptions }}}
-			<li>
-				<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-value="{./value}" data-icon="{./icon}">
-					<div class="d-flex flex-column gap-1">
-						<div class="d-flex align-items-center gap-2">
-							<div class="flex-grow-1">{./label}</div>
-							<i class="flex-shrink-0 fa fa-fw fa-check {{{ if !./selected }}}hidden{{{ end }}}"></i>
-						</div>
-						{{{ if @first}}}
-						<div component="chat/notification/setting/sub-label" class="text-sm text-muted">{./subLabel}</div>
-						{{{ end }}}
-					</div>
-				</a>
-			</li>
-
-			{{{ if @first }}}
-			<li><hr class="dropdown-divider"></li>
-			{{{ end }}}
-			{{{ end }}}
-		</ul>
-	</div>
-
-	<!-- pinned messages -->
-	<button component="chat/pinned/messages/btn" class="btn-ghost-sm d-none d-lg-flex flex-nowrap" title="[[modules:chat.pinned-messages]]" data-bs-toggle="tooltip" data-bs-placement="bottom">
-		<i class="fa fa-thumb-tack text-muted"></i>
-	</button>
-
-	<!-- manage/options dropdown -->
-	<div class="dropdown d-flex" data-manual-tooltip="1" title="[[modules:chat.options]]">
-		<button class="btn-ghost-sm" data-bs-toggle="dropdown" component="chat/controlsToggle">
-			<i class="fa fa-gear text-muted"></i>
-		</button>
-		<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" component="chat/controls">
-			<li>
-				<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-action="manage">
-					<i class="fa fa-fw text-muted fa-cog"></i> [[modules:chat.manage-room]]
-				</a>
-			</li>
-			{{{ if isOwner }}}
-			<li>
-				<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-action="rename">
-					<i class="fa fa-fw text-muted fa-edit"></i> [[modules:chat.rename-room]]
-				</a>
-			</li>
-			{{{ end }}}
-			<li>
-				<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-action="leave">
-					<i class="fa fa-fw text-muted fa-sign-out"></i> [[modules:chat.leave-room]]
-				</a>
-			</li>
-			{{{ if (public && isAdmin) }}}
-			<li>
-				<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-action="delete">
-					<i class="fa fa-fw text-danger fa-trash"></i> [[modules:chat.delete-room]]
-				</a>
-			</li>
-			{{{ end }}}
-		</ul>
-	</div>
-
-	<!-- users toggle -->
-	{{{ if users.length }}}
-	<div component="chat/user/list/btn" class="btn-ghost-sm d-none d-lg-flex flex-nowrap gap-3" title="[[modules:chat.view-users-list]]" data-bs-toggle="tooltip" data-bs-placement="bottom">
-		<div class="d-flex text-nowrap">
-			{{{ if ./users.0 }}}
-			<span style="width: 18px; z-index: 3;" class="text-decoration-none" href="{config.relative_path}/user/{./users.0.userslug}">{buildAvatar(./users.0, "24px", true)}</span>
-			{{{ end }}}
-			{{{ if ./users.1 }}}
-			<span style="width: 18px; z-index: 2;" class="text-decoration-none" href="{config.relative_path}/user/{./users.1.userslug}">{buildAvatar(./users.1, "24px", true)}</span>
-			{{{ end }}}
-			{{{ if ./users.2 }}}
-			<span style="width: 18px; z-index: 1;" class="text-decoration-none" href="{config.relative_path}/user/{./users.2.userslug}">{buildAvatar(./users.2, "24px", true)}</span>
-			{{{ end }}}
-		</div>
-		{./userCount}
-	</div>
-	{{{ end }}}
-</div>

package/templates/partials/chats/parent.tpl

@@ -1,13 +0,0 @@
-<div class="d-flex ms-4 mb-2 align-items-center">
-	<div component="chat/message/parent" data-parent-mid="{messages.parent.mid}" data-uid="{messages.parent.fromuid}" class="btn-ghost-sm align-items-start flex-row w-100">
-		<div class="d-flex gap-2 text-sm text-nowrap">
-			<div><i class="fa fa-sm fa-reply opacity-50"></i></div>
-			<div class="d-flex flex-nowrap gap-1 align-items-center">
-				<a href="{config.relative_path}/user/{messages.parent.user.userslug}" class="text-decoration-none lh-1">{buildAvatar(messages.parent.user, "14px", true, "not-responsive align-middle")}</a>
-				<a class="chat-user fw-semibold" href="{config.relative_path}/user/{messages.parent.user.userslug}">{messages.parent.user.displayname}</a>
-			</div>
-			<span class="chat-timestamp text-muted timeago text-nowrap hidden" title="{messages.parent.timestampISO}"></span>
-		</div>
-		<div component="chat/message/parent/content" class="text-muted line-clamp-1 w-100">{messages.parent.content}</div>
-	</div>
-</div>

package/templates/partials/chats/pinned-messages-list.tpl

@@ -1,32 +0,0 @@
-{{{ each messages }}}
-<li component="chat/message" class="chat-message mx-2 pe-2 {{{ if messages.deleted }}} deleted{{{ end }}} {{{ if messages.pinned}}} pinned{{{ end }}} border-top pt-3" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-timestamp="{messages.timestamp}" data-username="{messages.fromUser.username}" data-index="{./index}">
-
-	{{{ if messages.parent }}}
-	<!-- IMPORT partials/chats/parent.tpl -->
-	{{{ end }}}
-
-	<div class="message-header lh-1 d-flex align-items-center gap-2 text-sm pb-2">
-		<a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "18px", true, "not-responsive")}</a>
-		<span class="chat-user fw-semibold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
-
-		<span class="chat-timestamp text-muted timeago" title="{messages.timestampISO}"></span>
-		<div component="chat/message/edited" class="text-muted ms-auto {{{ if !messages.edited }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {isoTimeToLocaleString(messages.editedISO, config.userLang)}]]"><i class="fa fa-edit"></i></span></div>
-	</div>
-	<div class="message-body-wrapper">
-		<div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto text-break">
-			{messages.content}
-		</div>
-		<div component="chat/message/controls" class="position-relative">
-			<div class="btn-group border shadow-sm controls position-absolute bg-body end-0" style="bottom:1rem;">
-				{{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
-				<button class="btn btn-sm btn-link" data-action="edit" title="[[topic:edit]]"><i class="fa fa-pencil"></i></button>
-				{{{ end }}}
-				{{{ if (isAdminOrGlobalMod || isOwner )}}}
-				<button class="btn btn-sm btn-link" data-action="pin" title="[[modules:chat.pin-message]]"><i class="fa fa-thumbtack"></i></button>
-				<button class="btn btn-sm btn-link" data-action="unpin" title="[[modules:chat.unpin-message]]"><i class="fa fa-thumbtack fa-rotate-90"></i></button>
-				{{{ end }}}
-			</div>
-		</div>
-	</div>
-</li>
-{{{ end }}}

package/templates/partials/chats/pinned-messages.tpl

@@ -1,12 +0,0 @@
-<div component="chat/messages/pinned/container" class="d-flex flex-column expanded-chat border-start hidden" style="min-width:340px; width: 340px;">
-	<h3 class="fs-6 p-1 mb-0 text-center text-secondary">[[modules:chat.pinned-messages]]</h3>
-
-	<div component="chat/messages/pinned/empty" class="text-center p-4 d-flex flex-column">
-		<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-		<div class="text-xs fw-semibold text-muted">[[modules:chat.no-pinned-messages]]</div>
-	</div>
-
-	<ul component="chat/messages/pinned" class="chat-content list-unstyled d-flex flex-column gap-1 p-1 overflow-auto">
-
-	</ul>
-</div>

package/templates/partials/chats/reactions.tpl

@@ -1 +0,0 @@
-<!-- This partial intentionally left blank; overwritten by nodebb-plugin-reactions -->