mirror of
https://github.com/AUTOMATIC1111/stable-diffusion-webui.git
synced 2024-06-07 21:20:49 +00:00
165 lines
11 KiB
HTML
165 lines
11 KiB
HTML
<div id='{tabname}_{extra_networks_tabname}_pane' class='extra-network-pane', data-tabname-full="{tabname}_{extra_networks_tabname}">
|
|
<div id="{tabname}_{extra_networks_tabname}_controls" class="extra-network-controls" style="display:none">
|
|
<div class="extra-network-control--search">
|
|
<svg class="extra-network-control--search-icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
|
|
<circle cx="6" cy="6" r="5" />
|
|
<line x1="9.75" y1="9.75" x2="13" y2="13" />
|
|
</svg>
|
|
<input id="{tabname}_{extra_networks_tabname}_extra_search" class="extra-network-control--search-text"
|
|
type="text" placeholder="Search">
|
|
<button role="button" class="extra-network-control extra-network-control--search-clear"
|
|
onclick="extraNetworksControlSearchClearOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--search-clear-icon" viewBox="0 0 16 16"
|
|
xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
|
|
<path fill="none" stroke="currentColor" d="M 5 5 L 11 11 M 5 11 L 11 5" />
|
|
<circle fill="none" stroke="currentColor" cx="8" cy="8" r="7" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="extra-network-controls--container">
|
|
<div class="extra-network-controls--header">Sort Mode</div>
|
|
<div class="extra-network-controls--buttons">
|
|
<button class="extra-network-control extra-network-control--sort-mode {sort_path_active}"
|
|
data-sort-mode="path" title="Sort by path"
|
|
onclick="extraNetworksControlSortModeOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
stroke-width="1">
|
|
<rect x="0.5" y="4" width="15" height="10" rx="1" />
|
|
<path d="M 0.5 5 L 0.5 3 Q 0.5 2 1.5 2 L 6 2 Q 7 2 7 3 L 7 4" />
|
|
<circle cx="7.5" cy="8.5" r="2" />
|
|
<line x1="9" y1="10" x2="10.5" y2="11.5" />
|
|
</svg>
|
|
</button>
|
|
<button class="extra-network-control extra-network-control--sort-mode {sort_name_active}"
|
|
data-sort-mode="name" title="Sort by name"
|
|
onclick="extraNetworksControlSortModeOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
|
|
<path stroke-width="1" d="M 2 12 L 6 3 L 10 12 M 3.5 9 L 8.5 9" />
|
|
<path stroke-width="1" d="M 8 3 L 15 3 M 9.5 6 L 15 6 M 11 9 L 15 9 M 12.5 12 L 15 12">
|
|
</svg>
|
|
</button>
|
|
<button class="extra-network-control extra-network-control--sort-mode {sort_date_created_active}"
|
|
data-sort-mode="date_created" title="Sort by date created"
|
|
onclick="extraNetworksControlSortModeOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
|
|
<rect x="1" y="2" width="14" height="12" rx="2" fill="none" />
|
|
<line x1="1" y1="6" x2="15" y2="6" />
|
|
<line x1="8" y1="8" x2="8" y2="12" />
|
|
<line x1="6" y1="10" x2="10" y2="10" />
|
|
<line x1="4" y1="1" x2="4" y2="3" />
|
|
<line x1="8" y1="1" x2="8" y2="3" />
|
|
<line x1="12" y1="1" x2="12" y2="3" />
|
|
</svg>
|
|
</button>
|
|
<button class="extra-network-control extra-network-control--sort-mode {sort_date_modified_active}"
|
|
data-sort-mode="date_modified" title="Sort by date modified"
|
|
onclick="extraNetworksControlSortModeOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
fill="none" stroke="currentColor" stroke-width="1">
|
|
<g stroke-linecap="round" stroke-linejoin="round">
|
|
<rect x="1" y="2" width="14" height="12" rx="2" />
|
|
<line x1="1" y1="6" x2="15" y2="6" />
|
|
<line x1="4" y1="1" x2="4" y2="3" />
|
|
<line x1="8" y1="1" x2="8" y2="3" />
|
|
<line x1="12" y1="1" x2="12" y2="3" />
|
|
</g>
|
|
<g stroke-linecap="square" stroke-linejoin="square">
|
|
<path d="M 4 9 H 10 L 12 10 L 10 11 H 4 Z M 6 9 V 10">
|
|
</g>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="extra-network-controls--container">
|
|
<div class="extra-network-controls--header">Sort Order</div>
|
|
<div class="extra-network-controls--buttons">
|
|
<button class="extra-network-control extra-network-control--sort-dir" data-sort-dir="ascending"
|
|
title="Sort ascending"
|
|
onclick="extraNetworksControlSortDirOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
|
|
<path id="extra-network-control--sort-dir-icon-ascending" d="M 8 1 L 3 7 L 13 7 Z" />
|
|
<path id="extra-network-control--sort-dir-icon-descending" d="M 8 15 L 3 9 L 13 9 Z" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="extra-network-controls--container">
|
|
<div class="extra-network-controls--header">View Mode</div>
|
|
<div class="extra-network-controls--buttons">
|
|
<button id="{tabname}_{extra_networks_tabname}_extra_dirs_view"
|
|
class="extra-network-control extra-network-control--dirs-view {btn_dirs_view_enabled_class}"
|
|
title="Enable Directory View"
|
|
onclick="extraNetworksControlDirsViewOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
fill="currentColor" stroke="none">
|
|
<rect x="0" y="6" width="4" height="4" rx="1" />
|
|
<rect x="6" y="6" width="4" height="4" rx="1" />
|
|
<rect x="12" y="6" width="4" height="4" rx="1" />
|
|
</svg>
|
|
</button>
|
|
<button id="{tabname}_{extra_networks_tabname}_extra_tree_view"
|
|
class="extra-network-control extra-network-control--tree-view {btn_tree_view_enabled_class}"
|
|
title="Enable Tree View"
|
|
onclick="extraNetworksControlTreeViewOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
fill="currentColor" stroke="none">
|
|
<rect x="3" y="0" width="4" height="4" rx="1" />
|
|
<rect x="9" y="6" width="4" height="4" rx="1" />
|
|
<rect x="9" y="12" width="4" height="4" rx="1" />
|
|
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
d="M 5 5 V 14 H 8 M 5 8 H 8" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="extra-network-controls--container">
|
|
<div class="extra-network-controls--header">Refresh</div>
|
|
<div class="extra-network-controls--buttons">
|
|
<button id="{tabname}_{extra_networks_tabname}_extra_refresh"
|
|
class="extra-network-control extra-network-control--refresh" title="Refresh tab"
|
|
onclick="extraNetworksControlRefreshOnClick(event, '{tabname}_{extra_networks_tabname}');">
|
|
<svg class="extra-network-control--icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
|
|
fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M 8 14 A 6 6 0 1 1 14 8 L 12 6.5 M 14 8 L 15 5.5 " />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="{tabname}_{extra_networks_tabname}_pane_content"
|
|
class="extra-network-content--container">
|
|
<div id='{tabname}_{extra_networks_tabname}_dirs'
|
|
class="extra-network-content extra-network-content--dirs {dirs_default_display_class}">
|
|
{dirs_html}
|
|
</div>
|
|
<div class="extra-network-content extra-network-content--cards resize-handle-row">
|
|
<div class="extra-network-content resize-handle-col"
|
|
style='flex-basis: {extra_networks_tree_view_default_width}px;'>
|
|
<div id='{tabname}_{extra_networks_tabname}_tree_list_scroll_area'
|
|
class='extra-network-tree clusterize-scroll {tree_default_display_class}'>
|
|
<div id='{tabname}_{extra_networks_tabname}_tree_list_content_area'
|
|
class='extra-network-tree-content clusterize-content'>
|
|
<div class="clusterize-no-data">Loading...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="extra-network-content resize-handle-col" style='flex-grow: 1;'>
|
|
<div id='{tabname}_{extra_networks_tabname}_cards_list_scroll_area'
|
|
class='extra-network-cards clusterize-scroll'>
|
|
<div id='{tabname}_{extra_networks_tabname}_cards_list_content_area'
|
|
class='extra-network-cards-content clusterize-content'>
|
|
<div class="clusterize-no-data">Loading...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{tree_data_div}
|
|
{cards_data_div}
|
|
</div>
|
|
</div> |