55 lines
2.6 KiB
HTML
55 lines
2.6 KiB
HTML
<div id='{tabname}_{extra_networks_tabname}_pane' class='extra-network-pane'>
|
|
<div class="extra-network-control" id="{tabname}_{extra_networks_tabname}_controls" style="display:none" >
|
|
<div class="extra-network-control--search">
|
|
<input
|
|
id="{tabname}_{extra_networks_tabname}_extra_search"
|
|
class="extra-network-control--search-text"
|
|
type="search"
|
|
placeholder="Filter files"
|
|
>
|
|
</div>
|
|
<div
|
|
id="{tabname}_{extra_networks_tabname}_extra_sort"
|
|
class="extra-network-control--sort"
|
|
data-sortmode="{data_sortmode}"
|
|
data-sortkey="{data_sortkey}"
|
|
title="Sort by path"
|
|
onclick="extraNetworksControlSortOnClick(event, '{tabname}', '{extra_networks_tabname}');"
|
|
>
|
|
<i class="extra-network-control--sort-icon"></i>
|
|
</div>
|
|
<div
|
|
id="{tabname}_{extra_networks_tabname}_extra_sort_dir"
|
|
class="extra-network-control--sort-dir"
|
|
data-sortdir="{data_sortdir}"
|
|
title="Sort ascending"
|
|
onclick="extraNetworksControlSortDirOnClick(event, '{tabname}', '{extra_networks_tabname}');"
|
|
>
|
|
<i class="extra-network-control--sort-dir-icon"></i>
|
|
</div>
|
|
<div
|
|
id="{tabname}_{extra_networks_tabname}_extra_tree_view"
|
|
class="extra-network-control--tree-view {tree_view_btn_extra_class}"
|
|
title="Enable Tree View"
|
|
onclick="extraNetworksControlTreeViewOnClick(event, '{tabname}', '{extra_networks_tabname}');"
|
|
>
|
|
<i class="extra-network-control--tree-view-icon"></i>
|
|
</div>
|
|
<div
|
|
id="{tabname}_{extra_networks_tabname}_extra_refresh"
|
|
class="extra-network-control--refresh"
|
|
title="Refresh page"
|
|
onclick="extraNetworksControlRefreshOnClick(event, '{tabname}', '{extra_networks_tabname}');"
|
|
>
|
|
<i class="extra-network-control--refresh-icon"></i>
|
|
</div>
|
|
</div>
|
|
<div class="extra-network-pane-content resize-handle-row" style="display: {extra_network_pane_content_default_display};">
|
|
<div id='{tabname}_{extra_networks_tabname}_tree' class='extra-network-tree {tree_view_div_extra_class}' style='flex-basis: {extra_networks_tree_view_default_width}px; display: {tree_view_div_default_display};'>
|
|
{tree_html}
|
|
</div>
|
|
<div id='{tabname}_{extra_networks_tabname}_cards' class='extra-network-cards' style='flex-grow: 1;'>
|
|
{items_html}
|
|
</div>
|
|
</div>
|
|
</div> |