diff options
Diffstat (limited to 'html')
| -rw-r--r-- | html/extra-networks-card.html | 17 | ||||
| -rw-r--r-- | html/extra-networks-copy-path-button.html | 5 | ||||
| -rw-r--r-- | html/extra-networks-edit-item-button.html | 4 | ||||
| -rw-r--r-- | html/extra-networks-metadata-button.html | 4 | ||||
| -rw-r--r-- | html/extra-networks-pane.html | 55 | ||||
| -rw-r--r-- | html/extra-networks-tree-button.html | 23 |
6 files changed, 97 insertions, 11 deletions
diff --git a/html/extra-networks-card.html b/html/extra-networks-card.html index 39674666..f1d959a6 100644 --- a/html/extra-networks-card.html +++ b/html/extra-networks-card.html @@ -1,14 +1,9 @@ -<div class='card' style={style} onclick={card_clicked} data-name="{name}" {sort_keys}> +<div class="card" style="{style}" onclick="{card_clicked}" data-name="{name}" {sort_keys}> {background_image} - <div class="button-row"> - {metadata_button} - {edit_button} - </div> - <div class='actions'> - <div class='additional'> - <span style="display:none" class='search_term{search_only}'>{search_term}</span> - </div> - <span class='name'>{name}</span> - <span class='description'>{description}</span> + <div class="button-row">{copy_path_button}{metadata_button}{edit_button}</div> + <div class="actions"> + <div class="additional">{search_terms}</div> + <span class="name">{name}</span> + <span class="description">{description}</span> </div> </div> diff --git a/html/extra-networks-copy-path-button.html b/html/extra-networks-copy-path-button.html new file mode 100644 index 00000000..8083bb03 --- /dev/null +++ b/html/extra-networks-copy-path-button.html @@ -0,0 +1,5 @@ +<div class="copy-path-button card-button" + title="Copy path to clipboard" + onclick="extraNetworksCopyCardPath(event, '{filename}')" + data-clipboard-text="{filename}"> +</div>
\ No newline at end of file diff --git a/html/extra-networks-edit-item-button.html b/html/extra-networks-edit-item-button.html new file mode 100644 index 00000000..0fe43082 --- /dev/null +++ b/html/extra-networks-edit-item-button.html @@ -0,0 +1,4 @@ +<div class="edit-button card-button" + title="Edit metadata" + onclick="extraNetworksEditUserMetadata(event, '{tabname}', '{extra_networks_tabname}', '{name}')"> +</div>
\ No newline at end of file diff --git a/html/extra-networks-metadata-button.html b/html/extra-networks-metadata-button.html new file mode 100644 index 00000000..285b5b3b --- /dev/null +++ b/html/extra-networks-metadata-button.html @@ -0,0 +1,4 @@ +<div class="metadata-button card-button" + title="Show internal metadata" + onclick="extraNetworksRequestMetadata(event, '{extra_networks_tabname}', '{name}')"> +</div>
\ No newline at end of file diff --git a/html/extra-networks-pane.html b/html/extra-networks-pane.html new file mode 100644 index 00000000..9f5b3ece --- /dev/null +++ b/html/extra-networks-pane.html @@ -0,0 +1,55 @@ +<div id='{tabname}_{extra_networks_tabname}_pane' class='extra-network-pane'> + <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 {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"> + <div id='{tabname}_{extra_networks_tabname}_tree' class='extra-network-tree {tree_view_div_extra_class}'> + {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-button.html b/html/extra-networks-tree-button.html new file mode 100644 index 00000000..9dc2e2a4 --- /dev/null +++ b/html/extra-networks-tree-button.html @@ -0,0 +1,23 @@ +<span data-filterable-item-text hidden>{search_terms}</span> +<div class="tree-list-content {subclass}" + type="button" + onclick="extraNetworksTreeOnClick(event, '{tabname}', '{extra_networks_tabname}');{onclick_extra}" + data-path="{data_path}" + data-hash="{data_hash}" +> + <span class='tree-list-item-action tree-list-item-action--leading'> + {action_list_item_action_leading} + </span> + <span class="tree-list-item-visual tree-list-item-visual--leading"> + {action_list_item_visual_leading} + </span> + <span class="tree-list-item-label tree-list-item-label--truncate"> + {action_list_item_label} + </span> + <span class="tree-list-item-visual tree-list-item-visual--trailing"> + {action_list_item_visual_trailing} + </span> + <span class="tree-list-item-action tree-list-item-action--trailing"> + {action_list_item_action_trailing} + </span> +</div>
\ No newline at end of file |