nodebb-theme-harmony 2.2.72 → 3.0.0-beta.2

package/templates/groups/list.tpl

@@ -1,58 +0,0 @@
-<div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
-</div>
-<div class="groups list flex-fill">
-	<h3 class="fw-semibold">[[pages:groups]]</h3>
-	<div class="d-flex flex-wrap justify-content-between">
-		<div class="mb-2 mb-md-0">
-			<div class="text-sm d-flex flex-wrap align-items-center gap-2">
-				[[topic:sort-by]]
-				<div class="d-flex flex-wrap gap-2">
-					<a href="?sort=alpha" class="btn btn-ghost btn-sm ff-secondary fw-semibold text-nowrap {{{ if (sort == "alpha") }}}active{{{ end }}}">[[groups:details.group-name]]</a>
-					<a href="?sort=count" class="btn btn-ghost btn-sm ff-secondary fw-semibold text-nowrap {{{ if (sort == "count") }}}active{{{ end }}}">[[groups:details.member-count]]</a>
-					<a href="?sort=date" class="btn btn-ghost btn-sm ff-secondary fw-semibold text-nowrap {{{ if (sort == "date") }}}active{{{ end }}}">[[groups:details.creation-date]]</a>
-				</div>
-			</div>
-		</div>
-		<div>
-			<div class="d-flex justify-content-end gap-2">
-				<div>
-					{{{ if allowGroupCreation }}}
-					<button class="btn btn-primary btn-sm text-nowrap" data-action="new"><i class="fa fa-users"></i> [[groups:new-group]]</button>
-					{{{ end }}}
-					<select class="form-select hidden" id="search-sort">
-						<option value="alpha">[[groups:details.group-name]]</option>
-						<option value="count">[[groups:details.member-count]]</option>
-						<option value="date">[[groups:details.creation-date]]</option>
-					</select>
-				</div>
-				<div>
-					<div class="input-group">
-						<input type="text" class="form-control form-control-sm" placeholder="[[global:search]]" name="query" id="search-text">
-						<button id="search-button" class="btn btn-primary btn-sm" aria-label="[[global:search]]">
-							<i class="fa fa-search"></i>
-						</button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-
-	<hr />
-
-	<div component="groups/container" class="row" id="groups-list">
-		{{{ if groups.length }}}
-		<!-- IMPORT partials/groups/list.tpl -->
-		{{{ else }}}
-		<div class="col-12">
-			<div class="alert alert-warning">
-			[[groups:no-groups-found]]
-			</div>
-		</div>
-		{{{ end }}}
-	</div>
-
-	<!-- IMPORT partials/paginator.tpl -->
-</div>

package/templates/groups/members.tpl

@@ -1,10 +0,0 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-<div class="users flex-fill">
-	<div id="users-container" class="users-container row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-4">
-		{{{ each users }}}
-		<!-- IMPORT partials/users/item.tpl -->
-		{{{ end }}}
-	</div>
-
-	<!-- IMPORT partials/paginator.tpl -->
-</div>

package/templates/partials/groups/admin.tpl

@@ -1,90 +0,0 @@
-<div class="options mb-5">
-	<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" rows="5">{group.description}</textarea>
-				</div>
-
-				<div class="form-check mb-3">
-					<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 mb-3">
-					<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 mb-3">
-					<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 mb-3">
-					<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 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>
-			<div class="col-12 col-lg-6">
-				<div class="d-flex gap-2 align-items-center mb-3">
-					<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 d-flex align-items-center gap-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 != "fa-nbb-none")) }}}{group.icon}{{{ else }}}hidden{{{ end }}}"></i><span class="badge-text">{{{ if group.userTitle }}}{group.userTitle}{{{ end }}}</span></span>
-				</div>
-
-
-				<div class="mb-3">
-					<label class="form-label" 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-3 d-flex align-items-center justify-content-between gap-5">
-					<label class="form-label mb-0 text-nowrap" for="labelColor" class="badge-color-label">[[groups:details.change-label-colour]]</label>
-					<input class="form-control p-1" component="groups/userTitleOption" type="color" name="labelColor" id="labelColor" value="{{{ if group.labelColor }}}{group.labelColor}{{{ end }}}" style="width: 128px;" />
-				</div>
-				<div class="d-flex align-items-center justify-content-between gap-5">
-					<label class="form-label mb-0 text-nowrap" for="textColor" class="badge-color-label">[[groups:details.change-text-colour]]</label>
-					<input class="form-control p-1" component="groups/userTitleOption" type="color" name="textColor" id="textColor" value="{{{ if group.textColor }}}{group.textColor}{{{ end }}}" style="width: 128px;"/>
-				</div>
-			</div>
-		</div>
-
-	</form>
-</div>

package/templates/partials/groups/badge.tpl

@@ -1 +0,0 @@
-<a href="{config.relative_path}/groups/{./slug}" class="badge rounded-1 text-uppercase text-truncate text-decoration-none d-flex align-items-center gap-1" style="max-width: 150px; line-height: normal; color:{./textColor};background-color: {./labelColor};"><i class="fa {{{ if (./icon && (./icon != "fa-nbb-none")) }}}{./icon}{{{else}}}hidden{{{ end }}}"></i><span class="badge-text">{{{ if ./userTitle }}}{./userTitle}{{{ end }}}</span></a>

package/templates/partials/groups/invited.tpl

@@ -1,33 +0,0 @@
-<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,17 +0,0 @@
-{{{ 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 p-1">
-		<a href="{config.relative_path}/groups/{./slug}" class="card-header border-0 rounded-1 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, {txEscape(./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-2  h-100 pb-2">
-				<div class="d-flex">
-					<div class="flex-grow-1 fs-6 fw-semibold text-capitalize">{generateGroupDisplayName(@value)}</div>
-					<div class="align-self-start flex-shrink-0 badge border border-gray-300 fw-normal text-body"><i class="text-secondary fa-solid fa-users"></i> {formattedNumber(./memberCount)}</div>
-				</div>
-				<div class="text-sm line-clamp-3">{./description}</div>
-				<span class="timeago text-xs text-secondary mt-auto" title="{./createtimeISO}"></span>
-			</div>
-		</a>
-	</div>
-</div>
-{{{ end }}}

package/templates/partials/groups/memberlist.tpl

@@ -1,47 +0,0 @@
-<div class="d-flex {{{ if group.isOwner }}}justify-content-between{{{ else }}}justify-content-end{{{ end }}} mb-3">
-	{{{ if isAdmin }}}
-	<div class="flex-shrink-0">
-		<button component="groups/members/add" type="button" class="btn btn-primary btn-sm me-3" title="[[groups:details.add-member]]"><i class="fa fa-user-plus"></i> [[groups:details.add-member]]</button>
-	</div>
-	{{{ end }}}
-	<div>
-		<div class="input-group">
-			<input class="form-control form-control-sm" type="text" component="groups/members/search" placeholder="[[global:search]]"/>
-			<button class="btn btn-primary btn-sm search-button" type="button">
-				<i class="fa fa-search"></i>
-			</button>
-		</div>
-	</div>
-</div>
-
-<div component="groups/members" data-nextstart="{group.membersNextStart}" class="mb-5" style="max-height: 500px; overflow: auto;">
-	<table class="table table-hover">
-		<tbody>
-			{{{each group.members}}}
-			<tr class="w-100" data-uid="{group.members.uid}" data-isowner="{{{ if group.members.isOwner }}}1{{{ else }}}0{{{ end }}}">
-				<td class="member-name p-2 w-100 ">
-					<div class="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.members.userslug}">{buildAvatar(group.members, "24px", true)}</a>
-							<a class="align-text-top" href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a>
-							<i component="groups/owner/icon" title="[[groups:owner]]" class="user-owner-icon fa fa-star align-text-top text-warning {{{ if !group.members.isOwner }}}invisible{{{ end }}}"></i>
-						</div>
-
-						{{{ if group.isOwner }}}
-						<div class="owner-controls d-flex gap-1">
-							<a class="btn btn-light btn-sm" href="#" data-action="toggleOwnership" title="[[groups:details.grant]]">
-								<i class="fa fa-star text-warning"></i>
-							</a>
-
-							<a class="btn btn-light btn-sm" href="#" data-action="kick" title="[[groups:details.kick]]">
-								<i class="fa fa-ban text-danger"></i>
-							</a>
-						</div>
-						{{{ end }}}
-					</div>
-				</td>
-			</tr>
-			{{{end}}}
-		</tbody>
-	</table>
-</div>

package/templates/partials/groups/pending.tpl

@@ -1,29 +0,0 @@
-{{{ if group.pending.length }}}
-<div class="d-flex justify-content-end gap-2 mb-3">
-	<button class="btn btn-danger btn-sm" data-action="rejectAll">[[groups:pending.reject-all]]</button>
-	<button class="btn btn-success btn-sm" data-action="acceptAll">[[groups:pending.accept-all]]</button>
-
-</div>
-{{{ end }}}
-
-<div style="max-height: 500px;overflow: auto;">
-	<div component="groups/pending/alert" class="alert alert-info {{{ if group.pending.length }}}hidden{{{ end }}}">[[groups:pending.none]]</div>
-	<table component="groups/pending" class="table table-hover">
-		<tbody>
-			{{{ each group.pending }}}
-			<tr data-uid="{group.pending.uid}" class="align-middle">
-				<td class="member-name p-2 d-flex align-items-center justify-content-between">
-					<div class="d-flex gap-2">
-						<a class="text-decoration-none" href="{config.relative_path}/user/{group.pending.userslug}">{buildAvatar(group.pending, "24px", true)}</a>
-						<a href="{config.relative_path}/user/{group.pending.userslug}">{group.pending.username}</a>
-					</div>
-					<div class="d-flex gap-2">
-						<button class="btn btn-danger btn-sm" data-action="reject">[[groups:pending.reject]]</a></li>
-						<button class="btn btn-success btn-sm" data-action="accept">[[groups:pending.accept]]</a></li>
-					</div>
-				</td>
-			</tr>
-			{{{ end }}}
-		</tbody>
-	</table>
-</div>

package/templates/partials/groups/sidebar-left.tpl

@@ -1,27 +0,0 @@
-<div class="flex-shrink-0 pe-2 border-end-md text-sm mb-3 flex-basis-md-200">
-	<div class="nav sticky-md-top d-flex flex-row flex-md-column flex-wrap gap-1" style="top: 1rem; z-index: 1;">
-		<button data-bs-toggle="tab" data-bs-target="#groups-posts" class="btn btn-ghost btn-sm text-start d-flex align-items-baseline ff-secondary fw-semibold {{{ if template.groups/details }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[global:posts]]</div>
-		</button>
-		<button data-bs-toggle="tab" data-bs-target="#groups-members" class="btn btn-ghost btn-sm text-start d-flex align-items-baseline ff-secondary fw-semibold gap-2">
-			<div class="flex-grow-1">[[groups:members]]</div>
-			<span component="group/member/count" class="flex-shrink-0 text-xs lh-1" title="{formattedNumber(group.memberCount)}">{humanReadableNumber(group.memberCount)}</span>
-		</button>
-
-		{{{ if group.isOwner }}}
-		<button data-bs-toggle="tab" data-bs-target="#groups-pending" class="btn btn-ghost btn-sm text-start d-flex align-items-baseline ff-secondary fw-semibold gap-2">
-			<div class="flex-grow-1">[[groups:details.pending]]</div>
-			<span component="group/pending/count" class="flex-shrink-0 text-xs lh-1" title="{formattedNumber(group.pending.length)}">{humanReadableNumber(group.pending.length)}</span>
-		</button>
-
-		<button data-bs-toggle="tab" data-bs-target="#groups-invited" class="btn btn-ghost btn-sm text-start d-flex align-items-baseline ff-secondary fw-semibold gap-2">
-			<div class="flex-grow-1">[[groups:details.invited]]</div>
-			<span component="group/invited/count" class="flex-shrink-0 text-xs lh-1" title="{formattedNumber(group.invited.length)}">{humanReadableNumber(group.invited.length)}</span>
-		</button>
-
-		<button data-bs-toggle="tab" data-bs-target="#groups-admin" class="btn btn-ghost btn-sm text-start d-flex align-items-baseline ff-secondary fw-semibold">
-			<div class="flex-grow-1">[[global:header.admin]]</div>
-		</button>
-		{{{ end }}}
-	</div>
-</div>

package/templates/partials/toast.tpl

@@ -1,19 +0,0 @@
-<div id="{alert_id}" role="alert" class="alert alert-dismissible alert-{type} fade show" component="toaster/toast">
-	<div class="alert-progress position-absolute top-0 start-0 bottom-0 h-100 z-0" style=" opacity:0.1;"></div>
-	<div class="d-flex flex-wrap gap-2 position-relative">
-		{{{ if image }}}
-		<img src="{image}" height="80" style="width: auto;" />
-		{{{ end }}}
-		<div class="d-flex flex-column gap-2">
-			{{{ if title }}}
-			<strong>{title}</strong>
-			{{{ end }}}
-
-			{{{ if message }}}
-			<p class="m-0">{message}</p>
-			{{{ end }}}
-		</div>
-	</div>
-
-	<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="close"></button>
-</div>