Added proper support for font size and color
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / membersList.tpl
index 81524be4d7c5523d3f4c7555659ec73d9e35be2b..a4867ed2e37eec17a61fae876282c42f63f8df6e 100644 (file)
@@ -1,11 +1,10 @@
-{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="container marginTop">
+       <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'}