nodebb-theme-persona 12.0.13 → 12.1.1

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>

package/templates/partials/merge_topics_modal.tpl

@@ -1,58 +1,58 @@
-<div class="panel panel-primary merge-topic-card">
-	<div class="panel-heading">
-		<h3 class="panel-title">[[topic:thread_tools.merge_topics]]</h3>
-	</div>
-	<div class="panel-body">
-		<p>
-			[[topic:merge_topics_instruction]]
-		</p>
-		<p>
-			<div class="input-group">
-				<input class="form-control topic-search-input" type="text">
-				<span class="input-group-addon">
-					<i class="fa fa-search"></i>
-				</span>
-			</div>
-		</p>
-		<div style="position: relative;">
-			<div class="quick-search-container hidden">
-				<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
-				<div class="quick-search-results-container"></div>
-			</div>
-		</div>
-		<p><strong>[[topic:merge-topic-list-title]]</strong></p>
-		<ul class="topics-section">
-			{{{each topics}}}
-			<li><a href="{config.relative_path}/topic/{topics.tid}"><strong>{topics.title}</strong></a></li>
-			{{{end}}}
-		</ul>
-		<p>
-			<strong>[[topic:merge-options]]</strong>
-		</p>
-		<form>
-			<p>
-				<input class="merge-main-topic-radio" type="radio" name="merge-topic-option" checked="true"> [[topic:merge-select-main-topic]]
-			</p>
-			<p>
-				<select class="form-control merge-main-topic-select">
-					{{{each topics}}}
-					<option value="{topics.tid}">{topics.title}</option>
-					{{{end}}}
-				</select>
-			</p>
-			<p>
-				<input class="merge-new-title-radio" type="radio" name="merge-topic-option"> [[topic:merge-new-title-for-topic]]
-			</p>
-			<p>
-				<input class="merge-new-title-input form-control" type="text">
-			</p>
-		</form>
-	</div>
-	<div class="panel-footer">
-		&nbsp;
-		<div class="btn-group pull-right">
-			<button class="btn btn-link btn-xs" id="merge_topics_cancel">[[global:buttons.close]]</button>
-			<button class="btn btn-primary btn-xs" id="merge_topics_confirm" disabled>[[topic:thread_tools.merge]]</button>
-		</div>
-	</div>
+<div class="panel panel-primary merge-topic-card">
+	<div class="panel-heading">
+		<h3 class="panel-title">[[topic:thread_tools.merge_topics]]</h3>
+	</div>
+	<div class="panel-body">
+		<p>
+			[[topic:merge_topics_instruction]]
+		</p>
+		<p>
+			<div class="input-group">
+				<input class="form-control topic-search-input" type="text">
+				<span class="input-group-addon">
+					<i class="fa fa-search"></i>
+				</span>
+			</div>
+		</p>
+		<div style="position: relative;">
+			<div class="quick-search-container hidden">
+				<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
+				<div class="quick-search-results-container"></div>
+			</div>
+		</div>
+		<p><strong>[[topic:merge-topic-list-title]]</strong></p>
+		<ul class="topics-section">
+			{{{each topics}}}
+			<li><a href="{config.relative_path}/topic/{topics.tid}"><strong>{topics.title}</strong></a></li>
+			{{{end}}}
+		</ul>
+		<p>
+			<strong>[[topic:merge-options]]</strong>
+		</p>
+		<form>
+			<p>
+				<input class="merge-main-topic-radio" type="radio" name="merge-topic-option" checked="true"> [[topic:merge-select-main-topic]]
+			</p>
+			<p>
+				<select class="form-control merge-main-topic-select">
+					{{{each topics}}}
+					<option value="{topics.tid}">{topics.title}</option>
+					{{{end}}}
+				</select>
+			</p>
+			<p>
+				<input class="merge-new-title-radio" type="radio" name="merge-topic-option"> [[topic:merge-new-title-for-topic]]
+			</p>
+			<p>
+				<input class="merge-new-title-input form-control" type="text">
+			</p>
+		</form>
+	</div>
+	<div class="panel-footer">
+		&nbsp;
+		<div class="btn-group pull-right">
+			<button class="btn btn-link btn-xs" id="merge_topics_cancel">[[global:buttons.close]]</button>
+			<button class="btn btn-primary btn-xs" id="merge_topics_confirm" disabled>[[topic:thread_tools.merge]]</button>
+		</div>
+	</div>
 </div>

package/templates/partials/modals/flag_modal.tpl

@@ -1,45 +1,45 @@
-<div class="modal" tabindex="-1" role="dialog" aria-labelledby="[[flags:modal-title]]" aria-hidden="true">
-	<div class="modal-dialog modal-lg">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-				<h4 class="modal-title">
-					[[flags:modal-title]]
-				</h4>
-			</div>
-			<div class="modal-body">
-				<p class="lead">
-					[[flags:modal-body, {type}, {id}]]
-				</p>
-				<div>
-					<div class="radio">
-						<label for="flag-reason-spam">
-							<input type="radio" name="flag-reason" id="flag-reason-spam" value="[[flags:modal-reason-spam]]">
-							[[flags:modal-reason-spam]]
-						</label>
-					</div>
-
-					<div class="radio">
-						<label for="flag-reason-offensive">
-							<input type="radio" name="flag-reason" id="flag-reason-offensive" value="[[flags:modal-reason-offensive]]">
-							[[flags:modal-reason-offensive]]
-						</label>
-					</div>
-
-					<div class="radio">
-						<label for="flag-reason-other">
-							<input type="radio" name="flag-reason" id="flag-reason-other" value="[[flags:modal-reason-other]]">
-							[[flags:modal-reason-other]]
-						</label>
-					</div>
-				</div>
-				<div class="form-group">
-					<textarea class="form-control" id="flag-reason-custom" placeholder="[[flags:modal-reason-custom]]" disabled="disabled"></textarea>
-				</div>
-
-				<button type="button" class="btn btn-primary pull-right" id="flag-post-commit" disabled>[[flags:modal-submit]]</button>
-				<div class="clear"></div>
-			</div>
-		</div>
-	</div>
+<div class="modal" tabindex="-1" role="dialog" aria-labelledby="[[flags:modal-title]]" aria-hidden="true">
+	<div class="modal-dialog modal-lg">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+				<h4 class="modal-title">
+					[[flags:modal-title]]
+				</h4>
+			</div>
+			<div class="modal-body">
+				<p class="lead">
+					[[flags:modal-body, {type}, {id}]]
+				</p>
+				<div>
+					<div class="radio">
+						<label for="flag-reason-spam">
+							<input type="radio" name="flag-reason" id="flag-reason-spam" value="[[flags:modal-reason-spam]]">
+							[[flags:modal-reason-spam]]
+						</label>
+					</div>
+
+					<div class="radio">
+						<label for="flag-reason-offensive">
+							<input type="radio" name="flag-reason" id="flag-reason-offensive" value="[[flags:modal-reason-offensive]]">
+							[[flags:modal-reason-offensive]]
+						</label>
+					</div>
+
+					<div class="radio">
+						<label for="flag-reason-other">
+							<input type="radio" name="flag-reason" id="flag-reason-other" value="[[flags:modal-reason-other]]">
+							[[flags:modal-reason-other]]
+						</label>
+					</div>
+				</div>
+				<div class="form-group">
+					<textarea class="form-control" id="flag-reason-custom" placeholder="[[flags:modal-reason-custom]]" disabled="disabled"></textarea>
+				</div>
+
+				<button type="button" class="btn btn-primary pull-right" id="flag-post-commit" disabled>[[flags:modal-submit]]</button>
+				<div class="clear"></div>
+			</div>
+		</div>
+	</div>
 </div>

package/templates/partials/modals/manage_room.tpl

@@ -1,11 +1,11 @@
-<div class="form-group">
-	<input class="form-control" type="text" placeholder="[[global:user-search-prompt]]" />
-	<p class="text-danger"></p>
-	<p class="help-block">[[modules:chat.add-user-help]]</p>
-
-	<hr />
-
-	<ul class="list-group">
-		<li class="list-group-item"><i class="fa fa-spinner fa-spin"></i> [[modules:chat.retrieving-users]]</li>
-	</ul>
+<div class="form-group">
+	<input class="form-control" type="text" placeholder="[[global:user-search-prompt]]" />
+	<p class="text-danger"></p>
+	<p class="help-block">[[modules:chat.add-user-help]]</p>
+
+	<hr />
+
+	<ul class="list-group">
+		<li class="list-group-item"><i class="fa fa-spinner fa-spin"></i> [[modules:chat.retrieving-users]]</li>
+	</ul>
 </div>

package/templates/partials/modals/manage_room_users.tpl

@@ -1,7 +1,7 @@
-{{{each users}}}
-<li class="list-group-item">
-	<!-- IF ../canKick --><button class="pull-right btn btn-xs btn-link" data-action="kick" data-uid="{../uid}">[[modules:chat.kick]]</button><!-- END -->
-	{buildAvatar(users, "sm", true)}
-	<span>{../username} <!-- IF ../isOwner --><i class="fa fa-star text-warning" title="[[modules:chat.owner]]"></i><!-- END --></span>
-</li>
+{{{each users}}}
+<li class="list-group-item">
+	<!-- IF ../canKick --><button class="pull-right btn btn-xs btn-link" data-action="kick" data-uid="{../uid}">[[modules:chat.kick]]</button><!-- END -->
+	{buildAvatar(users, "sm", true)}
+	<span>{../username} <!-- IF ../isOwner --><i class="fa fa-star text-warning" title="[[modules:chat.owner]]"></i><!-- END --></span>
+</li>
 {{{end}}}

package/templates/partials/modals/post_history.tpl

@@ -1,36 +1,36 @@
-<p class="number-of-diffs">
-	<!-- IF numDiffs -->
-	[[topic:diffs.description, {numDiffs}]]
-	<!-- ELSE -->
-	[[topic:diffs.no-revisions-description, {numDiffs}]]
-	<!-- END -->
-</p>
-<!-- IF numDiffs -->
-<div class="form-group">
-	<select class="form-control">
-		{{{each diffs}}}
-		<option value="{../timestamp}">
-			{../pretty}
-			{{{ if ../username }}}[{../username}]{{{ end }}}
-			<!-- IF @first -->([[topic:diffs.current-revision]])<!-- END -->
-			<!-- IF @last -->([[topic:diffs.original-revision]])<!-- END -->
-		</option>
-		{{{end}}}
-	</select>
-
-	<hr />
-
-	<ul class="posts-list diffs"></ul>
-
-	{{{ if editable }}}
-	<button class="btn btn-primary" data-action="restore">[[topic:diffs.restore]]</button>
-	{{{ end }}}
-	{{{ if deletable }}}
-	<button class="btn btn-danger" data-action="delete">[[topic:diffs.delete]]</button>
-	{{{ end }}}
-	{{{ if editable }}}
-	<p class="help-block">[[topic:diffs.restore-description]]</p>
-	{{{ end }}}
-
-</div>
-<!-- END -->
+<p class="number-of-diffs">
+	<!-- IF numDiffs -->
+	[[topic:diffs.description, {numDiffs}]]
+	<!-- ELSE -->
+	[[topic:diffs.no-revisions-description, {numDiffs}]]
+	<!-- END -->
+</p>
+<!-- IF numDiffs -->
+<div class="form-group">
+	<select class="form-control">
+		{{{each diffs}}}
+		<option value="{../timestamp}">
+			{../pretty}
+			{{{ if ../username }}}[{../username}]{{{ end }}}
+			<!-- IF @first -->([[topic:diffs.current-revision]])<!-- END -->
+			<!-- IF @last -->([[topic:diffs.original-revision]])<!-- END -->
+		</option>
+		{{{end}}}
+	</select>
+
+	<hr />
+
+	<ul class="posts-list diffs"></ul>
+
+	{{{ if editable }}}
+	<button class="btn btn-primary" data-action="restore">[[topic:diffs.restore]]</button>
+	{{{ end }}}
+	{{{ if deletable }}}
+	<button class="btn btn-danger" data-action="delete">[[topic:diffs.delete]]</button>
+	{{{ end }}}
+	{{{ if editable }}}
+	<p class="help-block">[[topic:diffs.restore-description]]</p>
+	{{{ end }}}
+
+</div>
+<!-- END -->

package/templates/partials/modals/rename_room.tpl

@@ -1,4 +1,4 @@
-<input type="text" class="form-control" id="roomName" placeholder="[[modules:chat.rename-placeholder]]" value="{name}" />
-<p class="help-block">
-	[[modules:chat.rename-help]]
+<input type="text" class="form-control" id="roomName" placeholder="[[modules:chat.rename-placeholder]]" value="{name}" />
+<p class="help-block">
+	[[modules:chat.rename-help]]
 </p>

package/templates/partials/modals/votes_modal.tpl

@@ -1,10 +1,10 @@
-<h3>[[global:upvoters]] <small>({upvoteCount})</small></h3>
-{{{each upvoters}}}
-<a href="{config.relative_path}/user/{upvoters.userslug}">{buildAvatar(upvoters, "sm", false)}</a>
-{{{end}}}
-<!-- IF showDownvotes -->
-<h3>[[global:downvoters]] <small>({downvoteCount})</small></h3>
-{{{each downvoters}}}
-<a href="{config.relative_path}/user/{downvoters.userslug}">{buildAvatar(downvoters, "sm", false)}</a>
-{{{end}}}
-<!-- ENDIF showDownvotes -->
+<h3>[[global:upvoters]] <small>({upvoteCount})</small></h3>
+{{{each upvoters}}}
+<a href="{config.relative_path}/user/{upvoters.userslug}">{buildAvatar(upvoters, "sm", false)}</a>
+{{{end}}}
+<!-- IF showDownvotes -->
+<h3>[[global:downvoters]] <small>({downvoteCount})</small></h3>
+{{{each downvoters}}}
+<a href="{config.relative_path}/user/{downvoters.userslug}">{buildAvatar(downvoters, "sm", false)}</a>
+{{{end}}}
+<!-- ENDIF showDownvotes -->

package/templates/partials/move_thread_modal.tpl

@@ -1,17 +1,17 @@
-<div id="move_thread_modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Move Topic" aria-hidden="true">
-	<div class="modal-dialog">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-				<h3>[[topic:move_topic]]</h3>
-			</div>
-			<div class="modal-body">
-				<!-- IMPORT partials/category-selector.tpl -->
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-default" data-dismiss="modal" id="move_thread_cancel">[[global:buttons.close]]</button>
-				<button type="button" class="btn btn-primary" id="move_thread_commit" disabled>[[topic:confirm_move]]</button>
-			</div>
-		</div>
-	</div>
+<div id="move_thread_modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Move Topic" aria-hidden="true">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+				<h3>[[topic:move_topic]]</h3>
+			</div>
+			<div class="modal-body">
+				<!-- IMPORT partials/category-selector.tpl -->
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-default" data-dismiss="modal" id="move_thread_cancel">[[global:buttons.close]]</button>
+				<button type="button" class="btn btn-primary" id="move_thread_commit" disabled>[[topic:confirm_move]]</button>
+			</div>
+		</div>
+	</div>
 </div>

package/templates/partials/paginator.tpl

@@ -1,45 +1,45 @@
-<div component="pagination" class="text-center pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->">
-	<ul class="pagination hidden-xs">
-		<li class="previous pull-left<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
-		</li>
-
-		{{{each pagination.pages}}}
-			<!-- IF pagination.pages.separator -->
-			<li component="pagination/select-page" class="page select-page">
-				<a href="#"><i class="fa fa-ellipsis-h"></i></a>
-			</li>
-			<!-- ELSE -->
-			<li class="page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" >
-				<a href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a>
-			</li>
-			<!-- ENDIF pagination.pages.separator -->
-		{{{end}}}
-
-		<li class="next pull-right<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
-		</li>
-	</ul>
-
-	<ul class="pagination hidden-sm hidden-md hidden-lg">
-		<li class="first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
-		</li>
-
-		<li class="previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
-		</li>
-
-		<li component="pagination/select-page" class="page select-page">
-			<a href="#">{pagination.currentPage} / {pagination.pageCount}</a>
-		</li>
-
-		<li class="next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
-		</li>
-
-		<li class="last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
-		</li>
-	</ul>
+<div component="pagination" class="text-center pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->">
+	<ul class="pagination hidden-xs">
+		<li class="previous pull-left<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
+		</li>
+
+		{{{each pagination.pages}}}
+			<!-- IF pagination.pages.separator -->
+			<li component="pagination/select-page" class="page select-page">
+				<a href="#"><i class="fa fa-ellipsis-h"></i></a>
+			</li>
+			<!-- ELSE -->
+			<li class="page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" >
+				<a href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a>
+			</li>
+			<!-- ENDIF pagination.pages.separator -->
+		{{{end}}}
+
+		<li class="next pull-right<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
+		</li>
+	</ul>
+
+	<ul class="pagination hidden-sm hidden-md hidden-lg">
+		<li class="first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
+		</li>
+
+		<li class="previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
+		</li>
+
+		<li component="pagination/select-page" class="page select-page">
+			<a href="#">{pagination.currentPage} / {pagination.pageCount}</a>
+		</li>
+
+		<li class="next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
+		</li>
+
+		<li class="last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
+		</li>
+	</ul>
 </div>