Files
html/partners-emails.html
2026-04-17 16:51:29 +02:00

84 lines
3.8 KiB
HTML

<!DOCTYPE html>
<html lang="fr"><head>
<meta charset="UTF-8"><title>Partners Emails — Vistex · Huawei · Kaouther</title>
<style>
body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0e27;color:#e4e8f7;margin:0;padding:0;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:24px}
h1{color:#6ba3ff;border-bottom:2px solid #1e3a8a;padding-bottom:8px;margin-top:0}
h2{color:#c084fc;margin-top:28px}
.card{background:#141933;border:1px solid #263161;border-radius:10px;padding:24px;margin:18px 0}
.partner{border-left:4px solid #f59e0b;padding:20px;background:#0f1529;border-radius:8px;margin-bottom:16px}
.partner.vistex{border-left-color:#3b82f6}
.partner.huawei{border-left-color:#ef4444}
.partner.kaouther{border-left-color:#f59e0b}
.partner h3{margin-top:0;color:#e4e8f7}
.partner-meta{color:#9ca8d3;font-size:13px;margin-bottom:10px}
.subject{color:#fbbf24;font-weight:bold;margin-bottom:12px;padding:8px 12px;background:#0a0e27;border-radius:4px;font-size:14px}
.body{background:#0a0e27;padding:16px;border-radius:6px;white-space:pre-wrap;font-family:Monaco,monospace;font-size:12px;color:#a5b4fc;max-height:250px;overflow-y:auto;border:1px solid #1e2549}
.btn{background:#10b981;color:#fff;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:15px;display:inline-block;margin-top:16px;transition:transform 0.2s}
.btn:hover{background:#059669;transform:translateY(-2px)}
.btn.vistex{background:#3b82f6}.btn.vistex:hover{background:#2563eb}
.btn.huawei{background:#ef4444}.btn.huawei:hover{background:#dc2626}
.stats{display:flex;gap:16px;flex-wrap:wrap}
.stat{background:#141933;padding:16px;border-radius:8px;min-width:160px}
.stat .n{font-size:28px;color:#6ba3ff;font-weight:bold}
.stat .l{font-size:11px;color:#9ca8d3;text-transform:uppercase}
a{color:#6ba3ff}
</style></head>
<body>
<div class="container">
<h1>📧 Partners Emails — 3 drafts Gmail prêts</h1>
<p>Doctrine 64 exception #3 (envoi commercial). 3 drafts générés avec stats live. <strong>1 clic = ouvre dans Gmail</strong> (SSO actif), Send.</p>
<div class="stats" id="stats">Chargement...</div>
<h2>Partenaires</h2>
<div id="partners-box">Chargement...</div>
<div class="card">
<h2>🔗 Endpoints</h2>
<ul>
<li><a href="/api/partners-emails-drafts.json" target="_blank">JSON drafts</a></li>
<li><a href="/api/wevia-master-api.php" target="_blank">API WEVIA</a> (test: <code>drafts partenaires</code>)</li>
<li><a href="/blade-actions.html">Blade Actions (Kaouther compose URLs)</a></li>
<li><a href="/automation-hub.html">Automation Hub</a></li>
</ul>
</div>
</div>
<script>
async function load() {
try {
const r = await fetch('/api/partners-emails-drafts.json?_=' + Date.now());
const d = await r.json();
const ps = d.partners || [];
document.getElementById('stats').innerHTML = `
<div class="stat"><div class="n">${ps.length}</div><div class="l">Drafts</div></div>
<div class="stat"><div class="n">3</div><div class="l">Destinataires</div></div>
<div class="stat"><div class="n" style="color:#10b981">Live</div><div class="l">SSO Gmail</div></div>
`;
const box = document.getElementById('partners-box');
if (ps.length) {
box.innerHTML = ps.map(p => `
<div class="partner ${p.id.split('_')[0]}">
<h3>${p.name}</h3>
<div class="partner-meta">À : <strong>${p.to}</strong></div>
<div class="subject">Objet : ${p.subject}</div>
<div class="body">${p.body_preview || ''}...</div>
<a href="${p.gmail_url}" target="_blank" class="btn ${p.id.split('_')[0]}">📧 Ouvrir dans Gmail (SSO)</a>
</div>
`).join('');
} else {
box.innerHTML = '<p>Aucun draft.</p>';
}
} catch(e) {
document.getElementById('stats').innerHTML = 'Erreur: ' + e.message;
}
}
load();
</script>
</body></html>