Public/automatic
1
0
Fork 0
mirror of https://github.com/vladmandic/automatic synced 2026-09-19 09:14:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

add model metadata

Browse Source
This commit is contained in:
Vladimir Mandic
2023-09-24 17:52:21 -04:00
parent aabad68872
commit 7d5119a5d7
11 changed files with 244 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/extraNetworks.js
+15 -16
View File
@@ -27,7 +27,7 @@ const setENState = (state) => {
if (!state) return;
state.tab = getENActiveTab();
state.page = getENActivePage();
log('setENState', state);
// log('setENState', state);
const el = gradioApp().querySelector(`#${state.tab}_extra_state > label > textarea`);
el.value = JSON.stringify(state);
updateInput(el);
@@ -36,9 +36,7 @@ const setENState = (state) => {
// methods
function showCardDetails(event) {
console.log('HERE1', event);
const tabname = getENActiveTab();
// setENState({ op: 'showCardDetails' });
const btn = gradioApp().getElementById(`${tabname}_extra_details_btn`);
btn.click();
event.stopPropagation();
@@ -46,11 +44,9 @@ function showCardDetails(event) {
}
function getCardDetails(...args) {
console.log('HERE2', event);
const el = event?.target?.parentElement?.parentElement;
if (!el?.classList?.contains('card')) return [...args];
const tabname = getENActiveTab();
setENState({ op: 'getCardDetails', item: el.dataset.name });
if (el?.classList?.contains('card')) setENState({ op: 'getCardDetails', item: el.dataset.name });
else setENState({ op: 'getCardDetails', item: null });
return [...args];
}
@@ -65,9 +61,9 @@ function readCardTags(el, tags) {
};
if (tags.length === 0) return;
const cardTags = tags.split('|');
if (cardTags.length === 0) return;
if (!cardTags || cardTags.length === 0) return;
const tagsEl = el.getElementsByClassName('tags')[0];
if (tagsEl.children.length > 0) return;
if (!tagsEl?.children || tagsEl.children.length > 0) return;
for (const tag of cardTags) {
const span = document.createElement('span');
span.classList.add('tag');
@@ -77,12 +73,15 @@ function readCardTags(el, tags) {
}
}
function readCardDescription(filename, descript) {
const tabname = getENActiveTab();
const description = gradioApp().querySelector(`#${tabname}_description > label > textarea`);
description.value = descript?.trim() || '';
description.focus();
updateInput(description);
function readCardDescription(page, item) {
requestGet('/sd_extra_networks/description', { page, item }, (data) => {
const tabname = getENActiveTab();
const description = gradioApp().querySelector(`#${tabname}_description > label > textarea`);
description.value = data?.description?.trim() || '';
// description.focus();
updateInput(description);
setENState({ op: 'readCardDescription', page, item });
});
}
async function filterExtraNetworksForTab(tabname, searchTerm) {
@@ -216,7 +215,7 @@ function setupExtraNetworksForTab(tabname) {
if (!el || (el.title === previousCard)) return;
if (!hoverTimer) {
hoverTimer = setTimeout(() => {
readCardDescription(el.dataset.filename, el.dataset.description);
readCardDescription(el.dataset.page, el.dataset.name);
readCardTags(el, el.dataset.tags);
previousCard = el.title;
}, 300);
javascript/style.css
+1 -1
View File
@@ -150,7 +150,7 @@ div#extras_scale_to_tab div.form{ flex-direction: row; }
.progressDiv{ position: relative; height: 20px; background: #b4c0cc; margin-bottom: -3px; }
.dark .progressDiv{ background: #424c5b; }
.progressDiv .progress{ width: 0%; height: 20px; background: #0060df; color: white; font-weight: bold; line-height: 20px; padding: 0 8px 0 0; text-align: right; overflow: visible; white-space: nowrap; padding: 0 0.5em; }
.livePreview { position: absolute; z-index: 300; background-color: transparent; width: -moz-available; width: -webkit-fill-available; }
.livePreview { position: absolute; z-index: 50; background-color: transparent; width: -moz-available; width: -webkit-fill-available; }
.livePreview img { position: absolute; object-fit: contain; width: 100%; height: 100%; }
.dark .livePreview { background-color: rgb(17 24 39 / var(--tw-bg-opacity)); }
.popup-metadata { color: white; background: #0000; display: inline-block; white-space: pre-wrap; font-size: 0.75em; }