"Fossies" - the Fresh Open Source Software Archive

Member "neos-development-collection-7.0.1/Neos.Media.Browser/Resources/Private/Templates/Asset/Index.html" (23 Feb 2021, 27547 Bytes) of package /linux/www/neos-development-collection-7.0.1.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) HTML source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 {namespace neos=Neos\Neos\ViewHelpers}
    2 <f:layout name="Default" />
    3 
    4 <f:section name="Title">Index view</f:section>
    5 
    6 <f:section name="Options">
    7     <div class="neos-file-options">
    8         <span class="count">
    9             {neos:backend.translate(id: 'search.itemCount', arguments: {0: searchResultCount}, package: 'Neos.Media.Browser')}
   10             <f:if condition="{searchTerm}"> {neos:backend.translate(id: 'search.foundMatches', arguments: {0: searchTerm}, package: 'Neos.Media.Browser')}</f:if>
   11         </span>
   12         <f:if condition="!{activeAssetSource.readOnly}">
   13         <f:link.action action="new" addQueryString="true"><i class="fas fa-upload"></i> {neos:backend.translate(id: 'upload', package: 'Neos.Media.Browser')}</f:link.action>
   14         </f:if>
   15     </div>
   16     <div class="neos-view-options">
   17         <f:if condition="{filterOptions}">
   18             <div class="neos-dropdown" id="neos-filter-menu">
   19                 <span title="{neos:backend.translate(id: 'filterOptions', package: 'Neos.Media.Browser')}" data-neos-toggle="tooltip">
   20                     <a class="dropdown-toggle{f:if(condition: '{filter} != \'All\'', then: ' neos-active')}" href="#" data-neos-toggle="dropdown" data-target="#neos-filter-menu">
   21                         <i class="fas fa-filter"></i>
   22                     </a>
   23                 </span>
   24                 <ul class="neos-dropdown-menu neos-pull-right" role="menu">
   25                     <f:for each="{filterOptions}" as="filterValue">
   26                         <li>
   27                             <f:render section="FilterLink.{filterValue}" />
   28                         </li>
   29                     </f:for>
   30                 </ul>
   31             </div>
   32         </f:if>
   33         <f:if condition="{activeAssetSourceSupportsSorting}">
   34             <f:then>
   35         <div class="neos-dropdown" id="neos-sort-menu">
   36             <span title="{neos:backend.translate(id: 'tooltip.sortOptions', package: 'Neos.Media.Browser')}" data-neos-toggle="tooltip">
   37                 <a class="dropdown-toggle" href="#" data-neos-toggle="dropdown" data-target="#neos-sort-menu">
   38                     <f:if condition="{sortDirection} === 'ASC'">
   39                         <f:then>
   40                             <i class="fas fa-{f:if(condition: '{sortBy} === \'Modified\'', then: 'sort-amount-up', else: 'sort-alpha-up')}"></i>
   41                         </f:then>
   42                         <f:else>
   43                             <i class="fas fa-{f:if(condition: '{sortBy} === \'Modified\'', then: 'sort-amount-down', else: 'sort-alpha-down')}"></i>
   44                         </f:else>
   45                     </f:if>
   46                 </a>
   47             </span>
   48             <div class="neos-dropdown-menu-list neos-pull-right" role="menu">
   49                 <span class="neos-dropdown-menu-list-title">{neos:backend.translate(id: 'sortby', package: 'Neos.Media.Browser')}</span>
   50                 <ul>
   51                     <li>
   52                         <f:link.action action="index" title="{neos:backend.translate(id: 'sortByLastModified', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{sortBy: 'Modified'}" addQueryString="true" class="{f:if(condition: '{sortBy} === \'Modified\'', then: 'neos-active')}"><i class="fas {f:if(condition: '{sortDirection} === \'ASC\'', then: 'fa-sort-amount-up', else: 'fa-sort-amount-down')}"></i> {neos:backend.translate(id: 'field.lastModified', package: 'Neos.Media.Browser')}</f:link.action>
   53                     </li>
   54                     <li>
   55                         <f:link.action action="index" title="{neos:backend.translate(id: 'sortByName', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{sortBy: 'Name'}" addQueryString="true" class="{f:if(condition: '{sortBy} === \'Name\'', then: 'neos-active')}"><i class="fas {f:if(condition: '{sortDirection} === \'ASC\'', then: 'fa-sort-alpha-up', else: 'fa-sort-alpha-down')}"></i> {neos:backend.translate(id: 'field.name', package: 'Neos.Media.Browser')}</f:link.action>
   56                     </li>
   57                 </ul>
   58                 <span class="neos-dropdown-menu-list-title">{neos:backend.translate(id: 'sortDirection', package: 'Neos.Media.Browser')}</span>
   59                 <ul>
   60                     <li>
   61                         <f:link.action action="index" title="{neos:backend.translate(id: 'sortDirection.asc.tooltip', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{sortDirection: 'ASC'}" addQueryString="true" class="{f:if(condition: '{sortDirection} === \'ASC\'', then: 'neos-active')}"><i class="fas fa-{f:if(condition: '{sortBy} === \'Name\'', then: 'sort-alpha-up', else: 'sort-amount-up')}"></i> {neos:backend.translate(id: 'sortDirection.asc', package: 'Neos.Media.Browser')}</f:link.action>
   62                     </li>
   63                     <li>
   64                         <f:link.action action="index" title="{neos:backend.translate(id: 'sortDirection.desc.tooltip', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{sortDirection: 'DESC'}" addQueryString="true" class="{f:if(condition: '{sortDirection} === \'DESC\'', then: 'neos-active')}"><i class="fas fa-{f:if(condition: '{sortBy} === \'Name\'', then: 'sort-alpha-down', else: 'sort-amount-down')}"></i> {neos:backend.translate(id: 'sortDirection.desc', package: 'Neos.Media.Browser')}</f:link.action>
   65                     </li>
   66                 </ul>
   67             </div>
   68         </div>
   69             </f:then>
   70         </f:if>
   71         <f:if condition="{view} === 'Thumbnail'">
   72             <f:then>
   73                 <f:link.action action="index" title="{neos:backend.translate(id: 'tooltip.listView', package: 'Neos.Media.Browser')}" arguments="{view: 'List'}" addQueryString="true" data="{neos-toggle: 'tooltip'}"><i class="fas fa-th-list"></i></f:link.action>
   74             </f:then>
   75             <f:else>
   76                 <f:link.action action="index" title="{neos:backend.translate(id: 'tooltip.thumbnailView', package: 'Neos.Media.Browser')}" arguments="{view: 'Thumbnail'}" addQueryString="true" data="{neos-toggle: 'tooltip'}"><i class="fas fa-th"></i></f:link.action>
   77             </f:else>
   78         </f:if>
   79     </div>
   80 </f:section>
   81 
   82 <f:section name="Sidebar">
   83     <f:form action="index" addQueryString="true" method="get" class="neos-search">
   84         <button type="submit" class="neos-button" title="{neos:backend.translate(id: 'search.title', package: 'Neos.Media.Browser')}" data-neos-toggle="tooltip"><i class="fas fa-search"></i></button>
   85         <div>
   86             <input type="search" name="{f:if(condition: argumentNamespace, then: '{argumentNamespace}[searchTerm]', else: 'searchTerm')}" placeholder="{neos:backend.translate(id: 'search.placeholder', package: 'Neos.Media.Browser')}" value="{searchTerm}"{f:if(condition: '{tags -> f:count()} <= 25', then: ' autofocus="autofocus"')} />
   87         </div>
   88     </f:form>
   89     <f:if condition="{assetSources -> f:count()} > 1">
   90     <div class="neos-media-aside-group">
   91         <h2>{neos:backend.translate(id: 'mediaSources', package: 'Neos.Media.Browser')}</h2>
   92         <ul class="neos-media-aside-list">
   93             <f:for each="{assetSources}" key="assetSourceIdentifier" as="assetSource">
   94                 <li>
   95                     <f:link.action action="index" title="{f:if(condition:assetSource.description, then: assetSource.description, else: assetSource.label)}" class="{f:if(condition: '{assetSourceIdentifier} === {activeAssetSource.identifier}', then: ' neos-active')}" arguments="{assetSourceIdentifier: assetSourceIdentifier}" addQueryString="true">
   96                       <f:if condition="{assetSource.iconUri}"><img class="neos-media-assetsource-icon" src="{assetSource.iconUri}" /></f:if>
   97                                             {assetSource.label}
   98                     </f:link.action>
   99                 </li>
  100             </f:for>
  101         </ul>
  102     </div>
  103     </f:if>
  104     <div class="neos-media-aside-group">
  105         <f:if condition="!{activeAssetSource.readOnly}">
  106         <f:security.ifAccess privilegeTarget="Neos.Media.Browser:ManageAssetCollections">
  107             <f:then>
  108                 <h2>
  109                     {neos:backend.translate(id: 'collections', package: 'Neos.Media.Browser')}
  110                     <span class="neos-media-aside-list-edit-toggle neos-button" title="{neos:backend.translate(id: 'editCollections', package: 'Neos.Media.Browser')}" data-neos-toggle="tooltip"><i class="{f:if(condition: assetCollections, then: 'fas fa-pencil-alt', else: 'fas fa-plus')}"></i></span>
  111                 </h2>
  112             </f:then>
  113             <f:else>
  114                 <f:if condition="{assetCollections}">
  115                     <h2>{neos:backend.translate(id: 'collections', package: 'Neos.Media.Browser')}</h2>
  116                 </f:if>
  117             </f:else>
  118         </f:security.ifAccess>
  119             <f:if condition="{assetCollections -> f:count()}">
  120             <ul class="neos-media-aside-list">
  121                 <li>
  122                     <f:link.action action="index" class="{f:if(condition: activeAssetCollection, else: ' neos-active')}" title="{neos:backend.translate(id: 'allCollections', package: 'Neos.Media.Browser')}" arguments="{view: view, collectionMode: 1}" addQueryString="true">
  123                         {neos:backend.translate(id: 'filter.all', package: 'Neos.Media.Browser')}
  124                         <span class="count">{allCollectionsCount}</span>
  125                     </f:link.action>
  126                 </li>
  127                 <f:for each="{assetCollections}" as="assetCollection">
  128                     <li>
  129                         <f:link.action action="index" title="{assetCollection.object.title}" class="droppable-assetcollection{f:if(condition: '{assetCollection.object} === {activeAssetCollection}', then: ' neos-active')}" arguments="{view: view, assetCollection: assetCollection.object, collectionMode: 0}" addQueryString="true" data="{assetcollection-identifier: '{assetCollection.object -> f:format.identifier()}'}">
  130                             {assetCollection.object.title}
  131                             <span class="count">{assetCollection.count}</span>
  132                         </f:link.action>
  133                         <div class="neos-sidelist-edit-actions">
  134                             <f:link.action class="neos-button" action="editAssetCollection" arguments="{assetCollection: assetCollection.object}" addQueryString="true" title="{neos:backend.translate(id: 'editCollection', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip'}"><i class="fas fa-pencil-alt"></i></f:link.action>
  135                             <button type="submit" class="neos-button neos-button-danger" data-modal="delete-assetcollection-modal" data-object-identifier="{assetCollection.object -> f:format.identifier()}" data-label="{assetCollection.object.title}" title="{neos:backend.translate(id: 'deleteCollection', package: 'Neos.Media.Browser')}" data-neos-toggle="tooltip"><i class="fas fa-trash"></i></button>
  136                         </div>
  137                     </li>
  138                 </f:for>
  139             </ul>
  140             <div class="neos-hide" id="delete-assetcollection-modal">
  141                 <div class="neos-modal-centered">
  142                     <div class="neos-modal-content">
  143                         <div class="neos-modal-header">
  144                             <button type="button" class="neos-close neos-button" data-dismiss="modal"></button>
  145                             <div class="neos-header">{neos:backend.translate(id: 'message.reallyDeleteCollection', package: 'Neos.Media.Browser')}</div>
  146                             <div>
  147                                 <div class="neos-subheader">
  148                                     <p>
  149                                         {neos:backend.translate(id: 'message.willDeleteCollection', package: 'Neos.Media.Browser')}<br />
  150                                         {neos:backend.translate(id: 'message.operationCannotBeUndone', package: 'Neos.Media.Browser')}
  151                                     </p>
  152                                 </div>
  153                             </div>
  154                         </div>
  155                         <div class="neos-modal-footer">
  156                             <a href="#" class="neos-button" data-dismiss="modal">{neos:backend.translate(id: 'cancel', package: 'Neos.Neos')}</a>
  157                             <f:form action="deleteAssetCollection" addQueryString="true" class="neos-inline">
  158                                 <f:form.hidden name="assetCollection" id="modal-form-object" />
  159                                 <button type="submit" class="neos-button neos-button-danger">
  160                                     {neos:backend.translate(id: 'message.confirmDeleteCollection', package: 'Neos.Media.Browser')}
  161                                 </button>
  162                                 <f:render partial="ConstraintsHiddenFields" arguments="{constraints: constraints}" />
  163                             </f:form>
  164                         </div>
  165                     </div>
  166                 </div>
  167                 <div class="neos-modal-backdrop neos-in"></div>
  168             </div>
  169         </f:if>
  170         <f:security.ifAccess privilegeTarget="Neos.Media.Browser:ManageAssetCollections">
  171             <f:form action="createAssetCollection" addQueryString="true" id="neos-assetcollections-create-form">
  172                 <f:form.textfield name="title" placeholder="{neos:backend.translate(id: 'newCollection.placeholder', package: 'Neos.Media.Browser')}" /><br /><br />
  173                 <button type="submit" class="neos-button neos-button-primary">{neos:backend.translate(id: 'createCollection', package: 'Neos.Media.Browser')}</button>
  174                 <f:render partial="ConstraintsHiddenFields" arguments="{constraints: constraints}" />
  175             </f:form>
  176         </f:security.ifAccess>
  177         </f:if>
  178     </div>
  179 
  180     <f:if condition="!{activeAssetSource.readOnly}">
  181     <div class="neos-media-aside-group">
  182         <h2>
  183             {neos:backend.translate(id: 'tags', package: 'Neos.Media.Browser')}
  184             <span class="neos-media-aside-list-edit-toggle neos-button" title="{neos:backend.translate(id: 'editTags', package: 'Neos.Media.Browser')}" data-neos-toggle="tooltip"><i class="{f:if(condition: tags, then: 'fas fa-pencil-alt', else: 'fas fa-plus')}"></i></span>
  185         </h2>
  186         <ul class="neos-media-aside-list">
  187             <li class="neos-media-list-all">
  188                 <f:link.action action="index" title="{neos:backend.translate(id: 'tags.title.all', package: 'Neos.Media.Browser')}" class="{f:if(condition: '{tagMode} === 1', then: 'neos-active')}" arguments="{tagMode: 1}" addQueryString="true">
  189                     {neos:backend.translate(id: 'tags.all', package: 'Neos.Media.Browser')}
  190                     <span class="count">{allCount}</span>
  191                 </f:link.action>
  192             </li>
  193             <li class="neos-media-list-untagged">
  194                 <f:link.action action="index" title="{neos:backend.translate(id: 'untaggedAssets', package: 'Neos.Media.Browser')}" class="{f:if(condition: '{tagMode} === 2', then: 'neos-active')}" arguments="{tagMode: 2}" addQueryString="true">
  195                     {neos:backend.translate(id: 'untagged', package: 'Neos.Media.Browser')}
  196                     <span class="count">{untaggedCount}</span>
  197                 </f:link.action>
  198             </li>
  199             <f:for each="{tags}" as="tag">
  200                 <li>
  201                     <f:link.action action="index" title="{tag.object.label}" class="droppable-tag{f:if(condition: '{tag.object} === {activeTag}', then: ' neos-active')}" arguments="{tag: tag.object, tagMode: 0}" addQueryString="true" data="{tag-identifier: '{tag.object -> f:format.identifier()}'}">
  202                         {tag.object.label}
  203                         <span class="count">{tag.count}</span>
  204                     </f:link.action>
  205                     <div class="neos-sidelist-edit-actions">
  206                         <f:link.action class="neos-button" action="editTag" arguments="{tag: tag.object}" addQueryString="true" title="{neos:backend.translate(id: 'editTag', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip'}"><i class="fas fa-pencil-alt"></i></f:link.action>
  207                         <button class="neos-button neos-button-danger" title="{neos:backend.translate(id: 'deleteTag', package: 'Neos.Media.Browser')}" data-neos-toggle="tooltip" data-modal="delete-tag-modal" data-object-identifier="{tag.object -> f:format.identifier()}" data-label="{tag.object.label}"><i class="fas fa-trash"></i></button>
  208                     </div>
  209                 </li>
  210             </f:for>
  211             <div class="neos-hide" id="delete-tag-modal">
  212                 <div class="neos-modal-centered">
  213                     <div class="neos-modal-content">
  214                         <div class="neos-modal-header">
  215                             <button type="button" class="neos-close neos-button" data-dismiss="modal"></button>
  216                             <div class="neos-header">{neos:backend.translate(id: 'message.reallyDeleteTag', package: 'Neos.Media.Browser')}</div>
  217                             <div>
  218                                 <div class="neos-subheader">
  219                                     <p>
  220                                         {neos:backend.translate(id: 'message.willDeleteTag', package: 'Neos.Media.Browser')}<br />
  221                                         {neos:backend.translate(id: 'message.operationCannotBeUndone', package: 'Neos.Media.Browser')}
  222                                     </p>
  223                                 </div>
  224                             </div>
  225                         </div>
  226                         <div class="neos-modal-footer">
  227                             <a href="#" class="neos-button" data-dismiss="modal">{neos:backend.translate(id: 'cancel', package: 'Neos.Neos')}</a>
  228                             <f:form action="deleteTag" addQueryString="true" class="neos-inline">
  229                                 <f:form.hidden name="tag" id="modal-form-object" />
  230                                 <button type="submit" class="neos-button neos-button-danger">
  231                                     {neos:backend.translate(id: 'message.confirmDeleteTag', package: 'Neos.Media.Browser')}
  232                                 </button>
  233                                 <f:render partial="ConstraintsHiddenFields" arguments="{constraints: constraints}" />
  234                             </f:form>
  235                         </div>
  236                     </div>
  237                 </div>
  238                 <div class="neos-modal-backdrop neos-in"></div>
  239             </div>
  240         </ul>
  241         <f:form action="createTag" addQueryString="true" id="neos-tags-create-form">
  242             <f:form.textfield name="label" placeholder="{neos:backend.translate(id: 'placeholder.createTag', package: 'Neos.Media.Browser')}" /><br /><br />
  243             <button type="submit" class="neos-button neos-button-primary">{neos:backend.translate(id: 'createTag', package: 'Neos.Media.Browser')}</button>
  244             <f:render partial="ConstraintsHiddenFields" arguments="{constraints: constraints}" />
  245         </f:form>
  246     </div>
  247     </f:if>
  248 </f:section>
  249 
  250 <f:section name="Content">
  251     <f:if condition="!{activeAssetSource.readOnly}">
  252     <div id="dropzone" class="neos-upload-area">
  253         <div title="{neos:backend.translate(id: 'maxUploadSize', arguments: {0: humanReadableMaximumFileUploadSize}, package: 'Neos.Media.Browser')}" data-neos-toggle="tooltip">{neos:backend.translate(id: 'dropFiles', package: 'Neos.Media.Browser')}<i class="fas fa-arrow-down"></i><span> {neos:backend.translate(id: 'clickToUpload', package: 'Neos.Media.Browser')}</span></div>
  254         <f:form method="post" action="create" addQueryString="true" object="{asset}" objectName="asset" enctype="multipart/form-data">
  255             <f:form.upload id="resource" property="resource" additionalAttributes="{required: 'required', accept: constraints.mediaTypeAcceptAttribute}" />
  256             <f:render partial="ConstraintsHiddenFields" arguments="{constraints: constraints}" />
  257         </f:form>
  258     </div>
  259     <div id="uploader">
  260         <div id="filelist"></div>
  261     </div>
  262     </f:if>
  263     <f:if condition="{connectionError}">
  264         <f:then>
  265             <h2>{neos:backend.translate(id: 'connectionError', package: 'Neos.Media.Browser')}</h2>
  266             <p>{connectionError.message}</p>
  267         </f:then>
  268         <f:else>
  269             <f:if condition="{assetProxies -> f:count()}">
  270         <f:then>
  271                     <f:if condition="!{activeAssetSource.readOnly}">
  272             <div class="neos-media-content-help">
  273                 <i class="fas fa-info-circle"></i> {neos:backend.translate(id: 'dragHelp', package: 'Neos.Media.Browser')}
  274             </div>
  275                     </f:if>
  276                     <f:render partial="{view}View" arguments="{assetProxies: assetProxies, activeAssetSource: activeAssetSource, activeAssetSourceSupportsSorting: activeAssetSourceSupportsSorting, sortBy: sortBy, sortDirection: sortDirection}" />
  277 
  278             <div class="neos-hide" id="delete-asset-modal">
  279                 <div class="neos-modal-centered">
  280                     <div class="neos-modal-content">
  281                         <div class="neos-modal-header">
  282                             <button type="button" class="neos-close neos-button" data-dismiss="modal"></button>
  283                             <div class="neos-header">{neos:backend.translate(id: 'message.reallyDeleteAsset', package: 'Neos.Media.Browser')}</div>
  284                             <div>
  285                                 <div class="neos-subheader">
  286                                     <p>
  287                                         {neos:backend.translate(id: 'message.willBeDeleted', package: 'Neos.Media.Browser')}<br />
  288                                         {neos:backend.translate(id: 'message.operationCannotBeUndone', package: 'Neos.Media.Browser')}
  289                                     </p>
  290                                 </div>
  291                             </div>
  292                         </div>
  293                         <div class="neos-modal-footer">
  294                             <a href="#" class="neos-button" data-dismiss="modal">{neos:backend.translate(id: 'cancel', package: 'Neos.Neos')}</a>
  295                             <f:form action="delete" addQueryString="true" method="post" class="neos-inline">
  296                                 <f:form.hidden name="asset" id="modal-form-object" />
  297                                 <button type="submit" class="neos-button neos-button-mini neos-button-danger">
  298                                     {neos:backend.translate(id: 'message.confirmDelete', package: 'Neos.Media.Browser')}
  299                                 </button>
  300                                 <f:render partial="ConstraintsHiddenFields" arguments="{constraints: constraints}" />
  301                             </f:form>
  302                         </div>
  303                     </div>
  304                 </div>
  305                 <div class="neos-modal-backdrop neos-in"></div>
  306             </div>
  307         </f:then>
  308         <f:else>
  309             <p>{neos:backend.translate(id: 'noAssetsFound', package: 'Neos.Media.Browser')}</p>
  310                 </f:else>
  311             </f:if>
  312         </f:else>
  313     </f:if>
  314 </f:section>
  315 
  316 <f:section name="Scripts">
  317     <script type="text/javascript" src="{f:uri.resource(package: 'Neos.Media.Browser', path: 'Libraries/jquery-ui/js/jquery-ui-1.10.3.custom.js')}"></script>
  318     <f:if condition="!{activeAssetSource.readOnly}">
  319     <script type="text/javascript">
  320         var uploadUrl = "{f:uri.action(action: 'upload', addQueryString: true, additionalParams: {__csrfToken: '{f:security.csrfToken()}'}, absolute: true) -> f:format.raw()}";
  321         var maximumFileUploadSize = {maximumFileUploadSize};
  322 <![CDATA[
  323         if (window.parent !== window && window.parent.NeosMediaBrowserCallbacks && window.parent.NeosMediaBrowserCallbacks.refreshThumbnail) {
  324             window.parent.NeosMediaBrowserCallbacks.refreshThumbnail();
  325         }
  326 ]]>
  327     </script>
  328     <f:form action="tagAsset" addQueryString="true" id="tag-asset-form" format="json">
  329         <f:form.hidden name="asset[__identity]" id="tag-asset-form-asset" />
  330         <f:form.hidden name="tag[__identity]" id="tag-asset-form-tag" />
  331     </f:form>
  332     <f:form action="addAssetToCollection" addQueryString="true" id="link-asset-to-assetcollection-form" format="json">
  333         <f:form.hidden name="asset[__identity]" id="link-asset-to-assetcollection-form-asset" />
  334         <f:form.hidden name="assetCollection[__identity]" id="link-asset-to-assetcollection-form-assetcollection" />
  335     </f:form>
  336     <script type="text/javascript" src="{f:uri.resource(package: 'Neos.Media.Browser', path: 'Libraries/plupload/plupload.full.min.js')}"></script>
  337     <script type="text/javascript" src="{f:uri.resource(package: 'Neos.Media.Browser', path: 'JavaScript/upload.js')}"></script>
  338     <script type="text/javascript" src="{f:uri.resource(package: 'Neos.Media.Browser', path: 'JavaScript/collections-and-tagging.js')}"></script>
  339     </f:if>
  340     <script type="text/javascript" src="{f:uri.resource(package: 'Neos.Media.Browser', path: 'JavaScript/select.js')}"></script>
  341 </f:section>
  342 
  343 <f:section name="FilterLink.All"><f:link.action action="index" title="{neos:backend.translate(id: 'filter.title.all', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{filter: 'All'}" addQueryString="true" class="{f:if(condition: '{filter} === \'All\'', then: 'neos-active')}"><i class="fas fa-filter"></i> {neos:backend.translate(id: 'filter.all', package: 'Neos.Media.Browser')}</f:link.action></f:section>
  344 <f:section name="FilterLink.Image"><f:link.action action="index" title="{neos:backend.translate(id: 'filter.title.images', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{filter: 'Image'}" addQueryString="true" class="{f:if(condition: '{filter} === \'Image\'', then: 'neos-active')}"><i class="fas fa-image"></i> {neos:backend.translate(id: 'filter.images', package: 'Neos.Media.Browser')}</f:link.action></f:section>
  345 <f:section name="FilterLink.Document"><f:link.action action="index" title="{neos:backend.translate(id: 'filter.title.documents', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{filter: 'Document'}" addQueryString="true" class="{f:if(condition: '{filter} === \'Document\'', then: 'neos-active')}"><i class="fas fa-file-alt"></i> {neos:backend.translate(id: 'filter.documents', package: 'Neos.Media.Browser')}</f:link.action></f:section>
  346 <f:section name="FilterLink.Video"><f:link.action action="index" title="{neos:backend.translate(id: 'filter.title.video', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{filter: 'Video'}" addQueryString="true" class="{f:if(condition: '{filter} === \'Video\'', then: 'neos-active')}"><i class="fas fa-film"></i> {neos:backend.translate(id: 'filter.video', package: 'Neos.Media.Browser')}</f:link.action></f:section>
  347 <f:section name="FilterLink.Audio"><f:link.action action="index" title="{neos:backend.translate(id: 'filter.title.audio', package: 'Neos.Media.Browser')}" data="{neos-toggle: 'tooltip', placement: 'left'}" arguments="{filter: 'Audio'}" addQueryString="true" class="{f:if(condition: '{filter} === \'Audio\'', then: 'neos-active')}"><i class="fas fa-music"></i> {neos:backend.translate(id: 'filter.audio', package: 'Neos.Media.Browser')}</f:link.action></f:section>