https://github.com/NodeBB/NodeBB/issues/3741

templates/groups/details.tpl

@@ -36,40 +36,7 @@
 				<h3 class="panel-title"><i class="fa fa-users"></i> [[groups:details.members]]</h3>
 			</div>
 			<div class="panel-body">
-				<input class="form-control" type="text" component="groups/members/search" placeholder="[[global:search]]"/><br/>
+				<!-- IMPORT partials/groups/memberlist.tpl -->
-				<table component="groups/members" class="table table-striped table-hover" data-nextstart="{group.membersNextStart}">
-					<!-- BEGIN members -->
-					<tr data-uid="{group.members.uid}">
-						<td>
-							<a href="{config.relative_path}/user/{group.members.userslug}"><img src="{group.members.picture}" /></a>
-						</td>
-						<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>
-						</td>
-						<!-- IF group.isOwner -->
-						<td>
-							<div class="btn-group pull-right">
-								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-									[[global:more]] <span class="caret"></span>
-								</button>
-								<ul class="dropdown-menu" role="menu">
-									<li>
-										<a href="#" data-ajaxify="false" data-action="toggleOwnership">
-											[[groups:details.grant]]
-										</a>
-									</li>
-									<li>
-										<a href="#" data-ajaxify="false" data-action="kick">
-											[[groups:details.kick]]
-										</a>
-									</li>
-								</ul>
-							</div>
-						</td>
-						<!-- ENDIF group.isOwner -->
-					</tr>
-					<!-- END members -->
-				</table>
 			</div>
 		</div>
 		<!-- IF group.isOwner -->

templates/partials/groups/memberlist.tpl

@@ -0,0 +1,34 @@
+<input class="form-control" type="text" component="groups/members/search" placeholder="[[global:search]]"/><br/>
+<table component="groups/members" class="table table-striped table-hover" data-nextstart="{group.membersNextStart}">
+	<!-- BEGIN members -->
+	<tr data-uid="{group.members.uid}">
+		<td>
+			<a href="{config.relative_path}/user/{group.members.userslug}"><img src="{group.members.picture}" /></a>
+		</td>
+		<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>
+		</td>
+		<!-- IF group.isOwner -->
+		<td>
+			<div class="btn-group pull-right">
+				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+					[[global:more]] <span class="caret"></span>
+				</button>
+				<ul class="dropdown-menu" role="menu">
+					<li>
+						<a href="#" data-ajaxify="false" data-action="toggleOwnership">
+							[[groups:details.grant]]
+						</a>
+					</li>
+					<li>
+						<a href="#" data-ajaxify="false" data-action="kick">
+							[[groups:details.kick]]
+						</a>
+					</li>
+				</ul>
+			</div>
+		</td>
+		<!-- ENDIF group.isOwner -->
+	</tr>
+	<!-- END members -->
+</table>