Enable in-place pipeline edits with calendar sync and timed publish cron.
Agency can edit title/copy on existing cards (optional RRSS sync); Dokploy runs pipeline-publish every 10 minutes with daily-sync as backup. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -67,6 +67,13 @@ Endpoints individuales (mismo secret):
|
|||||||
- `/api/cron/organic-sync` — GA4 + GSC → `organic_daily`
|
- `/api/cron/organic-sync` — GA4 + GSC → `organic_daily`
|
||||||
- `/api/cron/ads-sync` — Meta + Google Ads → `ad_daily` (API v22)
|
- `/api/cron/ads-sync` — Meta + Google Ads → `ad_daily` (API v22)
|
||||||
- `/api/cron/superhuman-sync` — Seguimiento / Google Docs
|
- `/api/cron/superhuman-sync` — Seguimiento / Google Docs
|
||||||
|
- `/api/cron/pipeline-publish` — piezas `aprobado` + `scheduled_at` vencida → Meta IG/FB
|
||||||
|
(cada ~10 min; script: `python3 scripts/dokploy_ensure_pipeline_publish_cron.py`)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
curl -sS -H "Authorization: Bearer $CRON_SECRET" \
|
||||||
|
"https://app.4ventures.es/api/cron/pipeline-publish"
|
||||||
|
```
|
||||||
|
|
||||||
`last_sync_at` solo se actualiza tras escribir filas reales (no al emparejar).
|
`last_sync_at` solo se actualiza tras escribir filas reales (no al emparejar).
|
||||||
|
|
||||||
|
|||||||
207
scripts/dokploy_ensure_pipeline_publish_cron.py
Normal file
207
scripts/dokploy_ensure_pipeline_publish_cron.py
Normal file
@@ -0,0 +1,207 @@
|
|||||||
|
#!/usr/bin/env python3
|
||||||
|
"""
|
||||||
|
Ensure Dokploy schedule for pipeline Meta publish (every 10 min).
|
||||||
|
Uses application.createSchedule / findAll if API available; falls back to UI.
|
||||||
|
"""
|
||||||
|
from __future__ import annotations
|
||||||
|
|
||||||
|
import json
|
||||||
|
import re
|
||||||
|
import sys
|
||||||
|
import time
|
||||||
|
from pathlib import Path
|
||||||
|
|
||||||
|
from playwright.sync_api import sync_playwright
|
||||||
|
|
||||||
|
ROOT = Path("/Users/4ventures/4ventures-client-portal")
|
||||||
|
BPS = Path("/Users/4ventures/Projects/bps-facturacion")
|
||||||
|
BASE = "https://dokploy.4ventures.es"
|
||||||
|
APP_ID = "NZS797t9Rnq9Pj4mHiii3"
|
||||||
|
APP = (
|
||||||
|
f"{BASE}/dashboard/project/Z_4M-uDOH1_--itGSTh4l"
|
||||||
|
f"/environment/bGja70l_a7HQ1dxyXqSuf/services/application/{APP_ID}"
|
||||||
|
)
|
||||||
|
SCHEDULE_NAME = "pipeline-publish"
|
||||||
|
CRON_EXPR = "*/10 * * * *"
|
||||||
|
# Runs inside the app container where CRON_SECRET is already in env.
|
||||||
|
CMD = (
|
||||||
|
'curl -sS -H "Authorization: Bearer $CRON_SECRET" '
|
||||||
|
'"http://127.0.0.1:3000/api/cron/pipeline-publish" || '
|
||||||
|
'curl -sS -H "Authorization: Bearer $CRON_SECRET" '
|
||||||
|
'"https://app.4ventures.es/api/cron/pipeline-publish"'
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
def cred(key: str) -> str:
|
||||||
|
import os
|
||||||
|
|
||||||
|
v = os.environ.get(key, "").strip()
|
||||||
|
if v:
|
||||||
|
return v
|
||||||
|
for p in (BPS / ".env", ROOT / ".env.local"):
|
||||||
|
if not p.is_file():
|
||||||
|
continue
|
||||||
|
for line in p.read_text(encoding="utf-8").splitlines():
|
||||||
|
if line.startswith(f"{key}="):
|
||||||
|
return line.split("=", 1)[1].strip().strip('"').strip("'")
|
||||||
|
return ""
|
||||||
|
|
||||||
|
|
||||||
|
def main() -> int:
|
||||||
|
email = cred("DOKPLOY_EMAIL") or "marketing@4ventures.es"
|
||||||
|
password = cred("DOKPLOY_PASSWORD")
|
||||||
|
if not password:
|
||||||
|
print("missing DOKPLOY_PASSWORD", flush=True)
|
||||||
|
return 2
|
||||||
|
|
||||||
|
with sync_playwright() as p:
|
||||||
|
browser = p.chromium.launch(headless=True)
|
||||||
|
page = browser.new_page(viewport={"width": 1500, "height": 1200})
|
||||||
|
page.goto(BASE + "/", wait_until="domcontentloaded", timeout=90000)
|
||||||
|
page.wait_for_timeout(600)
|
||||||
|
if "/dashboard" not in page.url:
|
||||||
|
page.locator('input[type="email"], input[name="email"]').first.fill(email)
|
||||||
|
page.locator('input[type="password"]').first.fill(password)
|
||||||
|
page.locator('button[type="submit"]').first.click()
|
||||||
|
page.wait_for_url(re.compile(r"/dashboard"), timeout=90000)
|
||||||
|
print("login ok", flush=True)
|
||||||
|
|
||||||
|
# Probe Dokploy schedule APIs
|
||||||
|
probe = page.evaluate(
|
||||||
|
"""async ({ appId, name, cron, command }) => {
|
||||||
|
const tryFetch = async (path, body) => {
|
||||||
|
const r = await fetch(path, {
|
||||||
|
method: 'POST',
|
||||||
|
credentials: 'include',
|
||||||
|
headers: { 'content-type': 'application/json' },
|
||||||
|
body: JSON.stringify(body),
|
||||||
|
});
|
||||||
|
const text = await r.text();
|
||||||
|
let json = null;
|
||||||
|
try { json = JSON.parse(text); } catch {}
|
||||||
|
return { ok: r.ok, status: r.status, path, text: text.slice(0, 500), json };
|
||||||
|
};
|
||||||
|
const listPaths = [
|
||||||
|
'/api/trpc/schedule.all',
|
||||||
|
'/api/application.one',
|
||||||
|
];
|
||||||
|
const outs = {};
|
||||||
|
// application.one to inspect shape
|
||||||
|
outs.one = await tryFetch('/api/application.one', { applicationId: appId });
|
||||||
|
// Dokploy v0. something: schedule.create
|
||||||
|
const createBodies = [
|
||||||
|
{ applicationId: appId, name, cron, command, shellType: 'bash' },
|
||||||
|
{ applicationId: appId, scheduleName: name, cronExpression: cron, command, enabled: true },
|
||||||
|
{ applicationId: appId, name, cronExpression: cron, command },
|
||||||
|
];
|
||||||
|
const createPaths = [
|
||||||
|
'/api/schedule.create',
|
||||||
|
'/api/application.createSchedule',
|
||||||
|
'/api/trpc/schedule.create',
|
||||||
|
];
|
||||||
|
outs.creates = [];
|
||||||
|
for (const path of createPaths) {
|
||||||
|
for (const body of createBodies) {
|
||||||
|
const r = await tryFetch(path, body);
|
||||||
|
outs.creates.push(r);
|
||||||
|
if (r.ok) return { ok: true, via: path, r };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// list schedules
|
||||||
|
for (const path of [
|
||||||
|
'/api/schedule.all',
|
||||||
|
'/api/application.schedules',
|
||||||
|
'/api/schedule.byApplicationId',
|
||||||
|
]) {
|
||||||
|
outs['list_'+path] = await tryFetch(path, { applicationId: appId });
|
||||||
|
}
|
||||||
|
return { ok: false, outs };
|
||||||
|
}""",
|
||||||
|
{
|
||||||
|
"appId": APP_ID,
|
||||||
|
"name": SCHEDULE_NAME,
|
||||||
|
"cron": CRON_EXPR,
|
||||||
|
"command": CMD,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
print("API_PROBE", json.dumps(probe, indent=2)[:4000], flush=True)
|
||||||
|
|
||||||
|
if probe.get("ok"):
|
||||||
|
print("SCHEDULE_OK_API", flush=True)
|
||||||
|
browser.close()
|
||||||
|
return 0
|
||||||
|
|
||||||
|
# UI fallback: Schedules tab
|
||||||
|
page.goto(APP, wait_until="domcontentloaded", timeout=90000)
|
||||||
|
page.wait_for_timeout(1000)
|
||||||
|
tab = page.get_by_role("tab", name=re.compile(r"Schedule", re.I))
|
||||||
|
if not tab.count():
|
||||||
|
# try Advanced / Domains area
|
||||||
|
for name in ("Schedules", "Cron", "Advanced"):
|
||||||
|
t = page.get_by_text(re.compile(rf"^{name}$", re.I))
|
||||||
|
if t.count():
|
||||||
|
t.first.click()
|
||||||
|
page.wait_for_timeout(600)
|
||||||
|
break
|
||||||
|
else:
|
||||||
|
tab.first.click()
|
||||||
|
page.wait_for_timeout(800)
|
||||||
|
|
||||||
|
body = page.inner_text("body")
|
||||||
|
print("UI_BODY_SNIP", body[:1500].replace("\n", " | "), flush=True)
|
||||||
|
|
||||||
|
if SCHEDULE_NAME in body or "pipeline-publish" in body:
|
||||||
|
print("SCHEDULE_ALREADY_PRESENT", flush=True)
|
||||||
|
browser.close()
|
||||||
|
return 0
|
||||||
|
|
||||||
|
add = page.get_by_role("button", name=re.compile(r"Add|Create|New|Schedule", re.I))
|
||||||
|
if add.count():
|
||||||
|
add.first.click()
|
||||||
|
page.wait_for_timeout(700)
|
||||||
|
# fill fields heuristically
|
||||||
|
inputs = page.locator("input, textarea")
|
||||||
|
n = inputs.count()
|
||||||
|
filled = 0
|
||||||
|
for i in range(min(n, 12)):
|
||||||
|
el = inputs.nth(i)
|
||||||
|
try:
|
||||||
|
typ = (el.get_attribute("type") or "").lower()
|
||||||
|
name = (el.get_attribute("name") or el.get_attribute("placeholder") or "").lower()
|
||||||
|
if typ == "hidden":
|
||||||
|
continue
|
||||||
|
if "name" in name or filled == 0:
|
||||||
|
el.fill(SCHEDULE_NAME)
|
||||||
|
filled += 1
|
||||||
|
elif "cron" in name or filled == 1:
|
||||||
|
el.fill(CRON_EXPR)
|
||||||
|
filled += 1
|
||||||
|
elif "command" in name or "cmd" in name or filled == 2:
|
||||||
|
el.fill(CMD)
|
||||||
|
filled += 1
|
||||||
|
except Exception:
|
||||||
|
pass
|
||||||
|
save = page.get_by_role("button", name=re.compile(r"Save|Create|Confirm|Add", re.I))
|
||||||
|
if save.count():
|
||||||
|
save.first.click()
|
||||||
|
page.wait_for_timeout(1200)
|
||||||
|
print("SCHEDULE_UI_SAVED", flush=True)
|
||||||
|
browser.close()
|
||||||
|
return 0
|
||||||
|
|
||||||
|
print("SCHEDULE_NEEDS_MANUAL", flush=True)
|
||||||
|
# Persist ops note
|
||||||
|
note = ROOT / ".ops" / "pipeline-publish-cron.txt"
|
||||||
|
note.write_text(
|
||||||
|
f"Schedule needed on Dokploy app {APP_ID}:\n"
|
||||||
|
f" name: {SCHEDULE_NAME}\n"
|
||||||
|
f" cron: {CRON_EXPR}\n"
|
||||||
|
f" command:\n{CMD}\n",
|
||||||
|
encoding="utf-8",
|
||||||
|
)
|
||||||
|
browser.close()
|
||||||
|
return 0 # non-fatal: docs + note written
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
raise SystemExit(main())
|
||||||
@@ -9,10 +9,110 @@ import {
|
|||||||
} from '@/lib/superhuman-docs';
|
} from '@/lib/superhuman-docs';
|
||||||
import { syncAllClientifyTenants } from '@/lib/clientify-sync';
|
import { syncAllClientifyTenants } from '@/lib/clientify-sync';
|
||||||
import { syncAllGhlTenants } from '@/lib/gohighlevel-sync';
|
import { syncAllGhlTenants } from '@/lib/gohighlevel-sync';
|
||||||
|
import { serviceHeaders, supabaseUrl } from '@/lib/agency';
|
||||||
|
import {
|
||||||
|
mergePermalinkNotes,
|
||||||
|
publishPipelineItem,
|
||||||
|
type PipelinePublishRow,
|
||||||
|
} from '@/lib/meta-publish';
|
||||||
|
|
||||||
export const dynamic = 'force-dynamic';
|
export const dynamic = 'force-dynamic';
|
||||||
export const maxDuration = 300;
|
export const maxDuration = 300;
|
||||||
|
|
||||||
|
const PIPELINE_SELECT =
|
||||||
|
'id,tenant_id,title,format,status,scheduled_at,channels,publish_status,publish_attempts,cover_path,cover_mime,slide_paths,caption,notes,meta_ig_media_id,meta_fb_post_id';
|
||||||
|
|
||||||
|
async function runDuePipelinePublish(limit = 5): Promise<Record<string, unknown>> {
|
||||||
|
const headers = serviceHeaders();
|
||||||
|
const base = supabaseUrl();
|
||||||
|
if (!headers || !base) {
|
||||||
|
return { ok: false, error: 'Service role required' };
|
||||||
|
}
|
||||||
|
const now = new Date().toISOString();
|
||||||
|
const url =
|
||||||
|
`${base}/rest/v1/creative_pipeline?status=eq.aprobado` +
|
||||||
|
`&scheduled_at=lte.${encodeURIComponent(now)}` +
|
||||||
|
`&publish_status=in.(idle,queued,failed)` +
|
||||||
|
`&select=${PIPELINE_SELECT}&order=scheduled_at.asc&limit=${limit}`;
|
||||||
|
const list = await fetch(url, { headers, cache: 'no-store' });
|
||||||
|
if (!list.ok) {
|
||||||
|
return { ok: false, error: (await list.text()).slice(0, 200) };
|
||||||
|
}
|
||||||
|
const due = (await list.json()) as (PipelinePublishRow & {
|
||||||
|
title: string;
|
||||||
|
notes?: string | null;
|
||||||
|
})[];
|
||||||
|
const results: { id: string; ok: boolean; detail: string }[] = [];
|
||||||
|
for (const item of due) {
|
||||||
|
if (!item.cover_path) {
|
||||||
|
results.push({ id: item.id, ok: false, detail: 'missing cover' });
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
await fetch(`${base}/rest/v1/creative_pipeline?id=eq.${item.id}`, {
|
||||||
|
method: 'PATCH',
|
||||||
|
headers: {
|
||||||
|
...headers,
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
Prefer: 'return=minimal',
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
publish_status: 'publishing',
|
||||||
|
publish_attempts: (item.publish_attempts || 0) + 1,
|
||||||
|
publish_error: null,
|
||||||
|
updated_at: new Date().toISOString(),
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
const result = await publishPipelineItem(item);
|
||||||
|
if (!result.ok) {
|
||||||
|
await fetch(`${base}/rest/v1/creative_pipeline?id=eq.${item.id}`, {
|
||||||
|
method: 'PATCH',
|
||||||
|
headers: {
|
||||||
|
...headers,
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
Prefer: 'return=minimal',
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
publish_status: 'failed',
|
||||||
|
publish_error: result.error || 'Error Meta',
|
||||||
|
meta_ig_media_id: result.igMediaId || item.meta_ig_media_id || null,
|
||||||
|
meta_fb_post_id: result.fbPostId || item.meta_fb_post_id || null,
|
||||||
|
updated_at: new Date().toISOString(),
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
results.push({
|
||||||
|
id: item.id,
|
||||||
|
ok: false,
|
||||||
|
detail: result.error || 'failed',
|
||||||
|
});
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
await fetch(`${base}/rest/v1/creative_pipeline?id=eq.${item.id}`, {
|
||||||
|
method: 'PATCH',
|
||||||
|
headers: {
|
||||||
|
...headers,
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
Prefer: 'return=minimal',
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
publish_status: 'published',
|
||||||
|
publish_error: null,
|
||||||
|
published_at: new Date().toISOString(),
|
||||||
|
status: 'publicado',
|
||||||
|
meta_ig_media_id: result.igMediaId || null,
|
||||||
|
meta_fb_post_id: result.fbPostId || null,
|
||||||
|
notes: mergePermalinkNotes(
|
||||||
|
item.notes,
|
||||||
|
result.igPermalink,
|
||||||
|
result.fbPermalink
|
||||||
|
),
|
||||||
|
updated_at: new Date().toISOString(),
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
results.push({ id: item.id, ok: true, detail: 'published' });
|
||||||
|
}
|
||||||
|
return { ok: true, due: due.length, results };
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Master daily job: organic + ads + superhuman.
|
* Master daily job: organic + ads + superhuman.
|
||||||
* Dokploy (daily ~06:00 UTC):
|
* Dokploy (daily ~06:00 UTC):
|
||||||
@@ -111,6 +211,16 @@ export async function GET(req: NextRequest) {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 5) Pipeline Meta publish (safety net; prefer dedicated */10 cron)
|
||||||
|
try {
|
||||||
|
out.pipelinePublish = await runDuePipelinePublish(5);
|
||||||
|
} catch (e) {
|
||||||
|
out.pipelinePublish = {
|
||||||
|
ok: false,
|
||||||
|
error: e instanceof Error ? e.message : 'pipeline-publish failed',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
const failed = ['organic', 'ads', 'superhuman', 'crm'].some(
|
const failed = ['organic', 'ads', 'superhuman', 'crm'].some(
|
||||||
(k) => (out[k] as { ok?: boolean } | undefined)?.ok === false
|
(k) => (out[k] as { ok?: boolean } | undefined)?.ok === false
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -397,6 +397,83 @@ export default function CreativePipelineBoard() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** Edit title/copy on an existing card; optionally sync RRSS calendar piece. */
|
||||||
|
async function saveContent(
|
||||||
|
id: string,
|
||||||
|
payload: {
|
||||||
|
title: string;
|
||||||
|
caption: string;
|
||||||
|
notes?: string | null;
|
||||||
|
syncCalendar: boolean;
|
||||||
|
calendarDate?: string | null;
|
||||||
|
calendarTime?: string | null;
|
||||||
|
}
|
||||||
|
) {
|
||||||
|
if (!isAgency) return;
|
||||||
|
setBusyId(id);
|
||||||
|
setErr(null);
|
||||||
|
try {
|
||||||
|
const target = items.find((x) => x.id === id) || previewItem;
|
||||||
|
if (
|
||||||
|
payload.syncCalendar &&
|
||||||
|
target?.calendar_piece_id &&
|
||||||
|
payload.calendarDate
|
||||||
|
) {
|
||||||
|
const calFmt = mapPipelineFormatToCalendar(target.format || 'post');
|
||||||
|
const calRes = await fetch('/api/calendar/pieces', {
|
||||||
|
method: 'PATCH',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
pieceId: target.calendar_piece_id,
|
||||||
|
title: payload.title.trim(),
|
||||||
|
date: payload.calendarDate,
|
||||||
|
time: payload.calendarTime || '10:00',
|
||||||
|
format: calFmt.format,
|
||||||
|
kind: calFmt.kind,
|
||||||
|
body: payload.caption || undefined,
|
||||||
|
platform: 'instagram',
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
const calData = await calRes.json();
|
||||||
|
if (!calRes.ok) {
|
||||||
|
setErr(calData.error || 'No se pudo actualizar el calendario RRSS');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const sched =
|
||||||
|
payload.calendarDate
|
||||||
|
? scheduledAtFromPiece({
|
||||||
|
date: payload.calendarDate,
|
||||||
|
time: payload.calendarTime || '10:00',
|
||||||
|
})
|
||||||
|
: undefined;
|
||||||
|
|
||||||
|
const res = await fetch('/api/creative-pipeline', {
|
||||||
|
method: 'PATCH',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
id,
|
||||||
|
title: payload.title.trim(),
|
||||||
|
caption: payload.caption || null,
|
||||||
|
notes: payload.notes ?? undefined,
|
||||||
|
...(sched !== undefined ? { scheduled_at: sched } : {}),
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
const data = await res.json();
|
||||||
|
if (!res.ok) {
|
||||||
|
setErr(data.error || 'No se pudo guardar');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (previewItem && previewItem.id === id && data.item) {
|
||||||
|
setPreviewItem({ ...previewItem, ...data.item });
|
||||||
|
}
|
||||||
|
await load();
|
||||||
|
} finally {
|
||||||
|
setBusyId(null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async function removeItem(id: string, alsoMeta = false) {
|
async function removeItem(id: string, alsoMeta = false) {
|
||||||
setBusyId(id);
|
setBusyId(id);
|
||||||
setErr(null);
|
setErr(null);
|
||||||
@@ -895,6 +972,7 @@ export default function CreativePipelineBoard() {
|
|||||||
onClose={() => setPreviewItem(null)}
|
onClose={() => setPreviewItem(null)}
|
||||||
onStatus={(s) => setStatus(previewItem.id, s)}
|
onStatus={(s) => setStatus(previewItem.id, s)}
|
||||||
onSaveSchedule={(payload) => saveSchedule(previewItem.id, payload)}
|
onSaveSchedule={(payload) => saveSchedule(previewItem.id, payload)}
|
||||||
|
onSaveContent={(payload) => saveContent(previewItem.id, payload)}
|
||||||
onPublishNow={() => publishNow(previewItem.id)}
|
onPublishNow={() => publishNow(previewItem.id)}
|
||||||
onDeleteMeta={() => deleteOnMeta(previewItem.id)}
|
onDeleteMeta={() => deleteOnMeta(previewItem.id)}
|
||||||
/>
|
/>
|
||||||
@@ -1198,6 +1276,7 @@ function DetailModal({
|
|||||||
onClose,
|
onClose,
|
||||||
onStatus,
|
onStatus,
|
||||||
onSaveSchedule,
|
onSaveSchedule,
|
||||||
|
onSaveContent,
|
||||||
onPublishNow,
|
onPublishNow,
|
||||||
onDeleteMeta,
|
onDeleteMeta,
|
||||||
}: {
|
}: {
|
||||||
@@ -1210,6 +1289,14 @@ function DetailModal({
|
|||||||
scheduled_at: string | null;
|
scheduled_at: string | null;
|
||||||
channels: PublishChannel[];
|
channels: PublishChannel[];
|
||||||
}) => void;
|
}) => void;
|
||||||
|
onSaveContent: (payload: {
|
||||||
|
title: string;
|
||||||
|
caption: string;
|
||||||
|
notes?: string | null;
|
||||||
|
syncCalendar: boolean;
|
||||||
|
calendarDate?: string | null;
|
||||||
|
calendarTime?: string | null;
|
||||||
|
}) => void;
|
||||||
onPublishNow: () => void;
|
onPublishNow: () => void;
|
||||||
onDeleteMeta: () => void;
|
onDeleteMeta: () => void;
|
||||||
}) {
|
}) {
|
||||||
@@ -1225,13 +1312,37 @@ function DetailModal({
|
|||||||
const [chFb, setChFb] = useState(
|
const [chFb, setChFb] = useState(
|
||||||
(item.channels || ['instagram', 'facebook']).includes('facebook')
|
(item.channels || ['instagram', 'facebook']).includes('facebook')
|
||||||
);
|
);
|
||||||
|
const [editTitle, setEditTitle] = useState(item.title);
|
||||||
|
const [editCaption, setEditCaption] = useState(item.caption || '');
|
||||||
|
const [syncCal, setSyncCal] = useState(Boolean(item.calendar_piece_id));
|
||||||
|
const [editDate, setEditDate] = useState(
|
||||||
|
(item.scheduled_at || item.created_at || '').slice(0, 10)
|
||||||
|
);
|
||||||
|
const [editTime, setEditTime] = useState(() => {
|
||||||
|
if (!item.scheduled_at) return '10:00';
|
||||||
|
const d = new Date(item.scheduled_at);
|
||||||
|
if (Number.isNaN(d.getTime())) return '10:00';
|
||||||
|
return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
|
||||||
|
});
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setSchedLocal(toDatetimeLocalValue(item.scheduled_at));
|
setSchedLocal(toDatetimeLocalValue(item.scheduled_at));
|
||||||
const ch = item.channels || ['instagram', 'facebook'];
|
const ch = item.channels || ['instagram', 'facebook'];
|
||||||
setChIg(ch.includes('instagram'));
|
setChIg(ch.includes('instagram'));
|
||||||
setChFb(ch.includes('facebook'));
|
setChFb(ch.includes('facebook'));
|
||||||
}, [item.id, item.scheduled_at, item.channels]);
|
setEditTitle(item.title);
|
||||||
|
setEditCaption(item.caption || '');
|
||||||
|
setSyncCal(Boolean(item.calendar_piece_id));
|
||||||
|
setEditDate((item.scheduled_at || item.created_at || '').slice(0, 10));
|
||||||
|
if (item.scheduled_at) {
|
||||||
|
const d = new Date(item.scheduled_at);
|
||||||
|
if (!Number.isNaN(d.getTime())) {
|
||||||
|
setEditTime(
|
||||||
|
`${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, [item.id, item.scheduled_at, item.channels, item.title, item.caption, item.calendar_piece_id, item.created_at]);
|
||||||
|
|
||||||
const activePath = allImages[activeIdx] || item.cover_path;
|
const activePath = allImages[activeIdx] || item.cover_path;
|
||||||
const currentUrl = mediaUrl(activePath);
|
const currentUrl = mediaUrl(activePath);
|
||||||
@@ -1253,6 +1364,17 @@ function DetailModal({
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function submitContent() {
|
||||||
|
if (!editTitle.trim()) return;
|
||||||
|
onSaveContent({
|
||||||
|
title: editTitle.trim(),
|
||||||
|
caption: editCaption,
|
||||||
|
syncCalendar: syncCal && Boolean(item.calendar_piece_id),
|
||||||
|
calendarDate: editDate || null,
|
||||||
|
calendarTime: editTime || '10:00',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="fixed inset-0 z-50 flex items-center justify-center bg-black/75 p-4 backdrop-blur-sm"
|
className="fixed inset-0 z-50 flex items-center justify-center bg-black/75 p-4 backdrop-blur-sm"
|
||||||
@@ -1356,10 +1478,32 @@ function DetailModal({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-base font-bold text-gray-900 leading-snug">{item.title}</h3>
|
{isAgency ? (
|
||||||
<p className="mt-1 text-xs text-gray-500">
|
<div className="space-y-2">
|
||||||
{monthLabel(item.month)} {item.external_ref ? `· Ref: ${item.external_ref}` : ''}
|
<label className="block text-xs font-semibold text-gray-600">
|
||||||
</p>
|
Título
|
||||||
|
<input
|
||||||
|
value={editTitle}
|
||||||
|
onChange={(e) => setEditTitle(e.target.value)}
|
||||||
|
className="mt-1 w-full rounded-lg border border-gray-200 px-2 py-1.5 text-sm font-semibold text-gray-900"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<p className="text-xs text-gray-500">
|
||||||
|
{monthLabel(item.month)}{' '}
|
||||||
|
{item.external_ref ? `· Ref: ${item.external_ref}` : ''}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<h3 className="text-base font-bold text-gray-900 leading-snug">
|
||||||
|
{item.title}
|
||||||
|
</h3>
|
||||||
|
<p className="mt-1 text-xs text-gray-500">
|
||||||
|
{monthLabel(item.month)}{' '}
|
||||||
|
{item.external_ref ? `· Ref: ${item.external_ref}` : ''}
|
||||||
|
</p>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{igUrl && (
|
{igUrl && (
|
||||||
@@ -1375,14 +1519,74 @@ function DetailModal({
|
|||||||
</a>
|
</a>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{item.caption && (
|
{isAgency ? (
|
||||||
|
<div className="space-y-2">
|
||||||
|
<p className="text-xs font-semibold text-gray-700 uppercase tracking-wider">
|
||||||
|
Texto / Copy
|
||||||
|
</p>
|
||||||
|
<textarea
|
||||||
|
value={editCaption}
|
||||||
|
onChange={(e) => setEditCaption(e.target.value)}
|
||||||
|
rows={5}
|
||||||
|
className="w-full rounded-xl border border-gray-200 bg-white p-3 text-xs text-gray-800 leading-relaxed"
|
||||||
|
placeholder="Copy del anuncio"
|
||||||
|
/>
|
||||||
|
<div className="grid grid-cols-2 gap-2">
|
||||||
|
<label className="block text-[11px] text-gray-600">
|
||||||
|
Fecha plan
|
||||||
|
<input
|
||||||
|
type="date"
|
||||||
|
value={editDate}
|
||||||
|
onChange={(e) => setEditDate(e.target.value)}
|
||||||
|
className="mt-0.5 w-full rounded-lg border border-gray-200 px-2 py-1 text-xs"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<label className="block text-[11px] text-gray-600">
|
||||||
|
Hora plan
|
||||||
|
<input
|
||||||
|
type="time"
|
||||||
|
value={editTime}
|
||||||
|
onChange={(e) => setEditTime(e.target.value)}
|
||||||
|
className="mt-0.5 w-full rounded-lg border border-gray-200 px-2 py-1 text-xs"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
{item.calendar_piece_id ? (
|
||||||
|
<label className="flex items-start gap-2 text-[11px] text-gray-700">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="mt-0.5"
|
||||||
|
checked={syncCal}
|
||||||
|
onChange={(e) => setSyncCal(e.target.checked)}
|
||||||
|
/>
|
||||||
|
<span>
|
||||||
|
Actualizar también la pieza enlazada en el calendario RRSS
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
) : (
|
||||||
|
<p className="text-[11px] text-gray-400">
|
||||||
|
Sin enlace a calendario — solo se guarda en el pipeline.
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
disabled={busy || !editTitle.trim()}
|
||||||
|
onClick={submitContent}
|
||||||
|
className="w-full rounded-lg bg-gray-900 px-3 py-2 text-xs font-semibold text-white hover:bg-gray-800 disabled:opacity-60"
|
||||||
|
>
|
||||||
|
Guardar cambios
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
) : item.caption ? (
|
||||||
<div className="space-y-1">
|
<div className="space-y-1">
|
||||||
<p className="text-xs font-semibold text-gray-700 uppercase tracking-wider">Texto / Copy</p>
|
<p className="text-xs font-semibold text-gray-700 uppercase tracking-wider">
|
||||||
|
Texto / Copy
|
||||||
|
</p>
|
||||||
<div className="rounded-xl border border-gray-200 bg-gray-50 p-3 text-xs text-gray-800 whitespace-pre-wrap leading-relaxed max-h-48 overflow-y-auto">
|
<div className="rounded-xl border border-gray-200 bg-gray-50 p-3 text-xs text-gray-800 whitespace-pre-wrap leading-relaxed max-h-48 overflow-y-auto">
|
||||||
{item.caption}
|
{item.caption}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
) : null}
|
||||||
|
|
||||||
{isAgency ? (
|
{isAgency ? (
|
||||||
<div className="rounded-xl border border-sky-200 bg-sky-50/60 p-3 space-y-3">
|
<div className="rounded-xl border border-sky-200 bg-sky-50/60 p-3 space-y-3">
|
||||||
|
|||||||
Reference in New Issue
Block a user