nodebb-theme-persona 11.2.20 → 11.2.21

package/templates/groups/details.tpl

@@ -1,272 +1,272 @@
-<div component="groups/container" class="groups details row">
-	<div component="groups/cover" style="background-image: url({group.cover:url}); background-position: {group.cover:position};">
-		<!-- IF group.isOwner -->
-		<div class="controls">
-			<span class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></span>
-			<span class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></span>
-			<span class="remove"><i class="fa fa-fw fa-4x fa-times"></i></span>
-		</div>
-		<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
-		<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
-		<!-- ENDIF group.isOwner -->
-	</div>
-
-	<div class="col-xs-12">
-		<!-- IMPORT partials/breadcrumbs.tpl -->
-	</div>
-
-	<div class="col-lg-4 col-xs-12">
-		<div class="panel panel-default">
-			<div class="panel-heading">
-				<h3 class="panel-title">
-					<i class="fa fa-list-ul"></i> [[groups:details.title]]
-					<!-- IF group.private --><span class="label label-info">[[groups:details.private]]</span><!-- ENDIF group.private -->
-					<!-- IF group.hidden --><span class="label label-info">[[groups:details.hidden]]</span>&nbsp;<!-- ENDIF group.hidden -->
-				</h3>
-			</div>
-			<div class="panel-body">
-				<h1>{group.displayName}</h1>
-				<p>{group.descriptionParsed}</p>
-				<!-- IF isAdmin -->
-				<div class="pull-right">
-					<a href="{config.relative_path}/admin/manage/groups/{group.nameEncoded}" target="_blank" class="btn btn-info"><i class="fa fa-gear"></i> [[user:edit]]</a>
-				</div>
-				<!-- ENDIF isAdmin -->
-				<!-- IF loggedIn -->
-				<div class="pull-right">
-					{function.membershipBtn, group}&nbsp;
-				</div>
-				<!-- ENDIF loggedIn -->
-			</div>
-		</div>
-		<div class="panel panel-default">
-			<div class="panel-heading">
-				<h3 class="panel-title"><i class="fa fa-users"></i> [[groups:details.members]]</h3>
-			</div>
-			<div class="panel-body">
-				<!-- IMPORT partials/groups/memberlist.tpl -->
-			</div>
-		</div>
-		<!-- IF group.isOwner -->
-		<div class="panel panel-default">
-			<div class="panel-heading">
-				<h3 class="panel-title clearfix">
-					<i class="fa fa-clock-o"></i> [[groups:details.pending]]
-					<!-- IF group.pending.length -->
-					<div class="btn-group pull-right">
-						<button type="button" class="btn btn-default btn-sm 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="acceptAll">[[groups:pending.accept_all]]</a></li>
-							<li><a href="#" data-ajaxify="false" data-action="rejectAll">[[groups:pending.reject_all]]</a></li>
-						</ul>
-					</div>
-					<!-- ENDIF group.pending.length -->
-				</h3>
-			</div>
-			<div class="panel-body">
-				<table component="groups/pending" class="table table-striped table-hover">
-					<!-- IF !group.pending.length -->
-					<div class="alert alert-info">[[groups:pending.none]]</div>
-					<!-- ENDIF !group.pending.length -->
-					{{{each group.pending}}}
-					<tr data-uid="{group.pending.uid}">
-						<td>
-							<a href="{config.relative_path}/user/{group.pending.userslug}">{buildAvatar(group.pending, "sm", true)}</a>
-						</td>
-						<td class="member-name">
-							<a href="{config.relative_path}/user/{group.pending.userslug}">{group.pending.username}</a>
-						</td>
-						<td>
-							<div class="btn-group pull-right">
-								<button type="button" class="btn btn-default btn-sm 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="accept">[[groups:pending.accept]]</a></li>
-									<li><a href="#" data-ajaxify="false" data-action="reject">[[groups:pending.reject]]</a></li>
-								</ul>
-							</div>
-						</td>
-					</tr>
-					{{{end}}}
-				</table>
-			</div>
-		</div>
-		<div class="panel panel-default">
-			<div class="panel-heading">
-				<h3 class="panel-title clearfix">
-					<i class="fa fa-gift"></i> [[groups:details.invited]]
-				</h3>
-			</div>
-			<div class="panel-body">
-				<div class="input-group">
-					<input class="form-control" type="text" component="groups/members/invite" placeholder="[[groups:invited.search]]"/>
-					<span class="input-group-addon search-button"><i class="fa fa-search"></i></span>
-				</div>
-
-				<div class="form-group">
-					<textarea class="form-control" component="groups/members/bulk-invite" placeholder="[[groups:bulk-invite-instructions]]"></textarea>
-				</div>
-
-				<div class="form-group clearfix">
-					<button class="btn btn-default btn-sm pull-right" component="groups/members/bulk-invite-button">[[groups:bulk-invite]]</button>
-				</div>
-
-				<table component="groups/invited" class="table table-striped table-hover">
-					<!-- IF !group.invited.length -->
-					<div class="alert alert-info">[[groups:invited.none]]</div>
-					<!-- ENDIF !group.invited.length -->
-					{{{each group.invited}}}
-					<tr data-uid="{group.invited.uid}">
-						<td>
-							<a href="{config.relative_path}/user/{group.invited.userslug}">{buildAvatar(group.invited, "sm", true)}</a>
-						</td>
-						<td class="member-name">
-							<a href="{config.relative_path}/user/{group.invited.userslug}">{group.invited.username}</a>
-						</td>
-						<td>
-							<div class="btn-group pull-right">
-								<button type="button" class="btn btn-default btn-sm 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="rescindInvite">[[groups:invited.uninvite]]</a></li>
-								</ul>
-							</div>
-						</td>
-					</tr>
-					{{{end}}}
-				</table>
-			</div>
-		</div>
-
-		<div class="panel panel-default">
-			<div class="panel-heading pointer" data-toggle="collapse" data-target=".options">
-				<h3 class="panel-title">
-					<i class="fa fa-caret-down pull-right"></i>
-					<i class="fa fa-cogs"></i> [[groups:details.owner_options]]
-				</h3>
-			</div>
-
-			<div class="panel-body options collapse">
-				<form component="groups/settings" role="form">
-					<div class="form-group">
-						<label for="name">[[groups:details.group_name]]</label>
-						<input <!-- IF group.system -->readonly<!-- ENDIF group.system --> class="form-control" name="name" id="name" type="text" value="{group.displayName}" />
-					</div>
-					<div class="form-group">
-						<label for="name">[[groups:details.description]]</label>
-						<textarea class="form-control" name="description" id="description" type="text" maxlength="255">{group.description}</textarea>
-					</div>
-
-					<hr />
-					<div class="form-group">
-						<label for="memberPostCids">[[groups:details.member-post-cids]]</label>
-						<div class="row">
-							<div class="col-md-6">
-								<input id="memberPostCids" type="text" class="form-control" value="{group.memberPostCids}">
-							</div>
-							<div class="col-md-6 member-post-cids-selector">
-								<!-- IMPORT partials/category-selector.tpl -->
-							</div>
-						</div>
-					</div>
-
-					<hr />
-
-					<div class="form-group user-title-option">
-						<label for="userTitle">[[groups:details.badge_text]]</label>
-						<input component="groups/userTitleOption" class="form-control" name="userTitle" id="userTitle" type="text" maxlength="40" value="{group.userTitleEscaped}"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled --> />
-					</div>
-
-					<div class="form-group user-title-option">
-						<label>[[groups:details.badge_preview]]</label><br />
-						<span class="label<!-- IF !group.userTitleEnabled --> hide<!-- ENDIF !group.userTitleEnabled -->" style="color: {group.textColor}; background-color: {group.labelColor}"><i class="fa<!-- IF group.icon --> {group.icon}<!-- ENDIF group.icon -->"></i> <span class="label-text"><!-- IF group.userTitle -->{group.userTitle}<!-- ELSE -->{group.displayName}<!-- ENDIF group.userTitle --></span></span>
-
-						<hr/>
-						<button component="groups/userTitleOption" type="button" class="btn btn-default btn-sm" data-action="icon-select"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled -->>[[groups:details.change_icon]]</button>
-						<div>
-							<label for="labelColor" class="badge-color-label">[[groups:details.change_label_colour]]</label>
-							<input component="groups/userTitleOption" type="color" name="labelColor" value="<!-- IF group.labelColor -->{group.labelColor}<!-- ENDIF group.labelColor -->" />
-						</div>
-						<div>
-							<label for="color" class="badge-color-label">[[groups:details.change_text_colour]]</label>
-							<input component="groups/userTitleOption" type="color" name="textColor" value="<!-- IF group.textColor -->{group.textColor}<!-- ENDIF group.textColor -->" />
-						</div>
-						<input type="hidden" name="icon" value="<!-- IF group.icon -->{group.icon}<!-- ENDIF group.icon -->" />
-
-						<div id="icons" class="hidden">
-							<div class="icon-container">
-								<div class="row fa-icons">
-									<i class="fa fa-doesnt-exist"></i>
-									<!-- IMPORT partials/fontawesome.tpl -->
-								</div>
-							</div>
-						</div>
-					</div>
-					<hr />
-					<div class="checkbox">
-						<label>
-							<input name="userTitleEnabled" type="checkbox"<!-- IF group.userTitleEnabled --> checked<!-- ENDIF group.userTitleEnabled -->> <strong>[[groups:details.userTitleEnabled]]</strong>
-						</label>
-					</div>
-					<div class="checkbox">
-						<label>
-							<input name="private" type="checkbox"<!-- IF group.private --> checked<!-- ENDIF group.private -->> <strong>[[groups:details.private]]</strong>
-							<!-- IF !allowPrivateGroups -->
-							<p class="help-block">
-								[[groups:details.private_system_help]]
-							</p>
-							<!-- ENDIF !allowPrivateGroups -->
-							<p class="help-block">
-								[[groups:details.private_help]]
-							</p>
-						</label>
-					</div>
-					<div class="checkbox">
-						<label>
-							<input name="disableJoinRequests" type="checkbox"<!-- IF group.disableJoinRequests --> checked<!-- ENDIF group.disableJoinRequests -->> <strong>[[groups:details.disableJoinRequests]]</strong>
-						</label>
-					</div>
-					<div class="checkbox">
-						<label>
-							<input name="disableLeave" type="checkbox"{{{if group.disableLeave}}} checked{{{end}}}> <strong>[[groups:details.disableLeave]]</strong>
-						</label>
-					</div>
-					<div class="checkbox">
-						<label>
-							<input name="hidden" type="checkbox"<!-- IF group.hidden --> checked<!-- ENDIF group.hidden -->> <strong>[[groups:details.hidden]]</strong>
-							<p class="help-block">
-								[[groups:details.hidden_help]]
-							</p>
-						</label>
-					</div>
-
-					<button class="btn btn-link btn-xs pull-right" type="button" data-action="delete">[[groups:details.delete_group]]</button>
-					<button class="btn btn-primary" type="button" data-action="update">[[global:save_changes]]</button>
-				</form>
-			</div>
-		</div>
-		<!-- ENDIF group.isOwner -->
-		<div data-widget-area="left">
-			{{{each widgets.left}}}
-			{{widgets.left.html}}
-			{{{end}}}
-		</div>
-	</div>
-	<div class="col-lg-8 col-xs-12">
-		<div class="col-lg-11">
-			<!-- IF !posts.length -->
-			<div class="alert alert-info">[[groups:details.has_no_posts]]</div>
-			<!-- ENDIF !posts.length -->
-			<!-- IMPORT partials/posts_list.tpl -->
-		</div>
-		<div data-widget-area="right">
-			{{{each widgets.right}}}
-			{{widgets.right.html}}
-			{{{end}}}
-		</div>
-	</div>
-</div>
+<div component="groups/container" class="groups details row">
+	<div component="groups/cover" style="background-image: url({group.cover:url}); background-position: {group.cover:position};">
+		<!-- IF group.isOwner -->
+		<div class="controls">
+			<span class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></span>
+			<span class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></span>
+			<span class="remove"><i class="fa fa-fw fa-4x fa-times"></i></span>
+		</div>
+		<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
+		<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
+		<!-- ENDIF group.isOwner -->
+	</div>
+
+	<div class="col-xs-12">
+		<!-- IMPORT partials/breadcrumbs.tpl -->
+	</div>
+
+	<div class="col-lg-4 col-xs-12">
+		<div class="panel panel-default">
+			<div class="panel-heading">
+				<h3 class="panel-title">
+					<i class="fa fa-list-ul"></i> [[groups:details.title]]
+					<!-- IF group.private --><span class="label label-info">[[groups:details.private]]</span><!-- ENDIF group.private -->
+					<!-- IF group.hidden --><span class="label label-info">[[groups:details.hidden]]</span>&nbsp;<!-- ENDIF group.hidden -->
+				</h3>
+			</div>
+			<div class="panel-body">
+				<h1>{group.displayName}</h1>
+				<p>{group.descriptionParsed}</p>
+				<!-- IF isAdmin -->
+				<div class="pull-right">
+					<a href="{config.relative_path}/admin/manage/groups/{group.nameEncoded}" target="_blank" class="btn btn-info"><i class="fa fa-gear"></i> [[user:edit]]</a>
+				</div>
+				<!-- ENDIF isAdmin -->
+				<!-- IF loggedIn -->
+				<div class="pull-right">
+					{function.membershipBtn, group}&nbsp;
+				</div>
+				<!-- ENDIF loggedIn -->
+			</div>
+		</div>
+		<div class="panel panel-default">
+			<div class="panel-heading">
+				<h3 class="panel-title"><i class="fa fa-users"></i> [[groups:details.members]]</h3>
+			</div>
+			<div class="panel-body">
+				<!-- IMPORT partials/groups/memberlist.tpl -->
+			</div>
+		</div>
+		<!-- IF group.isOwner -->
+		<div class="panel panel-default">
+			<div class="panel-heading">
+				<h3 class="panel-title clearfix">
+					<i class="fa fa-clock-o"></i> [[groups:details.pending]]
+					<!-- IF group.pending.length -->
+					<div class="btn-group pull-right">
+						<button type="button" class="btn btn-default btn-sm 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="acceptAll">[[groups:pending.accept_all]]</a></li>
+							<li><a href="#" data-ajaxify="false" data-action="rejectAll">[[groups:pending.reject_all]]</a></li>
+						</ul>
+					</div>
+					<!-- ENDIF group.pending.length -->
+				</h3>
+			</div>
+			<div class="panel-body">
+				<table component="groups/pending" class="table table-striped table-hover">
+					<!-- IF !group.pending.length -->
+					<div class="alert alert-info">[[groups:pending.none]]</div>
+					<!-- ENDIF !group.pending.length -->
+					{{{each group.pending}}}
+					<tr data-uid="{group.pending.uid}">
+						<td>
+							<a href="{config.relative_path}/user/{group.pending.userslug}">{buildAvatar(group.pending, "sm", true)}</a>
+						</td>
+						<td class="member-name">
+							<a href="{config.relative_path}/user/{group.pending.userslug}">{group.pending.username}</a>
+						</td>
+						<td>
+							<div class="btn-group pull-right">
+								<button type="button" class="btn btn-default btn-sm 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="accept">[[groups:pending.accept]]</a></li>
+									<li><a href="#" data-ajaxify="false" data-action="reject">[[groups:pending.reject]]</a></li>
+								</ul>
+							</div>
+						</td>
+					</tr>
+					{{{end}}}
+				</table>
+			</div>
+		</div>
+		<div class="panel panel-default">
+			<div class="panel-heading">
+				<h3 class="panel-title clearfix">
+					<i class="fa fa-gift"></i> [[groups:details.invited]]
+				</h3>
+			</div>
+			<div class="panel-body">
+				<div class="input-group">
+					<input class="form-control" type="text" component="groups/members/invite" placeholder="[[groups:invited.search]]"/>
+					<span class="input-group-addon search-button"><i class="fa fa-search"></i></span>
+				</div>
+
+				<div class="form-group">
+					<textarea class="form-control" component="groups/members/bulk-invite" placeholder="[[groups:bulk-invite-instructions]]"></textarea>
+				</div>
+
+				<div class="form-group clearfix">
+					<button class="btn btn-default btn-sm pull-right" component="groups/members/bulk-invite-button">[[groups:bulk-invite]]</button>
+				</div>
+
+				<table component="groups/invited" class="table table-striped table-hover">
+					<!-- IF !group.invited.length -->
+					<div class="alert alert-info">[[groups:invited.none]]</div>
+					<!-- ENDIF !group.invited.length -->
+					{{{each group.invited}}}
+					<tr data-uid="{group.invited.uid}">
+						<td>
+							<a href="{config.relative_path}/user/{group.invited.userslug}">{buildAvatar(group.invited, "sm", true)}</a>
+						</td>
+						<td class="member-name">
+							<a href="{config.relative_path}/user/{group.invited.userslug}">{group.invited.username}</a>
+						</td>
+						<td>
+							<div class="btn-group pull-right">
+								<button type="button" class="btn btn-default btn-sm 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="rescindInvite">[[groups:invited.uninvite]]</a></li>
+								</ul>
+							</div>
+						</td>
+					</tr>
+					{{{end}}}
+				</table>
+			</div>
+		</div>
+
+		<div class="panel panel-default">
+			<div class="panel-heading pointer" data-toggle="collapse" data-target=".options">
+				<h3 class="panel-title">
+					<i class="fa fa-caret-down pull-right"></i>
+					<i class="fa fa-cogs"></i> [[groups:details.owner_options]]
+				</h3>
+			</div>
+
+			<div class="panel-body options collapse">
+				<form component="groups/settings" role="form">
+					<div class="form-group">
+						<label for="name">[[groups:details.group_name]]</label>
+						<input <!-- IF group.system -->readonly<!-- ENDIF group.system --> class="form-control" name="name" id="name" type="text" value="{group.displayName}" />
+					</div>
+					<div class="form-group">
+						<label for="name">[[groups:details.description]]</label>
+						<textarea class="form-control" name="description" id="description" type="text" maxlength="255">{group.description}</textarea>
+					</div>
+
+					<hr />
+					<div class="form-group">
+						<label for="memberPostCids">[[groups:details.member-post-cids]]</label>
+						<div class="row">
+							<div class="col-md-6">
+								<input id="memberPostCids" type="text" class="form-control" value="{group.memberPostCids}">
+							</div>
+							<div class="col-md-6 member-post-cids-selector">
+								<!-- IMPORT partials/category-selector.tpl -->
+							</div>
+						</div>
+					</div>
+
+					<hr />
+
+					<div class="form-group user-title-option">
+						<label for="userTitle">[[groups:details.badge_text]]</label>
+						<input component="groups/userTitleOption" class="form-control" name="userTitle" id="userTitle" type="text" maxlength="40" value="{group.userTitleEscaped}"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled --> />
+					</div>
+
+					<div class="form-group user-title-option">
+						<label>[[groups:details.badge_preview]]</label><br />
+						<span class="label<!-- IF !group.userTitleEnabled --> hide<!-- ENDIF !group.userTitleEnabled -->" style="color: {group.textColor}; background-color: {group.labelColor}"><i class="fa<!-- IF group.icon --> {group.icon}<!-- ENDIF group.icon -->"></i> <span class="label-text"><!-- IF group.userTitle -->{group.userTitle}<!-- ELSE -->{group.displayName}<!-- ENDIF group.userTitle --></span></span>
+
+						<hr/>
+						<button component="groups/userTitleOption" type="button" class="btn btn-default btn-sm" data-action="icon-select"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled -->>[[groups:details.change_icon]]</button>
+						<div>
+							<label for="labelColor" class="badge-color-label">[[groups:details.change_label_colour]]</label>
+							<input component="groups/userTitleOption" type="color" name="labelColor" value="<!-- IF group.labelColor -->{group.labelColor}<!-- ENDIF group.labelColor -->" />
+						</div>
+						<div>
+							<label for="color" class="badge-color-label">[[groups:details.change_text_colour]]</label>
+							<input component="groups/userTitleOption" type="color" name="textColor" value="<!-- IF group.textColor -->{group.textColor}<!-- ENDIF group.textColor -->" />
+						</div>
+						<input type="hidden" name="icon" value="<!-- IF group.icon -->{group.icon}<!-- ENDIF group.icon -->" />
+
+						<div id="icons" class="hidden">
+							<div class="icon-container">
+								<div class="row fa-icons">
+									<i class="fa fa-doesnt-exist"></i>
+									<!-- IMPORT partials/fontawesome.tpl -->
+								</div>
+							</div>
+						</div>
+					</div>
+					<hr />
+					<div class="checkbox">
+						<label>
+							<input name="userTitleEnabled" type="checkbox"<!-- IF group.userTitleEnabled --> checked<!-- ENDIF group.userTitleEnabled -->> <strong>[[groups:details.userTitleEnabled]]</strong>
+						</label>
+					</div>
+					<div class="checkbox">
+						<label>
+							<input name="private" type="checkbox"<!-- IF group.private --> checked<!-- ENDIF group.private -->> <strong>[[groups:details.private]]</strong>
+							<!-- IF !allowPrivateGroups -->
+							<p class="help-block">
+								[[groups:details.private_system_help]]
+							</p>
+							<!-- ENDIF !allowPrivateGroups -->
+							<p class="help-block">
+								[[groups:details.private_help]]
+							</p>
+						</label>
+					</div>
+					<div class="checkbox">
+						<label>
+							<input name="disableJoinRequests" type="checkbox"<!-- IF group.disableJoinRequests --> checked<!-- ENDIF group.disableJoinRequests -->> <strong>[[groups:details.disableJoinRequests]]</strong>
+						</label>
+					</div>
+					<div class="checkbox">
+						<label>
+							<input name="disableLeave" type="checkbox"{{{if group.disableLeave}}} checked{{{end}}}> <strong>[[groups:details.disableLeave]]</strong>
+						</label>
+					</div>
+					<div class="checkbox">
+						<label>
+							<input name="hidden" type="checkbox"<!-- IF group.hidden --> checked<!-- ENDIF group.hidden -->> <strong>[[groups:details.hidden]]</strong>
+							<p class="help-block">
+								[[groups:details.hidden_help]]
+							</p>
+						</label>
+					</div>
+
+					<button class="btn btn-link btn-xs pull-right" type="button" data-action="delete">[[groups:details.delete_group]]</button>
+					<button class="btn btn-primary" type="button" data-action="update">[[global:save_changes]]</button>
+				</form>
+			</div>
+		</div>
+		<!-- ENDIF group.isOwner -->
+		<div data-widget-area="left">
+			{{{each widgets.left}}}
+			{{widgets.left.html}}
+			{{{end}}}
+		</div>
+	</div>
+	<div class="col-lg-8 col-xs-12">
+		<div class="col-lg-11">
+			<!-- IF !posts.length -->
+			<div class="alert alert-info">[[groups:details.has_no_posts]]</div>
+			<!-- ENDIF !posts.length -->
+			<!-- IMPORT partials/posts_list.tpl -->
+		</div>
+		<div data-widget-area="right">
+			{{{each widgets.right}}}
+			{{widgets.right.html}}
+			{{{end}}}
+		</div>
+	</div>
+</div>