39 lines
2.0 KiB
HTML
39 lines
2.0 KiB
HTML
<section class="{{cssClass}} directory flexcol" id="{{cssId}}" data-tab="{{tabName}}">
|
|
|
|
<!-- Directory Header -->
|
|
<header class="directory-header">
|
|
<div class="header-actions action-buttons flexrow">
|
|
{{#if canCreateEntry}}
|
|
<button class="create-document create-entry"><i class="{{sidebarIcon}}"></i> {{localize 'SIDEBAR.Create' type=label}}</button>
|
|
{{/if}}
|
|
{{#if canCreateFolder }}
|
|
<button class="create-folder"><i class="{{folderIcon}}"></i> {{localize 'FOLDER.Create'}}</button>
|
|
{{/if}}
|
|
</div>
|
|
<div class="header-search flexrow">
|
|
<a class="header-control toggle-search-mode" aria-label="{{localize searchTooltip}}" role="button" data-tooltip="{{localize searchTooltip}}"><i class="fas {{searchIcon}}"></i></a>
|
|
<input type="search" name="search" value="" aria-label="{{localize 'SIDEBAR.Search' types=labelPlural}}" placeholder="{{localize 'SIDEBAR.Search' types=labelPlural}}" autocomplete="off"/>
|
|
<a class="header-control toggle-sort" aria-label="{{localize sortTooltip}}" role="button" data-tooltip="{{localize sortTooltip}}"><i class="fa-solid {{sortIcon}}"></i></a>
|
|
<a class="header-control collapse-all" aria-label="{{localize 'FOLDER.Collapse'}}" role="button" data-tooltip="FOLDER.Collapse"><i class="fa-duotone fa-folder-tree"></i></a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Directories List -->
|
|
<ol class="directory-list">
|
|
{{~#each tree.children}}
|
|
{{> (lookup @root "folderPartial") node=this folder=this.folder}}
|
|
{{/each}}
|
|
{{#each tree.entries}}
|
|
{{> (lookup @root "entryPartial")}}
|
|
{{/each~}}
|
|
</ol>
|
|
|
|
<!-- Directory Footer -->
|
|
<footer class="directory-footer action-buttons {{#if unavailable}}warning{{/if}}">
|
|
{{~#if unavailable}}
|
|
<i class="fa-solid fa-triangle-exclamation"></i>
|
|
<a class="show-issues">{{localize "SUPPORT.UnavailableDocuments" count=unavailable document=label}}</a>
|
|
{{/if~}}
|
|
</footer>
|
|
</section>
|