nodebb-theme-persona 11.2.16 → 11.2.20

package/templates/partials/category/watch.tpl

@@ -1,23 +1,23 @@
-<!-- IF config.loggedIn -->
-<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
-
-	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-
-		<span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:watching]]</span></span>
-
-		<span component="category/notwatching/menu" <!-- IF !../isNotWatched -->class="hidden"<!-- ENDIF !../isNotWatched -->><i class="fa fa-fw fa-clock-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:not-watching]]</span></span>
-
-		<span component="category/ignoring/menu" <!-- IF !../isIgnored -->class="hidden"<!-- ENDIF !../isIgnored -->><i class="fa fa-fw fa-eye-slash"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:ignoring]]</span></span>
-
-		<span class="caret"></span>
-	</button>
-
-	<ul class="dropdown-menu dropdown-menu-right">
-		<li><a href="#" component="category/watching" data-state="watching"><i component="category/watching/check" class="fa fa-fw <!-- IF ../isWatched -->fa-check<!-- ENDIF ../isWatched -->"></i><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
-
-		<li><a href="#" component="category/notwatching" data-state="notwatching"><i component="category/notwatching/check" class="fa fa-fw <!-- IF ../isNotWatched -->fa-check<!-- ENDIF ../isNotWatched -->"></i><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
-
-		<li><a href="#" component="category/ignoring" data-state="ignoring"><i component="category/ignoring/check" class="fa fa-fw <!-- IF ../isIgnored -->fa-check<!-- ENDIF ../isIgnored -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
-	</ul>
-</div>
+<!-- IF config.loggedIn -->
+<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
+
+	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+
+		<span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:watching]]</span></span>
+
+		<span component="category/notwatching/menu" <!-- IF !../isNotWatched -->class="hidden"<!-- ENDIF !../isNotWatched -->><i class="fa fa-fw fa-clock-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:not-watching]]</span></span>
+
+		<span component="category/ignoring/menu" <!-- IF !../isIgnored -->class="hidden"<!-- ENDIF !../isIgnored -->><i class="fa fa-fw fa-eye-slash"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:ignoring]]</span></span>
+
+		<span class="caret"></span>
+	</button>
+
+	<ul class="dropdown-menu dropdown-menu-right">
+		<li><a href="#" component="category/watching" data-state="watching"><i component="category/watching/check" class="fa fa-fw <!-- IF ../isWatched -->fa-check<!-- ENDIF ../isWatched -->"></i><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
+
+		<li><a href="#" component="category/notwatching" data-state="notwatching"><i component="category/notwatching/check" class="fa fa-fw <!-- IF ../isNotWatched -->fa-check<!-- ENDIF ../isNotWatched -->"></i><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
+
+		<li><a href="#" component="category/ignoring" data-state="ignoring"><i component="category/ignoring/check" class="fa fa-fw <!-- IF ../isIgnored -->fa-check<!-- ENDIF ../isIgnored -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
+	</ul>
+</div>
 <!-- ENDIF config.loggedIn -->

package/templates/partials/category-filter-content.tpl

@@ -1,19 +1,19 @@
-<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-    {{{ if selectedCategory }}}<span class="fa-stack" style="{function.generateCategoryBackground, selectedCategory}"><i class="fa fa-fw fa-stack-1x {selectedCategory.icon}" style="color: {selectedCategory.color};"></i></span> <span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedCategory.name}</span>{{{ else }}}
-    <span class="visible-sm-inline visible-md-inline visible-lg-inline">[[unread:all_categories]]</span><span class="visible-xs-inline"><i class="fa fa-fw fa-list"></i></span>{{{ end }}} <span class="caret"></span>
-</button>
-<div component="category-selector-search" class="hidden">
-    <input type="text" class="form-control" autocomplete="off">
-</div>
-<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
-    {{{ if allCategoriesUrl }}}
-    <li role="presentation" class="category" data-all="all">
-        <a role="menu-item" href="{config.relative_path}/{allCategoriesUrl}"><i component="category/select/icon" class="fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i> [[unread:all_categories]]</a>
-    </li>
-    {{{ end }}}
-    {{{each categoryItems}}}
-    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
-        <a role="menu-item" href="#">{../level}<i component="category/select/icon" class="fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i><span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">{{{ if ../icon }}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i class="fa fa-fw fa-stack-1x {../icon}" style="color: {../color};"></i></span>{{{ end }}} {../name}</span></a>
-    </li>
-    {{{end}}}
+<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+    {{{ if selectedCategory }}}<span class="fa-stack" style="{function.generateCategoryBackground, selectedCategory}"><i class="fa fa-fw fa-stack-1x {selectedCategory.icon}" style="color: {selectedCategory.color};"></i></span> <span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedCategory.name}</span>{{{ else }}}
+    <span class="visible-sm-inline visible-md-inline visible-lg-inline">[[unread:all_categories]]</span><span class="visible-xs-inline"><i class="fa fa-fw fa-list"></i></span>{{{ end }}} <span class="caret"></span>
+</button>
+<div component="category-selector-search" class="hidden">
+    <input type="text" class="form-control" autocomplete="off">
+</div>
+<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
+    {{{ if allCategoriesUrl }}}
+    <li role="presentation" class="category" data-all="all">
+        <a role="menu-item" href="{config.relative_path}/{allCategoriesUrl}"><i component="category/select/icon" class="fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i> [[unread:all_categories]]</a>
+    </li>
+    {{{ end }}}
+    {{{each categoryItems}}}
+    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
+        <a role="menu-item" href="#">{../level}<i component="category/select/icon" class="fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i><span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">{{{ if ../icon }}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i class="fa fa-fw fa-stack-1x {../icon}" style="color: {../color};"></i></span>{{{ end }}} {../name}</span></a>
+    </li>
+    {{{end}}}
 </ul>

package/templates/partials/category-filter-right.tpl

@@ -1,3 +1,3 @@
-<div component="category/dropdown" class="btn-group pull-right category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
+<div component="category/dropdown" class="btn-group pull-right category-dropdown-container bottom-sheet">
+   <!-- IMPORT partials/category-filter-content.tpl -->
 </div>

package/templates/partials/category-filter.tpl

@@ -1,3 +1,3 @@
-<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
+<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
+   <!-- IMPORT partials/category-filter-content.tpl -->
 </div>

package/templates/partials/category-selector-right.tpl

@@ -1,3 +1,3 @@
-<div component="category-selector" class="btn-group bottom-sheet pull-right">
-<!-- IMPORT partials/category-selector-content.tpl -->
+<div component="category-selector" class="btn-group bottom-sheet pull-right">
+<!-- IMPORT partials/category-selector-content.tpl -->
 </div>

package/templates/partials/category-selector.tpl

@@ -1,3 +1,3 @@
-<div component="category-selector" class="btn-group bottom-sheet">
-<!-- IMPORT partials/category-selector-content.tpl -->
+<div component="category-selector" class="btn-group bottom-sheet">
+<!-- IMPORT partials/category-selector-content.tpl -->
 </div>

package/templates/partials/change_owner_modal.tpl

@@ -1,22 +1,22 @@
-<div class="panel panel-primary fork-thread-card">
-	<div class="panel-heading">
-		<h3 class="panel-title">[[topic:thread_tools.change_owner]]</h3>
-	</div>
-	<div class="panel-body">
-		<div>
-			<label for="username">[[user:username]]</label>
-			<input id="username" type="text" class="form-control"><br/>
-		</div>
-		<p>
-			[[topic:change_owner_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="change_owner_cancel">[[global:buttons.close]]</button>
-			<button class="btn btn-primary btn-xs" id="change_owner_commit" disabled>[[topic:change-owner]]</button>
-		</div>
-	</div>
-</div>
+<div class="panel panel-primary fork-thread-card">
+	<div class="panel-heading">
+		<h3 class="panel-title">[[topic:thread_tools.change_owner]]</h3>
+	</div>
+	<div class="panel-body">
+		<div>
+			<label for="username">[[user:username]]</label>
+			<input id="username" type="text" class="form-control"><br/>
+		</div>
+		<p>
+			[[topic:change_owner_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="change_owner_cancel">[[global:buttons.close]]</button>
+			<button class="btn btn-primary btn-xs" id="change_owner_commit" disabled>[[topic:change-owner]]</button>
+		</div>
+	</div>
+</div>

package/templates/partials/chats/dropdown.tpl

@@ -1,34 +1,34 @@
-<!-- IF rooms.length -->
-{{{each rooms}}}
-<li class="<!-- IF ../unread -->unread<!-- ENDIF ../unread -->" data-roomid="{rooms.roomId}">
-	<strong class="room-name">
-		<!-- IF !rooms.lastUser.uid -->
-		<span>[[modules:chat.no-users-in-room]]</span>
-		<!-- ELSE -->
-		<!-- IF rooms.roomName -->{rooms.roomName}<!-- ELSE -->{rooms.usernames}<!-- ENDIF rooms.roomName -->
-		<!-- ENDIF !rooms.lastUser.uid -->
-	</strong>
-	<div class="avatar-placeholder"></div>
-	{{{each rooms.users}}}
-	<!-- IF @first -->
-	<div class="main-avatar">
-		<!-- IMPORT partials/chats/user.tpl -->
-	</div>
-	<!-- ENDIF @first -->
-	{{{end}}}
-
-	<ul class="members">
-		{{{each rooms.users}}}
-		<li>
-			<!-- IMPORT partials/chats/user.tpl -->
-		</li>
-		{{{end}}}
-	</ul>
-
-	<span class="teaser-content"><strong class="teaser-username">{rooms.teaser.user.username}:</strong> {rooms.teaser.content}</span>
-	<span class="teaser-timestamp pull-right">{rooms.teaser.timeago}</span>
-</li>
-{{{end}}}
-<!-- ELSE -->
-<li class="no_active"><a href="#">[[modules:chat.no_active]]</a></li>
+<!-- IF rooms.length -->
+{{{each rooms}}}
+<li class="<!-- IF ../unread -->unread<!-- ENDIF ../unread -->" data-roomid="{rooms.roomId}">
+	<strong class="room-name">
+		<!-- IF !rooms.lastUser.uid -->
+		<span>[[modules:chat.no-users-in-room]]</span>
+		<!-- ELSE -->
+		<!-- IF rooms.roomName -->{rooms.roomName}<!-- ELSE -->{rooms.usernames}<!-- ENDIF rooms.roomName -->
+		<!-- ENDIF !rooms.lastUser.uid -->
+	</strong>
+	<div class="avatar-placeholder"></div>
+	{{{each rooms.users}}}
+	<!-- IF @first -->
+	<div class="main-avatar">
+		<!-- IMPORT partials/chats/user.tpl -->
+	</div>
+	<!-- ENDIF @first -->
+	{{{end}}}
+
+	<ul class="members">
+		{{{each rooms.users}}}
+		<li>
+			<!-- IMPORT partials/chats/user.tpl -->
+		</li>
+		{{{end}}}
+	</ul>
+
+	<span class="teaser-content"><strong class="teaser-username">{rooms.teaser.user.username}:</strong> {rooms.teaser.content}</span>
+	<span class="teaser-timestamp pull-right">{rooms.teaser.timeago}</span>
+</li>
+{{{end}}}
+<!-- ELSE -->
+<li class="no_active"><a href="#">[[modules:chat.no_active]]</a></li>
 <!-- ENDIF rooms.length -->

package/templates/partials/chats/messages.tpl

@@ -1,7 +1,7 @@
-{{{each messages}}}
-	{{{ if !./system }}}
-	<!-- IMPORT partials/chats/message.tpl -->
-	{{{ else }}}
-	<!-- IMPORT partials/chats/system-message.tpl -->
-	{{{ end }}}
+{{{each messages}}}
+	{{{ if !./system }}}
+	<!-- IMPORT partials/chats/message.tpl -->
+	{{{ else }}}
+	<!-- IMPORT partials/chats/system-message.tpl -->
+	{{{ end }}}
 {{{end}}}

package/templates/partials/chats/recent_room.tpl

@@ -1,25 +1,25 @@
-<li component="chat/recent/room" data-roomid="{rooms.roomId}" class="<!-- IF rooms.unread -->unread<!-- ENDIF rooms.unread -->">
-	<strong class="room-name">
-		<!-- IF !rooms.lastUser.uid -->
-		<span>[[modules:chat.no-users-in-room]]</span>
-		<!-- ELSE -->
-		<span component="chat/title"><!-- IF rooms.roomName -->{rooms.roomName}<!-- ELSE -->{rooms.usernames}<!-- ENDIF rooms.roomName --></span>
-		<!-- ENDIF !rooms.lastUser.uid -->
-	</strong>
-	<div class="avatar-placeholder"></div>
-	{{{each rooms.users}}}
-	<!-- IF @first -->
-	<div class="main-avatar">
-		<!-- IMPORT partials/chats/user.tpl -->
-	</div>
-	<!-- ENDIF @first -->
-	{{{end}}}
-
-	<ul class="members">
-		{{{each rooms.users}}}
-		<li>
-			<!-- IMPORT partials/chats/user.tpl -->
-		</li>
-		{{{end}}}
-	</ul>
+<li component="chat/recent/room" data-roomid="{rooms.roomId}" class="<!-- IF rooms.unread -->unread<!-- ENDIF rooms.unread -->">
+	<strong class="room-name">
+		<!-- IF !rooms.lastUser.uid -->
+		<span>[[modules:chat.no-users-in-room]]</span>
+		<!-- ELSE -->
+		<span component="chat/title"><!-- IF rooms.roomName -->{rooms.roomName}<!-- ELSE -->{rooms.usernames}<!-- ENDIF rooms.roomName --></span>
+		<!-- ENDIF !rooms.lastUser.uid -->
+	</strong>
+	<div class="avatar-placeholder"></div>
+	{{{each rooms.users}}}
+	<!-- IF @first -->
+	<div class="main-avatar">
+		<!-- IMPORT partials/chats/user.tpl -->
+	</div>
+	<!-- ENDIF @first -->
+	{{{end}}}
+
+	<ul class="members">
+		{{{each rooms.users}}}
+		<li>
+			<!-- IMPORT partials/chats/user.tpl -->
+		</li>
+		{{{end}}}
+	</ul>
 </li>

package/templates/partials/chats-menu.tpl

@@ -1,11 +1,11 @@
-<!-- IF config.loggedIn -->
-<section class="menu-section" data-section="chats">
-	<h3 class="menu-section-title">
-		[[global:header.chats]]
-		<i class="counter unread-count" component="chat/icon" data-content="{unreadCount.chat}"></i>
-	</h3>
-	<ul class="menu-section-list chat-list" component="chat/list">
-		<a class="navigation-link" href="{relative_path}/user/{user.userslug}/chats">[[modules:chat.see_all]]</a>
-	</ul>
-</section>
+<!-- IF config.loggedIn -->
+<section class="menu-section" data-section="chats">
+	<h3 class="menu-section-title">
+		[[global:header.chats]]
+		<i class="counter unread-count" component="chat/icon" data-content="{unreadCount.chat}"></i>
+	</h3>
+	<ul class="menu-section-list chat-list" component="chat/list">
+		<a class="navigation-link" href="{relative_path}/user/{user.userslug}/chats">[[modules:chat.see_all]]</a>
+	</ul>
+</section>
 <!-- ENDIF config.loggedIn -->

package/templates/partials/cookie-consent.tpl

@@ -1,4 +1,4 @@
-<div class="cookie-consent">
-    <button class="pull-right btn btn-primary">{dismiss}</button>
-    {message} <a target="_blank" rel="noopener" href="{link_url}">{link}</a>
-</div>
+<div class="cookie-consent">
+    <button class="pull-right btn btn-primary">{dismiss}</button>
+    {message} <a target="_blank" rel="noopener" href="{link_url}">{link}</a>
+</div>

package/templates/partials/delete_posts_modal.tpl

@@ -1,19 +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 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/fork_thread_modal.tpl

@@ -1,22 +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 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,21 +1,21 @@
-	{{{each groups}}}
-	<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="panel-body">
-				<ul class="members">
-					{{{each groups.members}}}
-					<li>
-						<a href="{config.relative_path}/user/{groups.members.userslug}">{buildAvatar(groups.members, "sm", true)}</a>
-					</li>
-					{{{end}}}
-					<!-- IF groups.truncated -->
-					<li class="truncated"><i class="fa fa-ellipsis-h"></i></li>
-					<!-- ENDIF groups.truncated -->
-				</ul>
-			</div>
-		</div>
-	</div>
+	{{{each groups}}}
+	<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="panel-body">
+				<ul class="members">
+					{{{each groups.members}}}
+					<li>
+						<a href="{config.relative_path}/user/{groups.members.userslug}">{buildAvatar(groups.members, "sm", true)}</a>
+					</li>
+					{{{end}}}
+					<!-- IF groups.truncated -->
+					<li class="truncated"><i class="fa fa-ellipsis-h"></i></li>
+					<!-- ENDIF groups.truncated -->
+				</ul>
+			</div>
+		</div>
+	</div>
 	{{{end}}}

package/templates/partials/groups/memberlist.tpl

@@ -1,40 +1,40 @@
-<div class="row">
-	<!-- IF group.isOwner -->
-	<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="<!-- 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-addon search-button"><i class="fa fa-search"></i></span>
-		</div>
-	</div>
-</div>
-
-<table component="groups/members" class="table table-striped table-hover" data-nextstart="{group.membersNextStart}">
-	<tbody>
-	{{{each group.members}}}
-	<tr data-uid="{group.members.uid}">
-		<td>
-			<a href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "sm", true)}</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>
-
-			<!-- IF group.isOwner -->
-			<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>
-
-				<a class="btn btn-sm" href="#" data-ajaxify="false" data-action="kick" title="[[groups:details.kick]]">
-					<i class="fa fa-ban"></i>
-				</a>
-			</div>
-			<!-- ENDIF group.isOwner -->
-		</td>
-	</tr>
-	{{{end}}}
-	</tbody>
+<div class="row">
+	<!-- IF group.isOwner -->
+	<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="<!-- 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-addon search-button"><i class="fa fa-search"></i></span>
+		</div>
+	</div>
+</div>
+
+<table component="groups/members" class="table table-striped table-hover" data-nextstart="{group.membersNextStart}">
+	<tbody>
+	{{{each group.members}}}
+	<tr data-uid="{group.members.uid}">
+		<td>
+			<a href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "sm", true)}</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>
+
+			<!-- IF group.isOwner -->
+			<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>
+
+				<a class="btn btn-sm" href="#" data-ajaxify="false" data-action="kick" title="[[groups:details.kick]]">
+					<i class="fa fa-ban"></i>
+				</a>
+			</div>
+			<!-- ENDIF group.isOwner -->
+		</td>
+	</tr>
+	{{{end}}}
+	</tbody>
 </table>