-{include file='documentHeader'}
+{capture assign='pageTitle'}{if $searchID}{lang}wcf.user.search.results{/lang}{else}{$__wcf->getActivePage()->getTitle()}{/if}{if $pageNo > 1} - {lang}wcf.page.pageNo{/lang}{/if}{/capture}
-<head>
- <title>{if $searchID}{lang}wcf.user.search.results{/lang}{else}{lang}wcf.user.members{/lang}{/if} {if $pageNo > 1}- {lang}wcf.page.pageNo{/lang} {/if}- {PAGE_TITLE|language}</title>
-
- {include file='headInclude'}
-
- {capture assign='canonicalURLParameters'}sortField={@$sortField}&sortOrder={@$sortOrder}{if $letter}&letter={@$letter|rawurlencode}{/if}{/capture}
+{capture assign='contentTitle'}{if $searchID}{lang}wcf.user.search.results{/lang}{else}{$__wcf->getActivePage()->getTitle()}{/if} <span class="badge">{#$items}</span>{/capture}
+
+{capture assign='canonicalURLParameters'}sortField={@$sortField}&sortOrder={@$sortOrder}{if $letter}&letter={@$letter|rawurlencode}{/if}{/capture}
+
+{capture assign='headContent'}
{if $pageNo < $pages}
<link rel="next" href="{link controller='MembersList'}pageNo={@$pageNo+1}&{@$canonicalURLParameters}{/link}" />
{/if}
<link rel="prev" href="{link controller='MembersList'}{if $pageNo > 2}pageNo={@$pageNo-1}&{/if}{@$canonicalURLParameters}{/link}" />
{/if}
<link rel="canonical" href="{link controller='MembersList'}{if $pageNo > 1}pageNo={@$pageNo}&{/if}{@$canonicalURLParameters}{/link}" />
-
- <script data-relocate="true">
- //<![CDATA[
- $(function() {
- WCF.Language.addObject({
- 'wcf.user.button.follow': '{lang}wcf.user.button.follow{/lang}',
- 'wcf.user.button.ignore': '{lang}wcf.user.button.ignore{/lang}',
- 'wcf.user.button.unfollow': '{lang}wcf.user.button.unfollow{/lang}',
- 'wcf.user.button.unignore': '{lang}wcf.user.button.unignore{/lang}'
- });
-
- new WCF.User.Action.Follow($('.userList > li'));
- new WCF.User.Action.Ignore($('.userList > li'));
-
- new WCF.Search.User('#searchUsername', function(data) {
- var $link = '{link controller='User' id=2147483646 title='wcfTitlePlaceholder' encode=false}{/link}';
- window.location = $link.replace('2147483646', data.objectID).replace('wcfTitlePlaceholder', data.label);
- }, false, [ ], false);
- });
- //]]>
- </script>
-</head>
-
-<body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
+{/capture}
-{capture assign='sidebar'}
+{capture assign='sidebarRight'}
{assign var=encodedLetter value=$letter|rawurlencode}
- <div class="jsOnly">
+ <section class="jsOnly box">
<form method="post" action="{link controller='UserSearch'}{/link}">
- <fieldset>
- <legend><label for="searchUsername">{lang}wcf.user.search{/lang}</label></legend>
-
+ <h2 class="boxTitle"><a href="{link controller='UserSearch'}{/link}">{lang}wcf.user.search{/lang}</a></h2>
+
+ <div class="boxContent">
<dl>
<dt></dt>
<dd>
{@SECURITY_TOKEN_INPUT_TAG}
</dd>
</dl>
- </fieldset>
+ </div>
</form>
- </div>
+ </section>
- <fieldset>
- <legend>{lang}wcf.user.members.sort.letters{/lang}</legend>
-
- <ul class="buttonList smallButtons letters">
- {foreach from=$letters item=__letter}
- <li><a href="{if $searchID}{link controller='MembersList' id=$searchID}sortField={$sortField}&sortOrder={$sortOrder}&letter={$__letter|rawurlencode}{/link}{else}{link controller='MembersList'}sortField={$sortField}&sortOrder={$sortOrder}&letter={$__letter|rawurlencode}{/link}{/if}" class="button small{if $letter == $__letter} active{/if}">{$__letter}</a></li>
- {/foreach}
- {if !$letter|empty}<li><a href="{if $searchID}{link controller='MembersList' id=$searchID}sortField={$sortField}&sortOrder={$sortOrder}{/link}{else}{link controller='MembersList'}sortField={$sortField}&sortOrder={$sortOrder}{/link}{/if}" class="button small">{lang}wcf.user.members.sort.letters.all{/lang}</a></li>{/if}
- </ul>
- </fieldset>
+ <section class="box">
+ <h2 class="boxTitle">{lang}wcf.user.members.sort.letters{/lang}</h2>
- <div>
+ <div class="boxContent">
+ <ul class="buttonList smallButtons letters">
+ {foreach from=$letters item=__letter}
+ <li><a href="{if $searchID}{link controller='MembersList' id=$searchID}sortField={$sortField}&sortOrder={$sortOrder}&letter={$__letter|rawurlencode}{/link}{else}{link controller='MembersList'}sortField={$sortField}&sortOrder={$sortOrder}&letter={$__letter|rawurlencode}{/link}{/if}" class="button small{if $letter == $__letter} active{/if}">{$__letter}</a></li>
+ {/foreach}
+ {if !$letter|empty}<li><a href="{if $searchID}{link controller='MembersList' id=$searchID}sortField={$sortField}&sortOrder={$sortOrder}{/link}{else}{link controller='MembersList'}sortField={$sortField}&sortOrder={$sortOrder}{/link}{/if}" class="button small">{lang}wcf.user.members.sort.letters.all{/lang}</a></li>{/if}
+ </ul>
+ </div>
+ </section>
+
+ <section class="box">
<form method="post" action="{if $searchID}{link controller='MembersList' id=$searchID}{/link}{else}{link controller='MembersList'}{/link}{/if}">
- <fieldset>
- <legend><label for="sortField">{lang}wcf.user.members.sort{/lang}</label></legend>
-
+ <h2 class="boxTitle">{lang}wcf.user.members.sort{/lang}</h2>
+
+ <div class="boxContent">
<dl>
<dt></dt>
<dd>
</select>
</dd>
</dl>
- </fieldset>
-
- <div class="formSubmit">
- <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
- <input type="hidden" name="letter" value="{$letter}" />
- {@SID_INPUT_TAG}
+
+ <div class="formSubmit">
+ <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
+ <input type="hidden" name="letter" value="{$letter}" />
+ {@SID_INPUT_TAG}
+ </div>
</div>
</form>
- </div>
-
- {@$__boxSidebar}
+ </section>
{/capture}
-{include file='header' sidebarOrientation='right'}
-
-<header class="boxHeadline">
- <h1>{if $searchID}{lang}wcf.user.search.results{/lang}{else}{lang}wcf.user.members{/lang}{/if} <span class="badge">{#$items}</span></h1>
-</header>
-
-{include file='userNotice'}
+{include file='header'}
-<div class="contentNavigation">
- {if $searchID}
- {pages print=true assign=pagesLinks controller='MembersList' id=$searchID link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder&letter=$encodedLetter"}
- {else}
- {pages print=true assign=pagesLinks controller='MembersList' link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder&letter=$encodedLetter"}
- {/if}
-
- {hascontent}
- <nav>
- <ul>
- {content}
- {event name='contentNavigationButtonsTop'}
- {/content}
- </ul>
- </nav>
- {/hascontent}
-</div>
+{hascontent}
+ <div class="paginationTop">
+ {content}
+ {if $searchID}
+ {pages print=true assign=pagesLinks controller='MembersList' id=$searchID link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder&letter=$encodedLetter"}
+ {else}
+ {pages print=true assign=pagesLinks controller='MembersList' link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder&letter=$encodedLetter"}
+ {/if}
+ {/content}
+ </div>
+{/hascontent}
{if $items}
- <div class="section">
+ <div class="section sectionContainerList">
<ol class="containerList userList">
{foreach from=$objects item=user}
{include file='userListItem'}
<p class="info">{lang}wcf.user.members.noMembers{/lang}</p>
{/if}
-<div class="contentNavigation">
- {@$pagesLinks}
+<footer class="contentFooter">
+ {hascontent}
+ <div class="paginationBottom">
+ {content}{@$pagesLinks}{/content}
+ </div>
+ {/hascontent}
{hascontent}
- <nav>
+ <nav class="contentFooterNavigation">
<ul>
- {content}
- {event name='contentNavigationButtonsBottom'}
- {/content}
+ {content}{event name='contentFooterNavigation'}{/content}
</ul>
</nav>
{/hascontent}
-</div>
+</footer>
-{include file='footer'}
+<script data-relocate="true">
+ //<![CDATA[
+ $(function() {
+ WCF.Language.addObject({
+ 'wcf.user.button.follow': '{lang}wcf.user.button.follow{/lang}',
+ 'wcf.user.button.ignore': '{lang}wcf.user.button.ignore{/lang}',
+ 'wcf.user.button.unfollow': '{lang}wcf.user.button.unfollow{/lang}',
+ 'wcf.user.button.unignore': '{lang}wcf.user.button.unignore{/lang}'
+ });
+
+ new WCF.User.Action.Follow($('.userList > li'));
+ new WCF.User.Action.Ignore($('.userList > li'));
+
+ new WCF.Search.User('#searchUsername', function(data) {
+ var $link = '{link controller='User' id=2147483646 title='wcfTitlePlaceholder' encode=false}{/link}';
+ window.location = $link.replace('2147483646', data.objectID).replace('wcfTitlePlaceholder', data.label);
+ }, false, [ ], false);
+ });
+ //]]>
+</script>
-</body>
-</html>
+{include file='footer'}