nodebb-theme-harmony 2.0.1 → 2.0.2

package/templates/partials/categories/item.tpl

@@ -1,56 +1,56 @@
-<li component="categories/category" data-cid="{./cid}" class="w-100 border-bottom py-3 py-lg-4 gap-lg-0 gap-2 d-flex flex-column flex-lg-row align-items-start category-{./cid} {./unread-class}">
-	<meta itemprop="name" content="{./name}">
-
-	<div class="d-flex col-lg-7 gap-2 gap-lg-3">
-		<div class="flex-shrink-0">
-		{buildCategoryIcon(@value, "40px", "rounded-1")}
-		</div>
-		<div class="flex-grow-1 d-flex flex-wrap gap-1 me-0 me-lg-2">
-			<h2 class="title text-break fs-4 fw-semibold m-0 tracking-tight w-100">
-				<!-- IMPORT partials/categories/link.tpl -->
-			</h2>
-			{{{ if ./descriptionParsed }}}
-			<div class="description text-muted text-sm w-100">
-				{./descriptionParsed}
-			</div>
-			{{{ end }}}
-			{{{ if !config.hideSubCategories }}}
-			{{{ if ./children.length }}}
-			<ul class="list-unstyled category-children row row-cols-1 row-cols-md-2 g-2 my-1 w-100">
-				{{{ each ./children }}}
-				{{{ if !./isSection }}}
-				<li class="category-children-item small">
-					<div class="d-flex gap-1">
-						<i class="fa fa-fw fa-caret-right text-primary" style="line-height: var(--bs-body-line-height);"></i>
-						<a href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" class="text-reset fw-semibold">{./name}</a>
-					</div>
-				</li>
-				{{{ end }}}
-				{{{ end }}}
-			</ul>
-			{{{ end }}}
-			{{{ end }}}
-		</div>
-	</div>
-	{{{ if !./link }}}
-	<div class="d-flex col-lg-5 col-12 align-content-stretch">
-		<div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr;">
-			<div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
-				<span class="fs-5 ff-secondary lh-1" title="{./totalTopicCount}">{humanReadableNumber(./totalTopicCount, 0)}</span>
-				<span class="d-none d-xl-flex text-lowercase text-xs">[[global:topics]]</span>
-				<i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-list"></i>
-			</div>
-			<div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
-				<span class="fs-5 ff-secondary lh-1" title="{./totalPostCount}">{humanReadableNumber(./totalPostCount, 0)}</span>
-				<span class="d-none d-xl-flex text-lowercase text-xs">[[global:posts]]</span>
-				<i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-message"></i>
-			</div>
-		</div>
-		{{{ if !config.hideCategoryLastPost }}}
-		<div component="topic/teaser" class="teaser col-lg-6 col-12 {{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
-			<!-- IMPORT partials/categories/lastpost.tpl -->
-		</div>
-		{{{ end }}}
-	</div>
-	{{{ end }}}
-</li>
+<li component="categories/category" data-cid="{./cid}" class="w-100 border-bottom py-3 py-lg-4 gap-lg-0 gap-2 d-flex flex-column flex-lg-row align-items-start category-{./cid} {./unread-class}">
+	<meta itemprop="name" content="{./name}">
+
+	<div class="d-flex col-lg-7 gap-2 gap-lg-3">
+		<div class="flex-shrink-0">
+		{buildCategoryIcon(@value, "40px", "rounded-1")}
+		</div>
+		<div class="flex-grow-1 d-flex flex-wrap gap-1 me-0 me-lg-2">
+			<h2 class="title text-break fs-4 fw-semibold m-0 tracking-tight w-100">
+				<!-- IMPORT partials/categories/link.tpl -->
+			</h2>
+			{{{ if ./descriptionParsed }}}
+			<div class="description text-muted text-sm w-100">
+				{./descriptionParsed}
+			</div>
+			{{{ end }}}
+			{{{ if !config.hideSubCategories }}}
+			{{{ if ./children.length }}}
+			<ul class="list-unstyled category-children row row-cols-1 row-cols-md-2 g-2 my-1 w-100">
+				{{{ each ./children }}}
+				{{{ if !./isSection }}}
+				<li class="category-children-item small">
+					<div class="d-flex gap-1">
+						<i class="fa fa-fw fa-caret-right text-primary" style="line-height: var(--bs-body-line-height);"></i>
+						<a href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" class="text-reset fw-semibold">{./name}</a>
+					</div>
+				</li>
+				{{{ end }}}
+				{{{ end }}}
+			</ul>
+			{{{ end }}}
+			{{{ end }}}
+		</div>
+	</div>
+	{{{ if !./link }}}
+	<div class="d-flex col-lg-5 col-12 align-content-stretch">
+		<div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr;">
+			<div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
+				<span class="fs-5 ff-secondary lh-1" title="{./totalTopicCount}">{humanReadableNumber(./totalTopicCount, 0)}</span>
+				<span class="d-none d-xl-flex text-lowercase text-xs">[[global:topics]]</span>
+				<i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-list"></i>
+			</div>
+			<div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
+				<span class="fs-5 ff-secondary lh-1" title="{./totalPostCount}">{humanReadableNumber(./totalPostCount, 0)}</span>
+				<span class="d-none d-xl-flex text-lowercase text-xs">[[global:posts]]</span>
+				<i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-message"></i>
+			</div>
+		</div>
+		{{{ if !config.hideCategoryLastPost }}}
+		<div component="topic/teaser" class="teaser col-lg-6 col-12 {{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
+			<!-- IMPORT partials/categories/lastpost.tpl -->
+		</div>
+		{{{ end }}}
+	</div>
+	{{{ end }}}
+</li>

package/templates/partials/categories/lastpost.tpl

@@ -1,24 +1,24 @@
-<div class="lastpost border-start border-2 lh-sm h-100" style="border-color: {./bgColor}!important;">
-	{{{ each ./posts }}}
-	{{{ if @first }}}
-	<div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
-		<div class="text-nowrap text-truncate">
-			<a class="text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true)}</a>
-			<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="[[global:lastpost]]"></a>
-		</div>
-		<div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
-			<a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="[[global:lastpost]]"></a>
-			{./content}
-		</div>
-	</div>
-	{{{ end }}}
-	{{{ end }}}
-
-	{{{ if !./posts.length }}}
-	<div component="category/posts" class="ps-2">
-		<div class="post-content overflow-hidden text-xs">
-			[[category:no-new-posts]]
-		</div>
-	</div>
-	{{{ end }}}
-</div>
+<div class="lastpost border-start border-2 lh-sm h-100" style="border-color: {./bgColor}!important;">
+	{{{ each ./posts }}}
+	{{{ if @first }}}
+	<div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
+		<div class="text-nowrap text-truncate">
+			<a class="text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true)}</a>
+			<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="[[global:lastpost]]"></a>
+		</div>
+		<div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
+			<a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="[[global:lastpost]]"></a>
+			{./content}
+		</div>
+	</div>
+	{{{ end }}}
+	{{{ end }}}
+
+	{{{ if !./posts.length }}}
+	<div component="category/posts" class="ps-2">
+		<div class="post-content overflow-hidden text-xs">
+			[[category:no-new-posts]]
+		</div>
+	</div>
+	{{{ end }}}
+</div>

package/templates/partials/categories/link.tpl

@@ -1,5 +1,5 @@
-{{{ if ./isSection }}}
-{./name}
-{{{ else }}}
-<a class="text-reset" href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" itemprop="url">{../name}</a>
+{{{ if ./isSection }}}
+{./name}
+{{{ else }}}
+<a class="text-reset" href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" itemprop="url">{../name}</a>
 {{{ end }}}

package/templates/partials/category/subcategory.tpl

@@ -1,19 +1,19 @@
-{{{ if children.length }}}
-<div class="subcategory">
-	{{{ if hasMoreSubCategories }}}
-	<div class="mb-2"><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
-	{{{ else }}}
-	<h3 class="fs-6 fw-semibold">[[category:subcategories]]</h3>
-	{{{ end }}}
-
-	<ul component="category/subcategory/container" class="categories-list list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
-		<li><hr class="text-muted"/></li>
-		{{{each children}}}
-		<!-- IMPORT partials/categories/item.tpl -->
-		{{{end}}}
-	</ul>
-	{{{ if hasMoreSubCategories}}}
-	<button class="btn btn-ghost btn-sm ff-secondary mb-2" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
-	{{{ end }}}
-</div>
+{{{ if children.length }}}
+<div class="subcategory">
+	{{{ if hasMoreSubCategories }}}
+	<div class="mb-2"><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
+	{{{ else }}}
+	<h3 class="fs-6 fw-semibold">[[category:subcategories]]</h3>
+	{{{ end }}}
+
+	<ul component="category/subcategory/container" class="categories-list list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
+		<li><hr class="text-muted"/></li>
+		{{{each children}}}
+		<!-- IMPORT partials/categories/item.tpl -->
+		{{{end}}}
+	</ul>
+	{{{ if hasMoreSubCategories}}}
+	<button class="btn btn-ghost btn-sm ff-secondary mb-2" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
+	{{{ end }}}
+</div>
 {{{ end }}}

package/templates/partials/category/tags.tpl

@@ -1,3 +1,3 @@
-{{{ each tags }}}
-<a href="{config.relative_path}/tags/{./valueEncoded}"><span class="badge border border-gray-300 fw-normal tag tag-class-{./class}" data-tag="{./value}">{./valueEscaped}</span></a>
-{{{ end }}}
+{{{ each tags }}}
+<a href="{config.relative_path}/tags/{./valueEncoded}"><span class="badge border border-gray-300 fw-normal tag tag-class-{./class}" data-tag="{./value}">{./valueEscaped}</span></a>
+{{{ end }}}

package/templates/partials/cookie-consent.tpl

@@ -1,6 +1,6 @@
-<div class="position-fixed bottom-0 w-100 px-3 px-md-0 pb-5 mb-5 pb-lg-0 mb-lg-0" style="z-index: 2;">
-    <div class="cookie-consent d-flex flex-column flex-lg-row gap-2 text-bg-info col-12 col-sm-8 col-lg-6 p-3 mx-auto rounded mb-5 mb-md-3 justify-content-between align-items-center">
-        <span>{message} <a class="fw-bold" target="_blank" rel="noopener" href="{link_url}">{link}</a></span>
-        <button class="btn btn-primary text-nowrap">{dismiss}</button>
-    </div>
-</div>
+<div class="position-fixed bottom-0 w-100 px-3 px-md-0 pb-5 mb-5 pb-lg-0 mb-lg-0" style="z-index: 2;">
+    <div class="cookie-consent d-flex flex-column flex-lg-row gap-2 text-bg-info col-12 col-sm-8 col-lg-6 p-3 mx-auto rounded mb-5 mb-md-3 justify-content-between align-items-center">
+        <span>{message} <a class="fw-bold" target="_blank" rel="noopener" href="{link_url}">{link}</a></span>
+        <button class="btn btn-primary text-nowrap">{dismiss}</button>
+    </div>
+</div>

package/templates/partials/groups/admin.tpl

@@ -1,95 +1,95 @@
-<div class="options">
-	<form component="groups/settings" role="form">
-		<div class="row">
-			<div class="col-12 col-lg-6">
-				<div class="mb-3">
-					<label class="form-label" for="name">[[groups:details.group-name]]</label>
-					<input {{{ if group.system }}}readonly{{{ end }}} class="form-control" name="name" id="name" type="text" value="{group.displayName}" />
-				</div>
-				<div class="mb-3">
-					<label class="form-label" for="description">[[groups:details.description]]</label>
-					<textarea class="form-control" name="description" id="description" type="text" maxlength="255">{group.description}</textarea>
-				</div>
-
-				<div class="form-check">
-					<label class="form-check-label" for="private">[[groups:details.private]]</label>
-					<input class="form-check-input" name="private" id="private" type="checkbox"{{{ if group.private }}} checked{{{ end }}}>
-					{{{ if !allowPrivateGroups }}}
-					<p class="form-text">
-						[[groups:details.private-system-help]]
-					</p>
-					{{{ end }}}
-					<p class="form-text text-xs m-0">
-						[[groups:details.private-help]]
-					</p>
-				</div>
-				<div class="form-check">
-					<label class="form-check-label" for="hidden">[[groups:details.hidden]]</label>
-					<input class="form-check-input" name="hidden" id="hidden" type="checkbox"{{{ if group.hidden }}} checked{{{ end }}}>
-					<p class="form-text text-xs m-0">
-						[[groups:details.hidden-help]]
-					</p>
-				</div>
-
-				<div class="form-check">
-					<label class="form-check-label" for="disableJoinRequests">[[groups:details.disableJoinRequests]]</label>
-					<input class="form-check-input" name="disableJoinRequests" id="disableJoinRequests" type="checkbox"{{{ if group.disableJoinRequests }}} checked{{{ end }}}>
-				</div>
-				<div class="form-check">
-					<label class="form-check-label" for="disableLeave">[[groups:details.disableLeave]]</label>
-					<input class="form-check-input" name="disableLeave" id="disableLeave" type="checkbox"{{{if group.disableLeave}}} checked{{{end}}}>
-				</div>
-			</div>
-			<div class="col-12 col-lg-6">
-				<div class="d-flex gap-2 align-items-center">
-					<div class="form-check">
-						<label class="form-check-label" for="userTitleEnabled">[[groups:details.userTitleEnabled]]</label>
-						<input class="form-check-input" name="userTitleEnabled" id="userTitleEnabled" type="checkbox"{{{ if group.userTitleEnabled }}} checked{{{ end }}}>
-					</div>
-					<span class="badge rounded-1 text-uppercase text-truncate rounded-1 {{{ if !group.userTitleEnabled }}} hide{{{ end }}}" style="max-width:150px; color: {group.textColor}; background-color: {group.labelColor}"><i class="fa {{{ if group.icon }}} {group.icon}{{{ if group.userTitle}}} me-1{{{ end }}}{{{ end }}}"></i><span class="badge-text">{{{ if group.userTitle }}}{group.userTitle}{{{ end }}}</span></span>
-				</div>
-
-
-				<div class="mb-2">
-					<label class="form-label text-xs text-muted" for="userTitle">[[groups:details.badge-text]]</label>
-					<div class="d-flex gap-1">
-						<input component="groups/userTitleOption" class="form-control" name="userTitle" id="userTitle" type="text" maxlength="40" value="{group.userTitleEscaped}"{{{ if !group.userTitleEnabled }}} disabled{{{ end }}} />
-						<button component="groups/userTitleOption" type="button" class="btn btn-outline-secondary text-nowrap" data-action="icon-select"{{{ if !group.userTitleEnabled }}} disabled{{{ end }}}>[[groups:details.change-icon]]</button>
-						<input type="hidden" name="icon" value="{{{ if group.icon }}}{group.icon}{{{ end }}}" />
-						<div id="icons" class="hidden">
-							<div class="icon-container">
-								<div class="row nbb-fa-icons">
-									<!-- IMPORT partials/fontawesome.tpl -->
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="mb-2">
-					<label class="form-label text-xs text-muted" for="labelColor" class="badge-color-label">[[groups:details.change-label-colour]]</label>
-					<input class="form-control" component="groups/userTitleOption" type="color" name="labelColor" id="labelColor" value="{{{ if group.labelColor }}}{group.labelColor}{{{ end }}}" />
-				</div>
-				<div class="mb-2">
-					<label class="form-label text-xs text-muted" for="textColor" class="badge-color-label">[[groups:details.change-text-colour]]</label>
-					<input class="form-control" component="groups/userTitleOption" type="color" name="textColor" id="textColor" value="{{{ if group.textColor }}}{group.textColor}{{{ end }}}" />
-				</div>
-			</div>
-		</div>
-
-		<hr />
-
-		<div class="mb-3">
-			<label class="form-label" for="memberPostCids">[[groups:details.member-post-cids]]</label>
-			<div class="d-flex gap-1">
-				<div class="member-post-cids-selector">
-					<!-- IMPORT partials/category/selector-dropdown-left.tpl -->
-				</div>
-				<input id="memberPostCids" type="text" class="form-control form-control-sm" value="{group.memberPostCids}">
-			</div>
-		</div>
-		<div class="d-flex justify-content-end gap-2">
-			<button class="btn btn-link text-danger" type="button" data-action="delete">[[groups:details.delete-group]]</button>
-			<button class="btn btn-primary" type="button" data-action="update">[[global:save-changes]]</button>
-		</div>
-	</form>
-</div>
+<div class="options">
+	<form component="groups/settings" role="form">
+		<div class="row">
+			<div class="col-12 col-lg-6">
+				<div class="mb-3">
+					<label class="form-label" for="name">[[groups:details.group-name]]</label>
+					<input {{{ if group.system }}}readonly{{{ end }}} class="form-control" name="name" id="name" type="text" value="{group.displayName}" />
+				</div>
+				<div class="mb-3">
+					<label class="form-label" for="description">[[groups:details.description]]</label>
+					<textarea class="form-control" name="description" id="description" type="text" maxlength="255">{group.description}</textarea>
+				</div>
+
+				<div class="form-check">
+					<label class="form-check-label" for="private">[[groups:details.private]]</label>
+					<input class="form-check-input" name="private" id="private" type="checkbox"{{{ if group.private }}} checked{{{ end }}}>
+					{{{ if !allowPrivateGroups }}}
+					<p class="form-text">
+						[[groups:details.private-system-help]]
+					</p>
+					{{{ end }}}
+					<p class="form-text text-xs m-0">
+						[[groups:details.private-help]]
+					</p>
+				</div>
+				<div class="form-check">
+					<label class="form-check-label" for="hidden">[[groups:details.hidden]]</label>
+					<input class="form-check-input" name="hidden" id="hidden" type="checkbox"{{{ if group.hidden }}} checked{{{ end }}}>
+					<p class="form-text text-xs m-0">
+						[[groups:details.hidden-help]]
+					</p>
+				</div>
+
+				<div class="form-check">
+					<label class="form-check-label" for="disableJoinRequests">[[groups:details.disableJoinRequests]]</label>
+					<input class="form-check-input" name="disableJoinRequests" id="disableJoinRequests" type="checkbox"{{{ if group.disableJoinRequests }}} checked{{{ end }}}>
+				</div>
+				<div class="form-check">
+					<label class="form-check-label" for="disableLeave">[[groups:details.disableLeave]]</label>
+					<input class="form-check-input" name="disableLeave" id="disableLeave" type="checkbox"{{{if group.disableLeave}}} checked{{{end}}}>
+				</div>
+			</div>
+			<div class="col-12 col-lg-6">
+				<div class="d-flex gap-2 align-items-center">
+					<div class="form-check">
+						<label class="form-check-label" for="userTitleEnabled">[[groups:details.userTitleEnabled]]</label>
+						<input class="form-check-input" name="userTitleEnabled" id="userTitleEnabled" type="checkbox"{{{ if group.userTitleEnabled }}} checked{{{ end }}}>
+					</div>
+					<span class="badge rounded-1 text-uppercase text-truncate rounded-1 {{{ if !group.userTitleEnabled }}} hide{{{ end }}}" style="max-width:150px; color: {group.textColor}; background-color: {group.labelColor}"><i class="fa {{{ if group.icon }}} {group.icon}{{{ if group.userTitle}}} me-1{{{ end }}}{{{ end }}}"></i><span class="badge-text">{{{ if group.userTitle }}}{group.userTitle}{{{ end }}}</span></span>
+				</div>
+
+
+				<div class="mb-2">
+					<label class="form-label text-xs text-muted" for="userTitle">[[groups:details.badge-text]]</label>
+					<div class="d-flex gap-1">
+						<input component="groups/userTitleOption" class="form-control" name="userTitle" id="userTitle" type="text" maxlength="40" value="{group.userTitleEscaped}"{{{ if !group.userTitleEnabled }}} disabled{{{ end }}} />
+						<button component="groups/userTitleOption" type="button" class="btn btn-outline-secondary text-nowrap" data-action="icon-select"{{{ if !group.userTitleEnabled }}} disabled{{{ end }}}>[[groups:details.change-icon]]</button>
+						<input type="hidden" name="icon" value="{{{ if group.icon }}}{group.icon}{{{ end }}}" />
+						<div id="icons" class="hidden">
+							<div class="icon-container">
+								<div class="row nbb-fa-icons">
+									<!-- IMPORT partials/fontawesome.tpl -->
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="mb-2">
+					<label class="form-label text-xs text-muted" for="labelColor" class="badge-color-label">[[groups:details.change-label-colour]]</label>
+					<input class="form-control" component="groups/userTitleOption" type="color" name="labelColor" id="labelColor" value="{{{ if group.labelColor }}}{group.labelColor}{{{ end }}}" />
+				</div>
+				<div class="mb-2">
+					<label class="form-label text-xs text-muted" for="textColor" class="badge-color-label">[[groups:details.change-text-colour]]</label>
+					<input class="form-control" component="groups/userTitleOption" type="color" name="textColor" id="textColor" value="{{{ if group.textColor }}}{group.textColor}{{{ end }}}" />
+				</div>
+			</div>
+		</div>
+
+		<hr />
+
+		<div class="mb-3">
+			<label class="form-label" for="memberPostCids">[[groups:details.member-post-cids]]</label>
+			<div class="d-flex gap-1">
+				<div class="member-post-cids-selector">
+					<!-- IMPORT partials/category/selector-dropdown-left.tpl -->
+				</div>
+				<input id="memberPostCids" type="text" class="form-control form-control-sm" value="{group.memberPostCids}">
+			</div>
+		</div>
+		<div class="d-flex justify-content-end gap-2">
+			<button class="btn btn-link text-danger" type="button" data-action="delete">[[groups:details.delete-group]]</button>
+			<button class="btn btn-primary" type="button" data-action="update">[[global:save-changes]]</button>
+		</div>
+	</form>
+</div>

package/templates/partials/groups/invited.tpl

@@ -1,33 +1,33 @@
-<label class="text-xs text-muted">[[groups:invited.search]]</label>
-<div class="input-group mb-2">
-	<input class="form-control" type="text" component="groups/members/invite"/>
-	<span class="input-group-text search-button"><i class="fa fa-search"></i></span>
-</div>
-
-<div class="mb-2">
-	<label class="text-xs text-muted">[[groups:bulk-invite-instructions]]</label>
-	<textarea class="form-control" component="groups/members/bulk-invite"></textarea>
-</div>
-
-<div class="mb-2 clearfix">
-	<button type="button" class="btn btn-primary btn-sm float-end" component="groups/members/bulk-invite-button">[[groups:bulk-invite]]</button>
-</div>
-
-<div style="max-height: 500px; overflow: auto;">
-	<div component="groups/invited/alert" class="alert alert-info {{{ if group.invited.length }}}hidden{{{ end }}}">[[groups:invited.none]]</div>
-	<table component="groups/invited" class="table table-hover">
-		<tbody>
-			{{{ each group.invited }}}
-			<tr data-uid="{group.invited.uid}" class="align-middle">
-				<td class="member-name p-2 d-flex align-items-center justify-content-between">
-					<div class="d-flex align-items-center gap-2">
-						<a class="text-decoration-none" href="{config.relative_path}/user/{group.invited.userslug}">{buildAvatar(group.invited, "24px", true)}</a>
-						<a href="{config.relative_path}/user/{group.invited.userslug}">{group.invited.username}</a>
-					</div>
-					<button class="btn btn-outline-secondary btn-sm text-nowrap" data-action="rescindInvite">[[groups:invited.uninvite]]</button>
-				</td>
-			</tr>
-			{{{ end }}}
-		</tbody>
-	</table>
+<label class="text-xs text-muted">[[groups:invited.search]]</label>
+<div class="input-group mb-2">
+	<input class="form-control" type="text" component="groups/members/invite"/>
+	<span class="input-group-text search-button"><i class="fa fa-search"></i></span>
+</div>
+
+<div class="mb-2">
+	<label class="text-xs text-muted">[[groups:bulk-invite-instructions]]</label>
+	<textarea class="form-control" component="groups/members/bulk-invite"></textarea>
+</div>
+
+<div class="mb-2 clearfix">
+	<button type="button" class="btn btn-primary btn-sm float-end" component="groups/members/bulk-invite-button">[[groups:bulk-invite]]</button>
+</div>
+
+<div style="max-height: 500px; overflow: auto;">
+	<div component="groups/invited/alert" class="alert alert-info {{{ if group.invited.length }}}hidden{{{ end }}}">[[groups:invited.none]]</div>
+	<table component="groups/invited" class="table table-hover">
+		<tbody>
+			{{{ each group.invited }}}
+			<tr data-uid="{group.invited.uid}" class="align-middle">
+				<td class="member-name p-2 d-flex align-items-center justify-content-between">
+					<div class="d-flex align-items-center gap-2">
+						<a class="text-decoration-none" href="{config.relative_path}/user/{group.invited.userslug}">{buildAvatar(group.invited, "24px", true)}</a>
+						<a href="{config.relative_path}/user/{group.invited.userslug}">{group.invited.username}</a>
+					</div>
+					<button class="btn btn-outline-secondary btn-sm text-nowrap" data-action="rescindInvite">[[groups:invited.uninvite]]</button>
+				</td>
+			</tr>
+			{{{ end }}}
+		</tbody>
+	</table>
 </div>

package/templates/partials/groups/list.tpl

@@ -1,16 +1,16 @@
-{{{ each groups }}}
-<div class="col-xl-4 col-lg-6 col-sm-12 mb-3" component="groups/summary" data-slug="{./slug}">
-	<div class="card h-100 group-hover-bg border-0">
-		<a href="{config.relative_path}/groups/{./slug}" class="card-header border-bottom-0 pointer d-block list-cover" style="{{{ if ./cover:thumb:url }}}background-image: url({./cover:thumb:url});background-size: cover; min-height: 125px; background-position: {./cover:position}{{{ end }}}" aria-label="[[aria:group-page-link-for, {./displayName}]]"></a>
-		<a href="{config.relative_path}/groups/{./slug}" class="d-block h-100 text-reset text-decoration-none">
-			<div class="card-body d-flex flex-column gap-1 border border-top-0 rounded-bottom h-100">
-				<div class="d-flex">
-					<div class="flex-grow-1 fs-6 fw-semibold">{./displayName}</div>
-					<div class="flex-shrink-0 text-sm"><i class="text-muted fa-solid fa-user"></i> {formattedNumber(./memberCount)}</div>
-				</div>
-				<div class="text-sm">{./description}</div>
-			</div>
-		</a>
-	</div>
-</div>
+{{{ each groups }}}
+<div class="col-xl-4 col-lg-6 col-sm-12 mb-3" component="groups/summary" data-slug="{./slug}">
+	<div class="card h-100 group-hover-bg border-0">
+		<a href="{config.relative_path}/groups/{./slug}" class="card-header border-bottom-0 pointer d-block list-cover" style="{{{ if ./cover:thumb:url }}}background-image: url({./cover:thumb:url});background-size: cover; min-height: 125px; background-position: {./cover:position}{{{ end }}}" aria-label="[[aria:group-page-link-for, {./displayName}]]"></a>
+		<a href="{config.relative_path}/groups/{./slug}" class="d-block h-100 text-reset text-decoration-none">
+			<div class="card-body d-flex flex-column gap-1 border border-top-0 rounded-bottom h-100">
+				<div class="d-flex">
+					<div class="flex-grow-1 fs-6 fw-semibold">{./displayName}</div>
+					<div class="flex-shrink-0 text-sm"><i class="text-muted fa-solid fa-user"></i> {formattedNumber(./memberCount)}</div>
+				</div>
+				<div class="text-sm">{./description}</div>
+			</div>
+		</a>
+	</div>
+</div>
 {{{ end }}}