diff --git a/src/index.html b/src/index.html index 65c9207..53dc578 100644 --- a/src/index.html +++ b/src/index.html @@ -423,6 +423,9 @@ color: var(--muted); font-weight: 700; text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } body.dark .designerDiscWrap { background: #121821; border-color: #2c3443; } @@ -1821,13 +1824,7 @@
Title and category are required to save or publish.
@@ -4700,8 +4697,10 @@ const placeholder = $('designerPlaceholder'); const label = $('designerDiscLabel'); if (label) { + const title = (state.meta.title || '').trim(); const custom = design?.name && design.name !== `Design ${key.toUpperCase()}` ? ` — ${design.name}` : ''; - label.textContent = `Design ${key.toUpperCase()}${custom}`; + const titlePrefix = title ? `${title} / ` : ''; + label.textContent = `${titlePrefix}Design ${key.toUpperCase()}${custom}`; } if (design?.src) { img.src = design.src; @@ -5132,7 +5131,26 @@ $('searchDiscNostrBtn').addEventListener('click', () => { openTemplateDiscDesignNostrSearch(); }); - $('designerNostrLoadBtn').addEventListener('click', openDiscDesignNostrSearch); + $('designerMetadataSaveBtn').addEventListener('click', () => { + const title = ($('designerTitleField')?.value || '').trim(); + const category = ($('designerCategoryField')?.value || '').trim(); + if (!title) { alert('Enter a title before saving.'); return; } + if (!category) { alert('Select a category before saving.'); return; } + state.meta.title = title; + state.meta.imdbId = ($('designerImdbField')?.value || '').trim(); + state.meta.category = category; + // Sync the Templates tab fields too + if ($('titleField')) $('titleField').value = state.meta.title; + if ($('imdbField')) $('imdbField').value = state.meta.imdbId; + if ($('categoryField')) $('categoryField').value = state.meta.category; + render(); + const btn = $('designerMetadataSaveBtn'); + const orig = btn.textContent; + btn.textContent = 'Saved'; + btn.style.background = 'var(--ok)'; + btn.style.color = '#fff'; + setTimeout(() => { btn.textContent = orig; btn.style.background = ''; btn.style.color = ''; }, 1500); + }); $('browseCommunityBtn').addEventListener('click', () => {