nodebb-theme-harmony 1.1.108 → 1.2.1

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 -->

package/templates/partials/chats/recent_room.tpl

@@ -1,55 +0,0 @@
-{{{ if (loadingMore && @first)}}}
-<hr class="my-1" />
-{{{ end }}}
-<div component="chat/recent/room" data-roomid="{./roomId}" data-full="1" class="rounded-1 {{{ if ./unread }}}unread{{{ end }}}">
-	<div class="d-flex gap-1 justify-content-between">
-		<div class="chat-room-btn position-relative d-flex flex-grow-1 gap-2 justify-content-start align-items-start btn-ghost-sm ff-sans">
-			<div class="main-avatar">
-				{{{ if ./users.length }}}
-				{{{ if ./groupChat}}}
-				<div class="position-relative stacked-avatars">
-					<span class="text-decoration-none position-absolute" href="{config.relative_path}/user/{./users.1.userslug}">{buildAvatar(./users.1, "24px", true)}</span>
-					<span class="text-decoration-none position-absolute" href="{config.relative_path}/user/{./users.0.userslug}" >{buildAvatar(./users.0, "24px", true)}</span>
-				</div>
-				{{{ else }}}
-				<span href="{config.relative_path}/user/{./users.0.userslug}" class="text-decoration-none">{buildAvatar(./users.0, "32px", true)}</span>
-				{{{ end }}}
-				{{{ else }}}
-				<span class="avatar avatar-rounded text-bg-warning" component="avatar/icon" style="--avatar-size: 32px;">?</span>
-				{{{ end }}}
-			</div>
-
-			<div class="d-flex flex-grow-1 flex-column w-100">
-				<div component="chat/room/title" class="room-name fw-semibold text-xs text-break">
-				{{{ if ./roomName}}}
-				{./roomName}
-				{{{ else }}}
-					{{{ if !./lastUser.uid }}}
-					[[modules:chat.no-users-in-room]]
-					{{{ else }}}
-					{./usernames}
-					{{{ end  }}}
-				{{{ end }}}
-				</div>
-
-				{{{ if ./teaser }}}
-				<div class="teaser-content text-sm line-clamp-3 text-break">
-					<span href="#" class="text-decoration-none">{buildAvatar(./teaser.user, "14px", true)}</span>
-					<strong class="text-xs fw-semibold teaser-username">{./teaser.user.username}:</strong>
-					{./teaser.content}
-				</div>
-				<div class="teaser-timestamp text-muted text-xs">{{{ if ./teaser.timeagoLong }}}{./teaser.timeagoLong}{{{ else }}}<span class="timeago" title="{./teaser.timestampISO}"></span>{{{ end }}}</div>
-				{{{ end }}}
-			</div>
-		</div>
-		<div>
-			<button class="mark-read btn-ghost-sm" style="width: 1.5rem; height: 1.5rem;">
-				<i class="unread fa fa-2xs fa-circle text-primary {{{ if !./unread }}}hidden{{{ end }}}"></i>
-				<i class="read fa fa-2xs fa-circle-o text-secondary {{{ if ./unread }}}hidden{{{ end }}}"></i>
-			</button>
-		</div>
-	</div>
-</div>
-{{{ if !@last }}}
-<hr class="my-1" />
-{{{ end }}}

package/templates/partials/chats/scroll-up-alert.tpl

@@ -1,3 +0,0 @@
-<div class="position-relative">
-	<div component="chat/messages/scroll-up-alert" class="py-1 mt-1 position-absolute start-50 top-50 translate-middle text-sm scroll-up-alert alert alert-info d-none d-md-block text-nowrap hidden" role="button" style="z-index: 500;"><i class="fa fa-fw fa-arrow-down"></i> [[modules:chat.scroll-up-alert]]</div>
-</div>

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

@@ -1,7 +0,0 @@
-<li component="chat/system-message" class="system-message text-muted small py-2 gap-3 d-flex align-items-center justify-content-center" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-index="{messages.index}" data-self="{messages.self}" data-break="0" data-timestamp="{messages.timestamp}">
-	<hr class="d-inline-block my-1" style="width: 10%;"/>
-	<div>
-		[[modules:chat.system.{messages.content}, {messages.fromUser.username}, {messages.timestampISO}]]
-	</div>
-	<hr class="d-inline-block my-1" style="width: 10%;"/>
-</li>

package/templates/partials/chats/user-list.tpl

@@ -1,11 +0,0 @@
-<div component="chat/user/list" class="border-start hidden d-flex flex-column gap-1 p-1 overflow-auto" style="min-width:240px; width: 240px;">
-	{{{ each users }}}
-	<a data-index="{./index}" data-uid="{./uid}" class="btn-ghost-sm d-flex justify-content-start align-items-center gap-2 {{{ if ./online }}}online{{{ end}}}" href="{config.relative_path}/uid/{./uid}">
-		<div>{buildAvatar(users, "24px", true)}</div>
-		<div class="d-flex gap-1 flex-grow-1 text-nowrap text-truncate">
-			<span component="chat/user/list/username" class="text-truncate">{./username}</span>
-			{{{ if ./isOwner }}}<span><i class="fa fa-star text-warning" data-bs-toggle="tooltip" title="[[modules:chat.owner]]"></i></span>{{{ end }}}
-		</div>
-	</a>
-	{{{ end }}}
-</div>

package/templates/partials/chats/user.tpl

@@ -1 +0,0 @@
-<a href="{config.relative_path}/user/{rooms.users.userslug}" class="text-decoration-none">{buildAvatar(rooms.users, "32px", true)}</a>