nodebb-theme-persona 12.1.6 → 12.1.7

package/templates/partials/delete_posts_modal.tpl

@@ -0,0 +1,19 @@
+<div class="panel panel-primary fork-thread-card">
+	<div class="panel-heading">
+		<h3 class="panel-title">[[topic:thread_tools.delete-posts]]</h3>
+	</div>
+	<div class="panel-body">
+		<p>
+			[[topic:delete_posts_instruction]]<br />
+			<strong><span id="pids"></span></strong>
+		</p>
+	</div>
+	<div class="panel-footer">
+		&nbsp;
+		<div class="btn-group pull-right">
+			<button class="btn btn-link btn-xs" id="delete_posts_cancel">[[global:buttons.close]]</button>
+			<button class="btn btn-primary btn-xs" id="delete_posts_confirm" disabled>[[topic:delete]]</button>
+			<button class="btn btn-danger btn-xs" id="purge_posts_confirm" disabled>[[topic:purge]]</button>
+		</div>
+	</div>
+</div>

package/templates/partials/flags/filters.tpl

@@ -1,38 +1,38 @@
 <div class="text-center">
-	<div class="card mb-3">
-		<div class="card-body collapse" id="flags-daily-wrapper" aria-expanded="false">
+	<div class="panel panel-default">
+		<div class="panel-body collapse" id="flags-daily-wrapper" aria-expanded="false">
 			<div><canvas id="flags:daily" height="150"></canvas></div>
 		</div>
-		<div class="card-footer" data-bs-toggle="collapse" data-bs-target="#flags-daily-wrapper" aria-controls="#flags-daily-wrapper"><small>[[flags:graph-label]]</small>&nbsp;<i class="fa fa-sort"></i></div>
+		<div class="panel-footer" data-toggle="collapse" data-target="#flags-daily-wrapper" aria-controls="#flags-daily-wrapper"><small>[[flags:graph-label]]</small>&nbsp;<i class="fa fa-sort"></i></div>
 	</div>
 </div>
 
-<div class="card mb-3">
-	<div class="card-header">
-		[[flags:quick-filters]]
+<div class="panel panel-default">
+	<div class="panel-heading">
+		<h3 class="panel-title">[[flags:quick-filters]]</h3>
 	</div>
-	<div class="card-body">
+	<div class="panel-body">
 		<ul>
 			<li><a href="{config.relative_path}/flags?quick=mine">[[flags:filter-quick-mine]]</a></li>
 		</ul>
 	</div>
 </div>
 
-<div class="card mb-3">
-	<div class="card-header">
-		[[flags:filters]]
+<div class="panel panel-default">
+	<div class="panel-heading">
+		<h3 class="panel-title">[[flags:filters]]</h3>
 	</div>
-	<div class="card-body">
+	<div class="panel-body">
 		<form role="form" component="flags/filters">
 			<fieldset>
-				<div class="mb-3">
-					<label class="form-label" for="filter-cid">[[flags:filter-cid]]</label>
+				<div class="form-group">
+					<label for="filter-cid">[[flags:filter-cid]]</label>
 					<div class="input-group">
 					<!-- IMPORT partials/category-filter.tpl -->
 					</div>
 				</div>
-				<div class="mb-3">
-					<label class="form-label" for="sort">[[flags:sort]]</label>
+				<div class="form-group">
+					<label for="sort">[[flags:sort]]</label>
 					<select class="form-control" id="sort" name="sort">
 						<optgroup label="[[flags:sort-all]]">
 							<option value="newest">[[flags:sort-newest]]</option>
@@ -46,8 +46,8 @@
 						</optgroup>
 					</select>
 				</div>
-				<div class="mb-3">
-					<label class="form-label" for="filter-state">[[flags:filter-state]]</label>
+				<div class="form-group">
+					<label for="filter-state">[[flags:filter-state]]</label>
 					<select class="form-control" id="filter-state" name="state">
 						<option value="">[[flags:state-all]]</option>
 						<option value="open">[[flags:state-open]]</option>
@@ -57,8 +57,8 @@
 					</select>
 				</div>
 
-				<div class="mb-3">
-					<label class="form-label" for="filter-type">[[flags:filter-type]]</label>
+				<div class="form-group">
+					<label for="filter-type">[[flags:filter-type]]</label>
 					<select class="form-control" id="filter-type" name="type">
 						<option value="">[[flags:filter-type-all]]</option>
 						<option value="post">[[flags:filter-type-post]]</option>
@@ -67,31 +67,29 @@
 				</div>
 			</fieldset>
 
-			<fieldset class="collapse{{{ if expanded }}} show{{{ end }}}" id="more-filters" aria-expanded="{expanded}">
-				<div class="mb-3">
-					<label class="form-label" for="filter-assignee">[[flags:filter-assignee]]</label>
+			<fieldset class="collapse{{{ if expanded }}} in{{{ end }}}" id="more-filters" aria-expanded="{expanded}">
+				<div class="form-group">
+					<label for="filter-assignee">[[flags:filter-assignee]]</label>
 					<input type="text" class="form-control" id="filter-assignee" name="assignee" />
 				</div>
 
-				<div class="mb-3">
-					<label class="form-label" for="filter-targetUid">[[flags:filter-targetUid]]</label>
+				<div class="form-group">
+					<label for="filter-targetUid">[[flags:filter-targetUid]]</label>
 					<input type="text" class="form-control" id="filter-targetUid" name="targetUid" />
 				</div>
 
-				<div class="mb-3">
-					<label class="form-label" for="filter-reporterId">[[flags:filter-reporterId]]</label>
+				<div class="form-group">
+					<label for="filter-reporterId">[[flags:filter-reporterId]]</label>
 					<input type="text" class="form-control" id="filter-reporterId" name="reporterId" />
 				</div>
 			</fieldset>
 
-			<div class="d-grid gap-2">
-				{{{ if expanded }}}
-				<button type="button" class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#more-filters" aria-controls="#more-filters" data-text-variant="[[flags:more-filters]] ">[[flags:fewer-filters]]&nbsp;<i class="fa fa-sort"></i></button>
-				{{{ else }}}
-				<button type="button" class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#more-filters" aria-controls="#more-filters" data-text-variant="[[flags:fewer-filters]] ">[[flags:more-filters]]&nbsp;<i class="fa fa-sort"></i></button>
-				{{{ end }}}
-				<button type="button" id="apply-filters" class="btn btn-primary">[[flags:apply-filters]]</button>
-			  </div>
+			{{{ if expanded }}}
+			<button type="button" class="btn btn-link btn-block" data-toggle="collapse" data-target="#more-filters" aria-controls="#more-filters" data-text-variant="[[flags:more-filters]] ">[[flags:fewer-filters]]&nbsp;<i class="fa fa-sort"></i></button>
+			{{{ else }}}
+			<button type="button" class="btn btn-link btn-block" data-toggle="collapse" data-target="#more-filters" aria-controls="#more-filters" data-text-variant="[[flags:fewer-filters]] ">[[flags:more-filters]]&nbsp;<i class="fa fa-sort"></i></button>
+			{{{ end }}}
+			<button type="button" id="apply-filters" class="btn btn-primary btn-block">[[flags:apply-filters]]</button>
 		</form>
 	</div>
 </div>

package/templates/partials/fork_thread_modal.tpl

@@ -0,0 +1,22 @@
+<div class="panel panel-primary fork-thread-card">
+	<div class="panel-heading">
+		<h3 class="panel-title">[[topic:fork_topic]]</h3>
+	</div>
+	<div class="panel-body">
+		<div class="form-group">
+			<label for="title">[[topic:title]]</label>
+			<input id="fork-title" type="text" class="form-control" placeholder="[[topic:enter-new-topic-title]]">
+		</div>
+		<p>
+			[[topic:fork_topic_instruction]]<br />
+			<strong><span id="fork-pids"></span></strong>
+		</p>
+	</div>
+	<div class="panel-footer">
+		&nbsp;
+		<div class="btn-group pull-right">
+			<button class="btn btn-link btn-xs" id="fork_thread_cancel">[[global:buttons.close]]</button>
+			<button class="btn btn-primary btn-xs" id="fork_thread_commit" disabled>[[topic:fork_topic]] <i class="fa fa-arrow-circle-right"></i></button>
+		</div>
+	</div>
+</div>

package/templates/partials/groups/list.tpl

@@ -1,14 +1,14 @@
 	{{{each groups}}}
-	<div class="col-lg-4 col-md-6 col-sm-12 mb-3" component="groups/summary" data-slug="{groups.slug}">
-		<div class="card h-100">
-			<a href="{config.relative_path}/groups/{groups.slug}" class="card-header list-cover" style="<!-- IF groups.cover:thumb:url -->background-image: url({groups.cover:thumb:url});<!-- ENDIF groups.cover:thumb:url -->">
-				<h5 class="card-title">{groups.displayName} <small>{groups.memberCount}</small></h5>
+	<div class="col-lg-4 col-md-6 col-sm-12" component="groups/summary" data-slug="{groups.slug}">
+		<div class="panel panel-default">
+			<a href="{config.relative_path}/groups/{groups.slug}" class="panel-heading list-cover" style="<!-- IF groups.cover:thumb:url -->background-image: url({groups.cover:thumb:url});<!-- ENDIF groups.cover:thumb:url -->">
+				<h3 class="panel-title">{groups.displayName} <small>{groups.memberCount}</small></h3>
 			</a>
-			<div class="card-body">
+			<div class="panel-body">
 				<ul class="members">
 					{{{each groups.members}}}
 					<li>
-						<a href="{config.relative_path}/user/{groups.members.userslug}">{buildAvatar(groups.members, "24px", true)}</a>
+						<a href="{config.relative_path}/user/{groups.members.userslug}">{buildAvatar(groups.members, "sm", true)}</a>
 					</li>
 					{{{end}}}
 					<!-- IF groups.truncated -->

package/templates/partials/groups/memberlist.tpl

@@ -1,13 +1,13 @@
-<div class="d-flex mb-3">
+<div class="row">
 	<!-- IF group.isOwner -->
-	<div class="flex-shrink-0">
-		<button component="groups/members/add" type="button" class="btn btn-primary me-3" title="[[groups:details.add-member]]"><i class="fa fa-user-plus"></i></button>
+	<div class="col-lg-2">
+		<button component="groups/members/add" type="button" class="btn btn-primary" title="[[groups:details.add-member]]"><i class="fa fa-user-plus"></i></button>
 	</div>
 	<!-- ENDIF group.isOwner -->
-	<div class="flex-grow-1">
+	<div class="<!-- IF group.isOwner -->col-lg-10<!-- ELSE -->col-lg-12<!-- ENDIF group.isOwner -->">
 		<div class="input-group">
 			<input class="form-control" type="text" component="groups/members/search" placeholder="[[global:search]]"/>
-			<span class="input-group-text search-button"><i class="fa fa-search"></i></span>
+			<span class="input-group-addon search-button"><i class="fa fa-search"></i></span>
 		</div>
 	</div>
 </div>
@@ -16,15 +16,14 @@
 	<tbody>
 	{{{each group.members}}}
 	<tr data-uid="{group.members.uid}">
-		<td class="p-2">
-			<a href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "24px", true)}</a>
+		<td>
+			<a href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "sm", true)}</a>
 		</td>
-		<td class="member-name p-2">
-			<a class="align-text-top" href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a>
-			<i title="[[groups:owner]]" class="user-owner-icon fa fa-star align-text-top text-warning <!-- IF !group.members.isOwner -->invisible<!-- ENDIF !group.members.isOwner -->"></i>
+		<td class="member-name">
+			<a href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a> <i title="[[groups:owner]]" class="fa fa-star text-warning <!-- IF !group.members.isOwner -->invisible<!-- ENDIF !group.members.isOwner -->"></i>
 
 			<!-- IF group.isOwner -->
-			<div class="owner-controls btn-group float-end">
+			<div class="owner-controls btn-group pull-right">
 				<a class="btn btn-sm" href="#" data-ajaxify="false" data-action="toggleOwnership" title="[[groups:details.grant]]">
 					<i class="fa fa-star"></i>
 				</a>