diff options
| author | Sj-Si <sjw.jetty@gmail.com> | 2024-01-20 16:43:45 +0000 |
|---|---|---|
| committer | Sj-Si <sjw.jetty@gmail.com> | 2024-01-20 16:43:45 +0000 |
| commit | 2310cd66e5381fbe6b966894381c6ee7b762898f (patch) | |
| tree | 361d91793318563ac896bda15ef3b5f2de0612ff /html | |
| parent | 69f4f148dce0868b748b700f96942d4036e848c9 (diff) | |
| download | stable-diffusion-webui-gfx803-2310cd66e5381fbe6b966894381c6ee7b762898f.tar.gz stable-diffusion-webui-gfx803-2310cd66e5381fbe6b966894381c6ee7b762898f.tar.bz2 stable-diffusion-webui-gfx803-2310cd66e5381fbe6b966894381c6ee7b762898f.zip | |
Add toggle button for tree view. Use default settings for sortmode and direction.
Diffstat (limited to 'html')
| -rw-r--r-- | html/extra-networks-pane.html | 55 | ||||
| -rw-r--r-- | html/extra-networks-tree.html | 37 |
2 files changed, 51 insertions, 41 deletions
diff --git a/html/extra-networks-pane.html b/html/extra-networks-pane.html index bf46ca16..73dad2ab 100644 --- a/html/extra-networks-pane.html +++ b/html/extra-networks-pane.html @@ -1,8 +1,55 @@ <div id='{tabname}_{extra_networks_tabname}_pane' class='extra-network-pane'> - <div id='{tabname}_{extra_networks_tabname}_tree' class='extra-network-tree'> - {tree_html} + <div class="extra-network-control"> + <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 extra-network-control--enabled" + 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 id='{tabname}_{extra_networks_tabname}_cards' class='extra-network-cards'> - {items_html} + <div class="extra-network-pane-content"> + <div id='{tabname}_{extra_networks_tabname}_tree' class='extra-network-tree'> + {tree_html} + </div> + <div id='{tabname}_{extra_networks_tabname}_cards' class='extra-network-cards'> + {items_html} + </div> </div> </div>
\ No newline at end of file diff --git a/html/extra-networks-tree.html b/html/extra-networks-tree.html index 23f6af10..39649e86 100644 --- a/html/extra-networks-tree.html +++ b/html/extra-networks-tree.html @@ -1,41 +1,4 @@ <div class="tree-list"> - <div class="tree-list-controls"> - <div class="tree-list-search"> - <input - id="{tabname}_{extra_networks_tabname}_extra_search" - class="tree-list-search-text" - type="search" - placeholder="Filter files" - > - </div> - <div - id="{tabname}_{extra_networks_tabname}_extra_sort" - class="tree-list-sort" - data-sortmode="path" - data-sortkey="sortPath-Ascending-640" - title="Sort by path" - onclick="extraNetworksTreeSortOnClick(event, '{tabname}', '{extra_networks_tabname}');" - > - <i class="tree-list-sort-icon"></i> - </div> - <div - id="{tabname}_{extra_networks_tabname}_extra_sort_dir" - class="tree-list-sort-dir" - data-sortdir="Ascending" - title="Sort ascending" - onclick="extraNetworksTreeSortDirOnClick(event, '{tabname}', '{extra_networks_tabname}');" - > - <i class="tree-list-sort-dir-icon"></i> - </div> - <div - id="{tabname}_{extra_networks_tabname}_extra_refresh" - class="tree-list-refresh" - title="Refresh page" - onclick="extraNetworksTreeRefreshOnClick(event, '{tabname}', '{extra_networks_tabname}');" - > - <i class="tree-list-refresh-icon"></i> - </div> - </div> <div class="tree-list-container"> {tree} </div> |