[BUGFIX] User proper Fluid namespace detection 49/47549/9
authorBenni Mack <benni@typo3.org>
Tue, 12 Apr 2016 10:55:14 +0000 (12:55 +0200)
committerSusanne Moog <typo3@susannemoog.de>
Wed, 13 Apr 2016 08:01:02 +0000 (10:01 +0200)
The Fluid namespaces can be put in short-syntax, and in tags to be
resolved. However, if the template source is very large, then
preg_match_all() stops and returns "0" although the matched values are
within $matches. However, the $matched result is "0".

The regular expression for doing so, is very exhaustive and greedy, and
uses preg_match_all() however, preg_match() does the job as well.

Additionally, the regular expression is changed to be less
greedy (using *?).

An example where this is necessary is the FileList search module where
the additional namespaces are not resolved currently and the core icons
are not shown, because of the memory - exhausting regular expression.

Change-Id: Ia685091fe9fbcbb1520415ee5d48925852d1a400
Resolves: #75464
Releases: master
Reviewed-on: https://review.typo3.org/47549
Reviewed-by: Frank Naegler <frank.naegler@typo3.org>
Tested-by: Frank Naegler <frank.naegler@typo3.org>
Reviewed-by: Susanne Moog <typo3@susannemoog.de>
Tested-by: Susanne Moog <typo3@susannemoog.de>
Reviewed-by: Daniel Goerz <ervaude@gmail.com>
Tested-by: Daniel Goerz <ervaude@gmail.com>
typo3/sysext/fluid/Classes/Core/Parser/PreProcessor/XmlnsNamespaceTemplatePreProcessor.php
typo3/sysext/fluid/Tests/Unit/Core/Fixtures/TestNamespaceTemplateBig.html [new file with mode: 0644]
typo3/sysext/fluid/Tests/Unit/Core/Fixtures/TestNamespaceTemplateBigExpectedResult.html [new file with mode: 0644]
typo3/sysext/fluid/Tests/Unit/Core/Parser/PreProcessor/XmlnsNamespaceTemplatePreProcessorTest.php

index b879da1..74585b4 100644 (file)
@@ -41,7 +41,7 @@ class XmlnsNamespaceTemplatePreProcessor implements TemplateProcessorInterface
      * the next TemplateProcessorInterface instance.
      *
      * Detects all tags that carry an `xmlns:` definition using a Fluid-compatible prefix and a
-     * conventional namespace URL (http://typo3.org/ns/). Extracts the detected namespaces and 
+     * conventional namespace URL (http://typo3.org/ns/). Extracts the detected namespaces and
      * removes the detected tag.
      *
      * @param string $templateSource
@@ -51,19 +51,19 @@ class XmlnsNamespaceTemplatePreProcessor implements TemplateProcessorInterface
     {
         $matches = array();
         $namespacePattern = 'xmlns:([a-z0-9]+)="(http\\:\\/\\/typo3\\.org\\/ns\\/[^"]+)"';
-        $matched = preg_match_all('/<([a-z0-9]+)\\s+(?:[^>]+\\s+)*' . $namespacePattern . '[^>]*>/', $templateSource, $matches, PREG_SET_ORDER);
+        $matched = preg_match('/<([a-z0-9]+)(?:[^>]*?)\\s+' . $namespacePattern . '[^>]*>/', $templateSource, $matches);
         if ($matched) {
             $namespaces = array();
-            preg_match_all('/' . $namespacePattern . '/', $matches[0][0], $namespaces, PREG_SET_ORDER);
+            preg_match_all('/' . $namespacePattern . '/', $matches[0], $namespaces, PREG_SET_ORDER);
             foreach ($namespaces as $set) {
                 $namespaceUrl = $set[2];
                 $namespaceUri = substr($namespaceUrl, 20);
                 $namespacePhp = str_replace('/', '\\', $namespaceUri);
                 $this->renderingContext->getViewHelperResolver()->addNamespace($set[1], $namespacePhp);
             }
-            if (strpos($matches[0][0], 'data-namespace-typo3-fluid="true"')) {
-                $templateSource = str_replace($matches[0][0], '', $templateSource);
-                $closingTagName = $matches[0][1];
+            if (strpos($matches[0], 'data-namespace-typo3-fluid="true"')) {
+                $templateSource = str_replace($matches[0], '', $templateSource);
+                $closingTagName = $matches[1];
                 $closingTag = '</' . $closingTagName . '>';
                 if (strpos($templateSource, $closingTag)) {
                     $templateSource = substr($templateSource, 0, strrpos($templateSource, $closingTag)) .
@@ -75,8 +75,8 @@ class XmlnsNamespaceTemplatePreProcessor implements TemplateProcessorInterface
                     foreach ($namespaces as $namespace) {
                         $namespaceAttributesToRemove[] = preg_quote($namespace[1], '/') . '="' . preg_quote($namespace[2], '/') . '"';
                     }
-                    $matchWithRemovedNamespaceAttributes = preg_replace('/(?:\\s*+xmlns:(?:' . implode('|', $namespaceAttributesToRemove) . ')\\s*+)++/', ' ', $matches[0][0]);
-                    $templateSource = str_replace($matches[0][0], $matchWithRemovedNamespaceAttributes, $templateSource);
+                    $matchWithRemovedNamespaceAttributes = preg_replace('/(?:\\s*+xmlns:(?:' . implode('|', $namespaceAttributesToRemove) . ')\\s*+)++/', ' ', $matches[0]);
+                    $templateSource = str_replace($matches[0], $matchWithRemovedNamespaceAttributes, $templateSource);
                 }
             }
         }
diff --git a/typo3/sysext/fluid/Tests/Unit/Core/Fixtures/TestNamespaceTemplateBig.html b/typo3/sysext/fluid/Tests/Unit/Core/Fixtures/TestNamespaceTemplateBig.html
new file mode 100644 (file)
index 0000000..9734757
--- /dev/null
@@ -0,0 +1,2308 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+       xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+       xmlns:fl="http://typo3.org/ns/TYPO3/CMS/Filelist/ViewHelpers">
+<f:layout name="Default"/>
+
+<f:section name="headline">
+       <h1><f:translate id="search">Search</f:translate>: "{searchWord}"</h1>
+</f:section>
+
+<f:section name="content">
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                               <f:if condition="{file.isDeletable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default t3js-filelist-delete"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-identifier="{file.identifier}"
+                                                                                        data-veri-code="{veriCode}"
+                                                                                        data-title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.delete' )}"
+                                                                                        data-content="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:mess.delete', arguments: {0:file.name} )}"
+                                                                                        data-check="{f:if(condition:settings.jsConfirmationDelete, then:'1', else:'0')}"
+                                                                                        data-delete-url="{deleteUrl}"
+                                                                                        data-delete-type="delete_file"
+                                                                                        data-redirect-url="{f:uri.action( action:'search', arguments:{ searchWord:'{searchWord->f:format.htmlentities()}' } )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-delete" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+                                                       </div>
+                                               </td>
+                                               <td nowrap="nowrap">{file.extension}</td>
+                                               <td nowrap="nowrap">{file.lastModified}</td>
+                                               <td nowrap="nowrap">{file.size}</td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.isReadable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:read' )}</strong></f:if><f:if condition="{file.isWritable}"><strong class="text-danger">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:write' )}</strong></f:if>
+                                               </td>
+                                               <td nowrap="nowrap">
+                                                       <f:if condition="{file.referenceCount} > 0">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-references" data-identifier="{file.combinedIdentifier}" title="{f:translate( htmlEscape:'true', key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references' )} ({file.referenceCount})">{file.referenceCount}</a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       -
+                                                               </f:else>
+                                                       </f:if>
+                                               </td>
+                                       </tr>
+                               </f:for>
+                               </tbody>
+                       </table>
+               </div>
+       </f:if>
+
+       <f:render partial="SearchForm" arguments="{searchWord:searchWord}" />
+
+       <f:if condition="{files->f:count()} > 0">
+               <div class="table-fit">
+                       <table class="table table-striped table-hover">
+                               <thead>
+                               <tr data-uid="0" data-l10nparent="0">
+                                       <th nowrap="nowrap" class="col-icon"></th>
+                                       <th nowrap="nowrap" class="col-path">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_filepath' )}</th>
+                                       <th nowrap="nowrap" class="col-title">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_file' )}</th>
+                                       <th nowrap="nowrap" class="col-control"></th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_fileext' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_tstamp' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_size' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c_rw' )}</th>
+                                       <th nowrap="nowrap">{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_mod_file_list.xlf:c__REF_' )}</th>
+                               </tr>
+                               </thead>
+                               <tbody>
+                               <f:for each="{files}" as="file">
+                                       <tr data-uid="0" data-l10nparent="0">
+                                               <td nowrap="nowrap" class="col-icon">
+                                                       <fl:link.clickMenuOnIcon table="{file.combinedIdentifier}">
+                                                               {file.icon->f:format.raw()}
+                                                       </fl:link.clickMenuOnIcon>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-path">
+                                                       {file.path}
+                                               </td>
+                                               <td nowrap="nowrap" class="col-title">
+                                                       <f:if condition="{file.isMetadataEditable}">
+                                                               <f:then>
+                                                                       <a href="#" class="filelist-file-title"
+                                                                                title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editMetadata' )}"
+                                                                                data-url="{fl:uri.editSysFileMetadataRecord( uid:file.metadataUid, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                       >
+                                                                               {file.name->f:format.crop( maxCharacters:30 )}
+                                                                       </a>
+                                                               </f:then>
+                                                               <f:else>
+                                                                       {file.name->f:format.crop( maxCharacters:30 )}
+                                                               </f:else>
+                                                       </f:if>
+                                                       <f:if condition="{file.isImage}">
+                                                               <br>
+                                                               <f:image image="{file.resource}" maxWidth="64" maxHeight="43" />
+                                                       </f:if>
+                                               </td>
+                                               <td nowrap="nowrap" class="col-control">
+                                                       <div class="btn-group">
+                                                               <f:if condition="{file.isEditable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-edit"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.editcontent' )}"
+                                                                                        data-url="{fl:uri.editFileContent( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-page-open" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.publicUrl}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-view"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.view' )}"
+                                                                                        data-url="{file.publicUrl}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-view" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReplaceable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-replace"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.replace' )}"
+                                                                                        data-url="{fl:uri.replaceFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-replace" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isRenamable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-rename"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.rename' )}"
+                                                                                        data-url="{fl:uri.renameFile( file:file.resource, returnUrl:'{f:uri.action( action:\'search\', arguments:{ searchWord:\'{searchWord->f:format.htmlentities()}\' } )}' )}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-edit-rename" />
+                                                                               </a>
+                                                                       </f:then>
+                                                                       <f:else>
+                                                                               <span class="btn btn-default disabled"><core:icon identifier="empty-empty" /></span>
+                                                                       </f:else>
+                                                               </f:if>
+
+                                                               <f:if condition="{file.isReadable}">
+                                                                       <f:then>
+                                                                               <a href="#" class="btn btn-default filelist-file-info"
+                                                                                        title="{f:translate( htmlEscape:'true', key:'LLL:EXT:lang/locallang_core.xlf:cm.info' )}"
+                                                                                        data-identifier="{file.combinedIdentifier}"
+                                                                               >
+                                                                                       <core:icon identifier="actions-document-info" />
+                            &n