Social: Vorschläge merken (📌), Post-Link nachträglich eintragen, Quick-Post ohne prompt(), SW by-v369
This commit is contained in:
parent
092230c4e1
commit
e2bb1a4b2d
3 changed files with 130 additions and 16 deletions
|
|
@ -422,13 +422,21 @@ window.Page_social = (() => {
|
|||
padding:2px 6px;border-radius:4px">${_PL[idea.platform]||idea.platform}</span>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary btn-sm sm-use"
|
||||
style="flex-shrink:0;font-size:11px;padding:6px 10px;min-height:34px;
|
||||
white-space:nowrap"
|
||||
data-thema="${_esc(idea.thema)}"
|
||||
data-format="${idea.format||'post'}"
|
||||
data-platform="${idea.platform||'both'}">
|
||||
Nutzen →</button>
|
||||
<div style="display:flex;flex-direction:column;gap:5px;flex-shrink:0">
|
||||
<button class="btn btn-primary btn-sm sm-use"
|
||||
style="font-size:11px;padding:6px 10px;min-height:34px;white-space:nowrap"
|
||||
data-thema="${_esc(idea.thema)}"
|
||||
data-format="${idea.format||'post'}"
|
||||
data-platform="${idea.platform||'both'}">
|
||||
Nutzen →</button>
|
||||
<button class="btn btn-secondary btn-sm sm-save-idea"
|
||||
style="font-size:10px;padding:4px 8px;min-height:26px;white-space:nowrap"
|
||||
data-thema="${_esc(idea.thema)}"
|
||||
data-format="${idea.format||'post'}"
|
||||
data-platform="${idea.platform||'both'}"
|
||||
data-category="${_esc(idea.category||'')}">
|
||||
📌 Merken</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>`).join('');
|
||||
|
||||
|
|
@ -453,6 +461,28 @@ window.Page_social = (() => {
|
|||
}
|
||||
});
|
||||
});
|
||||
box.querySelectorAll('.sm-save-idea').forEach(btn => {
|
||||
btn.addEventListener('click', async e => {
|
||||
e.stopPropagation();
|
||||
btn.disabled = true;
|
||||
btn.textContent = '…';
|
||||
try {
|
||||
await API.post('/social/ideas/save', {
|
||||
topic: btn.dataset.thema,
|
||||
format: btn.dataset.format,
|
||||
platform: btn.dataset.platform,
|
||||
category: btn.dataset.category || undefined,
|
||||
});
|
||||
btn.textContent = '✓ Gemerkt';
|
||||
btn.style.background = 'var(--c-success)';
|
||||
btn.style.color = '#fff';
|
||||
btn.style.borderColor = 'var(--c-success)';
|
||||
} catch {
|
||||
btn.textContent = '📌 Merken';
|
||||
btn.disabled = false;
|
||||
}
|
||||
});
|
||||
});
|
||||
box.querySelectorAll('.sm-idea').forEach(card => {
|
||||
card.addEventListener('mouseenter', () => card.style.borderColor = 'var(--c-primary)');
|
||||
card.addEventListener('mouseleave', () => card.style.borderColor = 'transparent');
|
||||
|
|
@ -1126,7 +1156,19 @@ window.Page_social = (() => {
|
|||
<div style="font-weight:600;font-size:var(--text-sm);margin-bottom:3px;
|
||||
line-height:1.3">${_esc(c.topic)}</div>
|
||||
${c.hook ? `<div style="font-size:11px;color:var(--c-text-secondary);
|
||||
font-style:italic">🎣 ${_esc(c.hook)}</div>` : ''}
|
||||
font-style:italic;margin-bottom:2px">🎣 ${_esc(c.hook)}</div>` : ''}
|
||||
${c.post_url
|
||||
? `<a href="${_esc(c.post_url)}" target="_blank" rel="noopener"
|
||||
style="font-size:10px;color:var(--c-primary);display:inline-flex;
|
||||
align-items:center;gap:3px;margin-top:2px">
|
||||
🔗 Post ansehen</a>`
|
||||
: c.status === 'published'
|
||||
? `<button class="sm-add-url" data-id="${c.id}"
|
||||
style="font-size:10px;color:var(--c-text-muted);background:none;
|
||||
border:none;cursor:pointer;padding:0;margin-top:2px;
|
||||
text-align:left;text-decoration:underline">
|
||||
+ Link eintragen</button>`
|
||||
: ''}
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:4px;flex-shrink:0">
|
||||
${c.status !== 'published' ? `
|
||||
|
|
@ -1173,14 +1215,65 @@ window.Page_social = (() => {
|
|||
</div>`).join('')}`;
|
||||
|
||||
el.querySelectorAll('[data-f]').forEach(b => b.addEventListener('click', () => load(b.dataset.f)));
|
||||
el.querySelectorAll('.sm-quick-post').forEach(b => b.addEventListener('click', async () => {
|
||||
const url = prompt('Post-URL (optional, leer lassen wenn keine):', '') ?? null;
|
||||
await API.patch(`/social/content/${b.dataset.id}`, {
|
||||
status: 'published',
|
||||
published_at: new Date().toISOString().slice(0,16),
|
||||
post_url: url || undefined,
|
||||
|
||||
// Quick-Post: Inline-Form statt prompt()
|
||||
el.querySelectorAll('.sm-quick-post').forEach(b => b.addEventListener('click', () => {
|
||||
const id = b.dataset.id;
|
||||
UI.modal.open({
|
||||
title: '📤 Als gepostet markieren',
|
||||
body: `
|
||||
<div class="form-group">
|
||||
<label class="form-label">Datum</label>
|
||||
<input class="form-control" type="date" id="qp-date-${id}"
|
||||
value="${new Date().toISOString().slice(0,10)}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Post-Link <span style="color:var(--c-text-muted)">(optional)</span></label>
|
||||
<input class="form-control" type="url" id="qp-url-${id}"
|
||||
placeholder="https://www.instagram.com/p/…">
|
||||
</div>`,
|
||||
footer: `
|
||||
<button class="btn btn-secondary flex-1" id="qp-cancel">Abbrechen</button>
|
||||
<button class="btn btn-primary flex-1" id="qp-ok-${id}">✓ Bestätigen</button>`,
|
||||
});
|
||||
document.getElementById('qp-cancel')?.addEventListener('click', UI.modal.close);
|
||||
document.getElementById(`qp-ok-${id}`)?.addEventListener('click', async () => {
|
||||
const date = document.getElementById(`qp-date-${id}`)?.value
|
||||
|| new Date().toISOString().slice(0,10);
|
||||
const url = document.getElementById(`qp-url-${id}`)?.value || undefined;
|
||||
await API.patch(`/social/content/${id}`, {
|
||||
status: 'published',
|
||||
published_at: date,
|
||||
post_url: url,
|
||||
});
|
||||
UI.modal.close();
|
||||
load(filter);
|
||||
});
|
||||
}));
|
||||
|
||||
// "Link eintragen" für bereits veröffentlichte Posts ohne URL
|
||||
el.querySelectorAll('.sm-add-url').forEach(b => b.addEventListener('click', () => {
|
||||
const id = b.dataset.id;
|
||||
UI.modal.open({
|
||||
title: '🔗 Post-Link eintragen',
|
||||
body: `
|
||||
<div class="form-group">
|
||||
<label class="form-label">Link zum veröffentlichten Post</label>
|
||||
<input class="form-control" type="url" id="au-url-${id}"
|
||||
placeholder="https://www.instagram.com/p/…" autofocus>
|
||||
</div>`,
|
||||
footer: `
|
||||
<button class="btn btn-secondary flex-1" id="au-cancel">Abbrechen</button>
|
||||
<button class="btn btn-primary flex-1" id="au-ok-${id}">💾 Speichern</button>`,
|
||||
});
|
||||
document.getElementById('au-cancel')?.addEventListener('click', UI.modal.close);
|
||||
document.getElementById(`au-ok-${id}`)?.addEventListener('click', async () => {
|
||||
const url = document.getElementById(`au-url-${id}`)?.value;
|
||||
if (!url) return;
|
||||
await API.patch(`/social/content/${id}`, { post_url: url });
|
||||
UI.modal.close();
|
||||
load(filter);
|
||||
});
|
||||
load(filter);
|
||||
}));
|
||||
el.querySelectorAll('.sm-exp').forEach(b => b.addEventListener('click', () => {
|
||||
const d = el.querySelector(`#sm-d-${b.dataset.id}`);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue