nodebb-theme-harmony 2.0.0 → 2.0.1

package/templates/partials/topic/navigator-mobile.tpl

@@ -1,62 +1,62 @@
-<div class="d-flex w-100">
-	<div class="pagination-block text-bg-light m-2 rounded-1 border border-gray-300 w-100" style="height:30px;">
-		<div class="position-relative">
-			<div class="progress-bar rounded-1 bg-info d-block position-absolute" style="height:28px;"></div>
-		</div>
-		<div class="wrapper dropup-center d-flex align-items-center justify-content-between w-100 h-100" style="padding: 5px 0px;">
-			<div class="d-flex">
-				<div class="lh-1 px-2">
-					<i class="fa fa-angles-left pointer fa-fw pagetop fs-5" style="z-index: 1;"></i>
-				</div>
-				{{{ if config.usePagination }}}
-				<div class="lh-1 px-2">
-					<i class="fa fa-angle-left pointer fa-fw pageprev fs-5" style="z-index: 1;"></i>
-				</div>
-				{{{ end }}}
-			</div>
-
-			<a href="#" class="text-reset dropdown-toggle d-inline-block px-3 text-decoration-none" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-				<span class="d-inline-flex gap-2 align-items-center pagination-text position-relative fw-bold"></span>
-			</a>
-
-			<div class="d-flex">
-				{{{ if config.usePagination }}}
-				<div class="lh-1 px-2">
-					<i class="fa fa-angle-right pointer fa-fw pagenext fs-5" style="z-index: 1;"></i>
-				</div>
-				{{{ end }}}
-				<div class="lh-1 px-2">
-					<i class="fa fa-angles-right pointer fa-fw pagebottom fs-5" style="z-index: 1;"></i>
-				</div>
-			</div>
-
-			<ul class="dropdown-menu p-0" role="menu" style="width: 100%;">
-				<li class="p-3">
-					<div class="row">
-						<div class="col-8 post-content overflow-hidden mb-3" style="height: 350px;"></div>
-						<div class="col-4 ps-0 text-end">
-							<div class="scroller-content">
-								<span class="pointer pagetop">[[topic:first-post]] <i class="fa fa-angle-double-up"></i></span>
-								<div class="scroller-container border-gray-200" style="height: 300px;">
-									<div class="scroller-thumb position-relative text-nowrap" style="height: 40px;">
-										<span class="thumb-text text-sm fw-bold user-select-none position-relative pe-2" style="top: -15px;"></span>
-										<div class="rounded-2 scroller-thumb-icon bg-primary d-inline-block position-relative" style="width: 9px; height:40px;"></div>
-									</div>
-								</div>
-								<span class="pointer pagebottom">[[topic:last-post]] <i class="fa fa-angle-double-down"></i></span>
-							</div>
-						</div>
-					</div>
-					<div class="row">
-						<div class="col-6">
-							<button id="myNextPostBtn" class="btn btn-outline-secondary form-control text-truncate" disabled>[[topic:go-to-my-next-post]]</button>
-						</div>
-						<div class="col-6">
-							<input type="number" class="form-control" id="indexInput" placeholder="[[global:pagination.enter-index]]">
-						</div>
-					</div>
-				</li>
-			</ul>
-		</div>
-	</div>
+<div class="d-flex w-100">
+	<div class="pagination-block text-bg-light m-2 rounded-1 border border-gray-300 w-100" style="height:30px;">
+		<div class="position-relative">
+			<div class="progress-bar rounded-1 bg-info d-block position-absolute" style="height:28px;"></div>
+		</div>
+		<div class="wrapper dropup-center d-flex align-items-center justify-content-between w-100 h-100" style="padding: 5px 0px;">
+			<div class="d-flex">
+				<div class="lh-1 px-2">
+					<i class="fa fa-angles-left pointer fa-fw pagetop fs-5" style="z-index: 1;"></i>
+				</div>
+				{{{ if config.usePagination }}}
+				<div class="lh-1 px-2">
+					<i class="fa fa-angle-left pointer fa-fw pageprev fs-5" style="z-index: 1;"></i>
+				</div>
+				{{{ end }}}
+			</div>
+
+			<a href="#" class="text-reset dropdown-toggle d-inline-block px-3 text-decoration-none" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+				<span class="d-inline-flex gap-2 align-items-center pagination-text position-relative fw-bold"></span>
+			</a>
+
+			<div class="d-flex">
+				{{{ if config.usePagination }}}
+				<div class="lh-1 px-2">
+					<i class="fa fa-angle-right pointer fa-fw pagenext fs-5" style="z-index: 1;"></i>
+				</div>
+				{{{ end }}}
+				<div class="lh-1 px-2">
+					<i class="fa fa-angles-right pointer fa-fw pagebottom fs-5" style="z-index: 1;"></i>
+				</div>
+			</div>
+
+			<ul class="dropdown-menu p-0" role="menu" style="width: 100%;">
+				<li class="p-3">
+					<div class="row">
+						<div class="col-8 post-content overflow-hidden mb-3" style="height: 350px;"></div>
+						<div class="col-4 ps-0 text-end">
+							<div class="scroller-content">
+								<span class="pointer pagetop">[[topic:first-post]] <i class="fa fa-angle-double-up"></i></span>
+								<div class="scroller-container border-gray-200" style="height: 300px;">
+									<div class="scroller-thumb position-relative text-nowrap" style="height: 40px;">
+										<span class="thumb-text text-sm fw-bold user-select-none position-relative pe-2" style="top: -15px;"></span>
+										<div class="rounded-2 scroller-thumb-icon bg-primary d-inline-block position-relative" style="width: 9px; height:40px;"></div>
+									</div>
+								</div>
+								<span class="pointer pagebottom">[[topic:last-post]] <i class="fa fa-angle-double-down"></i></span>
+							</div>
+						</div>
+					</div>
+					<div class="row">
+						<div class="col-6">
+							<button id="myNextPostBtn" class="btn btn-outline-secondary form-control text-truncate" disabled>[[topic:go-to-my-next-post]]</button>
+						</div>
+						<div class="col-6">
+							<input type="number" class="form-control" id="indexInput" placeholder="[[global:pagination.enter-index]]">
+						</div>
+					</div>
+				</li>
+			</ul>
+		</div>
+	</div>
 </div>

package/templates/partials/topic/navigator.tpl

@@ -1,26 +1,26 @@
-<div class="pagination-block d-none d-lg-block flex-grow-1 mb-4">
-	<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">
-				<button class="pagetop btn btn-ghost btn-sm ff-secondary d-inline-flex border-0 align-items-center gap-2" style="padding: 4px;"><i class="fa fa-chevron-up"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./timestampISO}"></span></button>
-				<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>
-						<div>
-							<p class="small thumb-text d-none d-md-inline-block ff-secondary fw-semibold user-select-none mb-0"></p>
-							<p class="meta thumb-timestamp timeago text-xs text-muted ff-secondary fw-semibold mb-0 user-select-none"></p>
-						</div>
-					</div>
-
-					<div class="unread d-inline-block position-absolute bottom-0">
-						<div class="meta small position-absolute top-50 translate-middle-y text-nowrap fw-semibold ms-2">
-							<a class="text-decoration-none" href="{url}" tabindex="-1" aria-disabled="true" aria-label="[[topic:unread-posts-link]]"></a>
-						</div>
-					</div>
-				</div>
-				<button class="pagebottom btn btn-ghost btn-sm ff-secondary d-inline-flex border-0 align-items-center gap-2" style="padding: 4px;"><i class="fa fa-chevron-down"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./lastposttimeISO}"></span></button>
-			</div>
-		</div>
-	</div>
-</div>
-
+<div class="pagination-block d-none d-lg-block flex-grow-1 mb-4">
+	<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">
+				<button class="pagetop btn btn-ghost btn-sm ff-secondary d-inline-flex border-0 align-items-center gap-2" style="padding: 4px;"><i class="fa fa-chevron-up"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./timestampISO}"></span></button>
+				<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>
+						<div>
+							<p class="small thumb-text d-none d-md-inline-block ff-secondary fw-semibold user-select-none mb-0"></p>
+							<p class="meta thumb-timestamp timeago text-xs text-muted ff-secondary fw-semibold mb-0 user-select-none"></p>
+						</div>
+					</div>
+
+					<div class="unread d-inline-block position-absolute bottom-0">
+						<div class="meta small position-absolute top-50 translate-middle-y text-nowrap fw-semibold ms-2">
+							<a class="text-decoration-none" href="{url}" tabindex="-1" aria-disabled="true" aria-label="[[topic:unread-posts-link]]"></a>
+						</div>
+					</div>
+				</div>
+				<button class="pagebottom btn btn-ghost btn-sm ff-secondary d-inline-flex border-0 align-items-center gap-2" style="padding: 4px;"><i class="fa fa-chevron-down"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./lastposttimeISO}"></span></button>
+			</div>
+		</div>
+	</div>
+</div>
+

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

@@ -1,6 +1,6 @@
-<li component="topic/necro-post" class="necro-post text-muted timeline-event d-flex gap-2 pt-4">
-	<div class="timeline-badge">
-		<i class="fa fa-clock small"></i>
-	</div>
-	<span class="timeline-text small fw-semibold">{text}</span>
+<li component="topic/necro-post" class="necro-post text-muted timeline-event d-flex gap-2 pt-4">
+	<div class="timeline-badge">
+		<i class="fa fa-clock small"></i>
+	</div>
+	<span class="timeline-text small fw-semibold">{text}</span>
 </li>

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

@@ -1,156 +1,156 @@
-{{{ if posts.display_moderator_tools }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/edit" role="menuitem" href="#">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-pencil"></i></span> [[topic:edit]]
-	</a>
-</li>
-{{{ if posts.display_delete_tools }}}
-<li {{{ if posts.deleted }}}hidden{{{ end }}}>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/delete" role="menuitem" href="#" class="{{{ if posts.deleted }}}hidden{{{ end }}}">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-trash-o"></i></span> [[topic:delete]]
-	</a>
-</li>
-<li {{{ if !posts.deleted }}}hidden{{{ end }}}>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/restore" role="menuitem" href="#" class="{{{ if !posts.deleted }}}hidden{{{ end }}}">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-history"></i></span> [[topic:restore]]
-	</a>
-</li>
-{{{ end }}}
-{{{ if posts.display_purge_tools }}}
-<li {{{ if !posts.deleted }}}hidden{{{ end }}}>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/purge" role="menuitem" href="#" class="{{{ if !posts.deleted }}}hidden{{{ end }}}">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-eraser"></i></span> [[topic:purge]]
-	</a>
-</li>
-{{{ end }}}
-
-{{{ if posts.display_move_tools }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/move" role="menuitem" href="#">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-arrows"></i></span> [[topic:move]]
-	</a>
-</li>
-{{{ end }}}
-
-{{{ if posts.display_change_owner_tools }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/change-owner" role="menuitem" href="#">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-user"></i></span> [[topic:change-owner]]
-	</a>
-</li>
-{{{ end }}}
-
-{{{ if posts.display_manage_editors_tools }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/manage-editors" role="menuitem" href="#">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-user-pen"></i></span> [[topic:manage-editors]]
-	</a>
-</li>
-{{{ end }}}
-
-{{{ if posts.ip }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/copy-ip" role="menuitem" href="#" data-clipboard-text="{posts.ip}">
-		<span class="menu-icon" ><i class="fa fa-fw text-secondary fa-copy"></i></span> [[topic:copy-ip]] {posts.ip}
-	</a>
-</li>
-{{{ if posts.display_ip_ban }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/ban-ip" role="menuitem" href="#" data-ip="{posts.ip}">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-ban"></i></span> [[topic:ban-ip]] {posts.ip}
-	</a>
-</li>
-{{{ end }}}
-{{{ end }}}
-{{{ end }}}
-
-{{{ each posts.tools }}}
-<li {{{ if ./disabled }}}class="disabled" {{{ end }}}>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" {{{ if ./action}}}component="{./action}"{{{ end }}} role="menuitem" href="{{{ if ./href }}}{./href}{{{ else }}}#{{{ end }}}">
-		<span class="menu-icon"><i class="fa fa-fw text-secondary {./icon}"></i></span> {{./html}}
-	</a>
-</li>
-{{{ end }}}
-
-{{{ if !posts.deleted }}}
-	{{{ if posts.display_history}}}
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/view-history" role="menuitem" href="#">
-			<span class="menu-icon"><i class="fa fa-fw text-secondary fa-history"></i></span> [[topic:view-history]]
-		</a>
-	</li>
-	{{{ end }}}
-
-	{{{ if config.loggedIn }}}
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/bookmark" role="menuitem" href="#" data-bookmarked="{posts.bookmarked}">
-			<span class="menu-icon">
-				<i component="post/bookmark/on" class="fa fa-fw text-secondary fa-bookmark {{{ if !posts.bookmarked }}}hidden{{{ end }}}"></i>
-				<i component="post/bookmark/off" class="fa fa-fw text-secondary fa-bookmark-o {{{ if posts.bookmarked }}}hidden{{{ end }}}"></i>
-			</span>
-			<span class="bookmark-text">[[topic:bookmark]]</span>
-			<span component="post/bookmark-count" class="bookmarkCount badge bg-secondary" data-bookmarks="{posts.bookmarks}">{posts.bookmarks}</span>&nbsp;
-		</a>
-	</li>
-	{{{ end }}}
-
-
-	{{{ if !posts.display_original_url }}}
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#" data-clipboard-text="{posts.absolute_url}">
-			<i class="fa fa-fw text-secondary fa-link"></i> [[topic:copy-permalink]]
-		</a>
-	</li>
-	{{{ else }}}
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#" data-clipboard-text="{{{ if posts.url }}}{posts.url}{{{ else }}}{posts.pid}{{{ end }}}">
-			<i class="fa fa-fw text-secondary fa-link"></i> [[topic:copy-permalink]]
-		</a>
-	</li>
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" target="_self" href="{{{ if posts.url }}}{posts.url}{{{ else }}}{posts.pid}{{{ end }}}">
-			<i class="fa fa-fw text-secondary fa-external-link"></i> [[topic:go-to-original]]
-		</a>
-	</li>
-	{{{ end }}}
-
-	{{{ if postSharing.length }}}
-	{{{ if config.loggedIn }}}<li class="dropdown-divider"></li>{{{ end }}}
-	<li class="dropdown-header">[[topic:share-this-post]]</li>
-	{{{ end }}}
-	<li class="d-flex gap-2 px-3">
-		{{{ each postSharing }}}
-		<a class="dropdown-item rounded-1 d-flex align-items-center px-1 py-2 w-auto" role="menuitem" component="share/{./id}" href="#" title="{./name}"><i class="fa-fw text-secondary {./class}"></i></a>
-		{{{ end }}}
-	</li>
-{{{ end }}}
-
-{{{ if posts.display_flag_tools }}}
-<li class="dropdown-divider"></li>
-
-<li {{{ if posts.flags.flagged }}}hidden{{{ end }}}>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/flag" role="menuitem" href="#"><i class="fa fa-fw text-secondary fa-flag"></i> [[topic:flag-post]]</a>
-</li>
-<li {{{ if !posts.flags.flagged }}}hidden{{{ end }}} class="disabled text-secondary">
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/already-flagged" role="menuitem" href="#" data-flag-id="{posts.flagId}"><i class="fa fa-fw text-secondary fa-flag"></i> [[topic:already-flagged]]</a>
-</li>
-
-{{{ if (!posts.selfPost && posts.uid) }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/flagUser" role="menuitem" href="#"><i class="fa fa-fw text-secondary fa-flag"></i> [[topic:flag-user]]</a>
-</li>
-{{{ end }}}
-{{{ end }}}
-
-{{{ if posts.display_moderator_tools }}}
-{{{ if posts.flags.exists }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/flags/{posts.flags.flagId}"><i class="fa fa-fw text-secondary fa-exclamation-circle"></i> [[topic:view-flag-report]]</a>
-</li>
-{{{ if (posts.flags.state == "open") }}}
-<li>
-	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/flagResolve" data-flagId="{posts.flags.flagId}" role="menuitem" href="#"><i class="fa fa-fw text-secondary fa-check"></i> [[topic:resolve-flag]]</a>
-</li>
-{{{ end }}}
-{{{ end }}}
-{{{ end }}}
+{{{ if posts.display_moderator_tools }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/edit" role="menuitem" href="#">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-pencil"></i></span> [[topic:edit]]
+	</a>
+</li>
+{{{ if posts.display_delete_tools }}}
+<li {{{ if posts.deleted }}}hidden{{{ end }}}>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/delete" role="menuitem" href="#" class="{{{ if posts.deleted }}}hidden{{{ end }}}">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-trash-o"></i></span> [[topic:delete]]
+	</a>
+</li>
+<li {{{ if !posts.deleted }}}hidden{{{ end }}}>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/restore" role="menuitem" href="#" class="{{{ if !posts.deleted }}}hidden{{{ end }}}">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-history"></i></span> [[topic:restore]]
+	</a>
+</li>
+{{{ end }}}
+{{{ if posts.display_purge_tools }}}
+<li {{{ if !posts.deleted }}}hidden{{{ end }}}>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/purge" role="menuitem" href="#" class="{{{ if !posts.deleted }}}hidden{{{ end }}}">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-eraser"></i></span> [[topic:purge]]
+	</a>
+</li>
+{{{ end }}}
+
+{{{ if posts.display_move_tools }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/move" role="menuitem" href="#">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-arrows"></i></span> [[topic:move]]
+	</a>
+</li>
+{{{ end }}}
+
+{{{ if posts.display_change_owner_tools }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/change-owner" role="menuitem" href="#">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-user"></i></span> [[topic:change-owner]]
+	</a>
+</li>
+{{{ end }}}
+
+{{{ if posts.display_manage_editors_tools }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/manage-editors" role="menuitem" href="#">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-user-pen"></i></span> [[topic:manage-editors]]
+	</a>
+</li>
+{{{ end }}}
+
+{{{ if posts.ip }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/copy-ip" role="menuitem" href="#" data-clipboard-text="{posts.ip}">
+		<span class="menu-icon" ><i class="fa fa-fw text-secondary fa-copy"></i></span> [[topic:copy-ip]] {posts.ip}
+	</a>
+</li>
+{{{ if posts.display_ip_ban }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/ban-ip" role="menuitem" href="#" data-ip="{posts.ip}">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary fa-ban"></i></span> [[topic:ban-ip]] {posts.ip}
+	</a>
+</li>
+{{{ end }}}
+{{{ end }}}
+{{{ end }}}
+
+{{{ each posts.tools }}}
+<li {{{ if ./disabled }}}class="disabled" {{{ end }}}>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" {{{ if ./action}}}component="{./action}"{{{ end }}} role="menuitem" href="{{{ if ./href }}}{./href}{{{ else }}}#{{{ end }}}">
+		<span class="menu-icon"><i class="fa fa-fw text-secondary {./icon}"></i></span> {{./html}}
+	</a>
+</li>
+{{{ end }}}
+
+{{{ if !posts.deleted }}}
+	{{{ if posts.display_history}}}
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/view-history" role="menuitem" href="#">
+			<span class="menu-icon"><i class="fa fa-fw text-secondary fa-history"></i></span> [[topic:view-history]]
+		</a>
+	</li>
+	{{{ end }}}
+
+	{{{ if config.loggedIn }}}
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/bookmark" role="menuitem" href="#" data-bookmarked="{posts.bookmarked}">
+			<span class="menu-icon">
+				<i component="post/bookmark/on" class="fa fa-fw text-secondary fa-bookmark {{{ if !posts.bookmarked }}}hidden{{{ end }}}"></i>
+				<i component="post/bookmark/off" class="fa fa-fw text-secondary fa-bookmark-o {{{ if posts.bookmarked }}}hidden{{{ end }}}"></i>
+			</span>
+			<span class="bookmark-text">[[topic:bookmark]]</span>
+			<span component="post/bookmark-count" class="bookmarkCount badge bg-secondary" data-bookmarks="{posts.bookmarks}">{posts.bookmarks}</span>&nbsp;
+		</a>
+	</li>
+	{{{ end }}}
+
+
+	{{{ if !posts.display_original_url }}}
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#" data-clipboard-text="{posts.absolute_url}">
+			<i class="fa fa-fw text-secondary fa-link"></i> [[topic:copy-permalink]]
+		</a>
+	</li>
+	{{{ else }}}
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#" data-clipboard-text="{{{ if posts.url }}}{posts.url}{{{ else }}}{posts.pid}{{{ end }}}">
+			<i class="fa fa-fw text-secondary fa-link"></i> [[topic:copy-permalink]]
+		</a>
+	</li>
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" target="_self" href="{{{ if posts.url }}}{posts.url}{{{ else }}}{posts.pid}{{{ end }}}">
+			<i class="fa fa-fw text-secondary fa-external-link"></i> [[topic:go-to-original]]
+		</a>
+	</li>
+	{{{ end }}}
+
+	{{{ if postSharing.length }}}
+	{{{ if config.loggedIn }}}<li class="dropdown-divider"></li>{{{ end }}}
+	<li class="dropdown-header">[[topic:share-this-post]]</li>
+	{{{ end }}}
+	<li class="d-flex gap-2 px-3">
+		{{{ each postSharing }}}
+		<a class="dropdown-item rounded-1 d-flex align-items-center px-1 py-2 w-auto" role="menuitem" component="share/{./id}" href="#" title="{./name}"><i class="fa-fw text-secondary {./class}"></i></a>
+		{{{ end }}}
+	</li>
+{{{ end }}}
+
+{{{ if posts.display_flag_tools }}}
+<li class="dropdown-divider"></li>
+
+<li {{{ if posts.flags.flagged }}}hidden{{{ end }}}>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/flag" role="menuitem" href="#"><i class="fa fa-fw text-secondary fa-flag"></i> [[topic:flag-post]]</a>
+</li>
+<li {{{ if !posts.flags.flagged }}}hidden{{{ end }}} class="disabled text-secondary">
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/already-flagged" role="menuitem" href="#" data-flag-id="{posts.flagId}"><i class="fa fa-fw text-secondary fa-flag"></i> [[topic:already-flagged]]</a>
+</li>
+
+{{{ if (!posts.selfPost && posts.uid) }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/flagUser" role="menuitem" href="#"><i class="fa fa-fw text-secondary fa-flag"></i> [[topic:flag-user]]</a>
+</li>
+{{{ end }}}
+{{{ end }}}
+
+{{{ if posts.display_moderator_tools }}}
+{{{ if posts.flags.exists }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/flags/{posts.flags.flagId}"><i class="fa fa-fw text-secondary fa-exclamation-circle"></i> [[topic:view-flag-report]]</a>
+</li>
+{{{ if (posts.flags.state == "open") }}}
+<li>
+	<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="post/flagResolve" data-flagId="{posts.flags.flagId}" role="menuitem" href="#"><i class="fa fa-fw text-secondary fa-check"></i> [[topic:resolve-flag]]</a>
+</li>
+{{{ end }}}
+{{{ end }}}
+{{{ end }}}

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

@@ -1,4 +1,4 @@
-<span component="post/tools" class="dropdown bottom-sheet {{{ if !./display_post_menu }}}hidden{{{ end }}}">
-	<a class="btn btn-ghost btn-sm ff-secondary dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[topic:post-tools]]"><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"></ul>
-</span>
+<span component="post/tools" class="dropdown bottom-sheet {{{ if !./display_post_menu }}}hidden{{{ end }}}">
+	<a class="btn btn-ghost btn-sm ff-secondary dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[topic:post-tools]]"><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"></ul>
+</span>

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

@@ -1,15 +1,15 @@
-<div class="d-flex align-items-start gap-3">
-	<div class="icon py-1 bg-body d-none d-sm-block">
-		<div class="placeholder bg-secondary rounded-circle" style="width: 48px; height: 48px;"></div>
-	</div>
-
-	<div class="d-flex flex-grow-1 flex-column placeholder-wave">
-		<div class="d-flex align-items-center gap-1 flex-wrap w-100 post-header mt-1">
-			<div class="placeholder bg-secondary rounded-1 col-2">&nbsp;</div>
-		</div>
-
-		<div class="content mt-2 placeholder bg-secondary rounded-1 col-5" component="post/content" itemprop="text">
-			<p>&nbsp;</p>
-		</div>
-	</div>
+<div class="d-flex align-items-start gap-3">
+	<div class="icon py-1 bg-body d-none d-sm-block">
+		<div class="placeholder bg-secondary rounded-circle" style="width: 48px; height: 48px;"></div>
+	</div>
+
+	<div class="d-flex flex-grow-1 flex-column placeholder-wave">
+		<div class="d-flex align-items-center gap-1 flex-wrap w-100 post-header mt-1">
+			<div class="placeholder bg-secondary rounded-1 col-2">&nbsp;</div>
+		</div>
+
+		<div class="content mt-2 placeholder bg-secondary rounded-1 col-5" component="post/content" itemprop="text">
+			<p>&nbsp;</p>
+		</div>
+	</div>
 </div>