Revert "Revert "Removed obsolete trailing slashes from void elements""

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / acp / templates / attachmentList.tpl

diff --git a/wcfsetup/install/files/acp/templates/attachmentList.tpl b/wcfsetup/install/files/acp/templates/attachmentList.tpl
index 37e22bf9597f0b9d2cae6888920d1f152d3cff97..471c89c9633c77ac4ebd12bd0a3729ccbaac955c 100644 (file)
--- a/wcfsetup/install/files/acp/templates/attachmentList.tpl
+++ b/wcfsetup/install/files/acp/templates/attachmentList.tpl
@@ -11,75 +11,79 @@
        //]]>
 </script>
 
-<header class="boxHeadline">
-       <h1>{lang}wcf.acp.attachment.list{/lang}</h1>
-       <p>{lang}wcf.acp.attachment.stats{/lang}</p>
+<header class="contentHeader">
+       <div class="contentHeaderTitle">
+               <h1 class="contentTitle">{lang}wcf.acp.attachment.list{/lang}</h1>
+               <p class="contentHeaderDescription">{lang}wcf.acp.attachment.stats{/lang}</p>
+       </div>
+       
+       {hascontent}
+               <nav class="contentHeaderNavigation">
+                       <ul>
+                               {content}{event name='contentHeaderNavigation'}{/content}
+                       </ul>
+               </nav>
+       {/hascontent}
 </header>
 
 {include file='formError'}
 
 <form method="post" action="{link controller='AttachmentList'}{/link}">
-       <div class="container containerPadding marginTop">
-               <fieldset>
-                       <legend>{lang}wcf.global.filter{/lang}</legend>
-                       
-                       <dl>
-                               <dt><label for="username">{lang}wcf.user.username{/lang}</label></dt>
+       <section class="section">
+               <h2 class="sectionTitle">{lang}wcf.global.filter{/lang}</h2>
+               
+               <div class="row rowColGap formGrid">
+                       <dl class="col-xs-12 col-md-4">
+                               <dt></dt>
                                <dd>
-                                       <input type="text" id="username" name="username" value="{$username}" class="long" />
+                                       <input type="text" id="username" name="username" value="{$username}" placeholder="{lang}wcf.user.username{/lang}" class="long">
                                </dd>
                        </dl>
                        
-                       <dl>
-                               <dt><label for="filename">{lang}wcf.attachment.filename{/lang}</label></dt>
+                       <dl class="col-xs-12 col-md-4">
+                               <dt></dt>
                                <dd>
-                                       <input type="text" id="filename" name="filename" value="{$filename}" class="long" />
+                                       <input type="text" id="filename" name="filename" value="{$filename}" placeholder="{lang}wcf.attachment.filename{/lang}" class="long">
                                </dd>
                        </dl>
                        
-                       <dl>
-                               <dt><label for="fileType">{lang}wcf.attachment.fileType{/lang}</label></dt>
-                               <dd>
-                                       <select name="fileType" id="fileType">
-                                               <option value="">{lang}wcf.global.noSelection{/lang}</option>
-                                               {htmlOptions options=$availableFileTypes selected=$fileType}
-                                       </select>
-                               </dd>
-                       </dl>
-               </fieldset>
-       </div>
-       
-       <div class="formSubmit">
-               <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
-               {@SECURITY_TOKEN_INPUT_TAG}
-       </div>
+                       {if $availableFileTypes|count > 1}
+                               <dl class="col-xs-12 col-md-4">
+                                       <dt></dt>
+                                       <dd>
+                                               <select name="fileType" id="fileType">
+                                                       <option value="">{lang}wcf.attachment.fileType{/lang}</option>
+                                                       {htmlOptions options=$availableFileTypes selected=$fileType}
+                                               </select>
+                                       </dd>
+                               </dl>
+                       {/if}
+                       
+                       {event name='filterFields'}
+               </div>
+               
+               <div class="formSubmit">
+                       <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
+                       {@SECURITY_TOKEN_INPUT_TAG}
+               </div>
+       </section>
 </form>
 
-<div class="contentNavigation">
-       {assign var='linkParameters' value=''}
-       {if $username}{capture append=linkParameters}&username={@$username|rawurlencode}{/capture}{/if}
-       {if $filename}{capture append=linkParameters}&filename={@$filename|rawurlencode}{/capture}{/if}
-       {if $fileType}{capture append=linkParameters}&fileType={@$fileType|rawurlencode}{/capture}{/if}
-       
-       {pages print=true assign=pagesLinks controller="AttachmentList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder$linkParameters"}
-       
-       {hascontent}
-               <nav>
-                       {content}
-                               <ul>
-                                       {event name='contentNavigationButtonsTop'}
-                               </ul>
-                       {/content}
-               </nav>
-       {/hascontent}
-</div>
+{hascontent}
+       <div class="paginationTop">
+               {content}
+                       {assign var='linkParameters' value=''}
+                       {if $username}{capture append=linkParameters}&username={@$username|rawurlencode}{/capture}{/if}
+                       {if $filename}{capture append=linkParameters}&filename={@$filename|rawurlencode}{/capture}{/if}
+                       {if $fileType}{capture append=linkParameters}&fileType={@$fileType|rawurlencode}{/capture}{/if}
+                       
+                       {pages print=true assign=pagesLinks controller="AttachmentList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder$linkParameters"}
+               {/content}
+       </div>
+{/hascontent}
 
 {if $objects|count}
-       <div class="tabularBox tabularBoxTitle marginTop">
-               <header>
-                       <h2>{lang}wcf.acp.attachment.list{/lang} <span class="badge badgeInverse">{#$items}</span></h2>
-               </header>
-               
+       <div class="section tabularBox">
                <table class="table">
                        <thead>
                                <tr>
@@ -107,9 +111,9 @@
                                                        <div class="box48">
                                                                <a href="{link controller='Attachment' id=$attachment->attachmentID}{/link}"{if $attachment->isImage} class="jsImageViewer" title="{$attachment->filename}"{/if}>
                                                                        {if $attachment->tinyThumbnailType}
-                                                                               <img src="{link controller='Attachment' id=$attachment->attachmentID}tiny=1{/link}" class="attachmentTinyThumbnail" alt="" />
+                                                                               <img src="{link controller='Attachment' id=$attachment->attachmentID}tiny=1{/link}" class="attachmentTinyThumbnail" alt="">
                                                                        {else}
-                                                                               <span class="icon icon48 icon-paper-clip"></span>
+                                                                               <span class="icon icon48 fa-paperclip"></span>
                                                                        {/if}
                                                                </a>
                                                                
@@ -132,19 +136,21 @@
                </table>
        </div>
        
-       <div class="contentNavigation">
-               {@$pagesLinks}
+       <footer class="contentFooter">
+               {hascontent}
+                       <div class="paginationBottom">
+                               {content}{@$pagesLinks}{/content}
+                       </div>
+               {/hascontent}
                
                {hascontent}
-                       <nav>
-                               {content}
-                                       <ul>
-                                               {event name='contentNavigationButtonsBottom'}
-                                       </ul>
-                               {/content}
+                       <nav class="contentFooterNavigation">
+                               <ul>
+                                       {content}{event name='contentFooterNavigation'}{/content}
+                               </ul>
                        </nav>
                {/hascontent}
-       </div>
+       </footer>
 {else}
        <p class="info">{lang}wcf.global.noItems{/lang}</p>
 {/if}