Dashboard AffiliaNova — Vos performances

.an-dash{max-width:1100px;margin:30px auto;padding:20px}
.an-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:20px 0}
.an-stat{background:#fff;border:1px solid #eee;padding:18px;border-radius:8px;text-align:center}
.an-stat .v{font-size:32px;font-weight:bold;color:#FF6B00;display:block}
.an-stat .l{font-size:13px;color:#666;text-transform:uppercase;letter-spacing:0.5px}
.an-table{width:100%;border-collapse:collapse;margin-top:20px}
.an-table th,.an-table td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.an-table th{background:#F6F8FA;font-weight:600}
.an-empty{text-align:center;padding:60px 20px;color:#666;background:#F6F8FA;border-radius:10px}
.an-login{max-width:400px;margin:60px auto;background:#fff;padding:30px;border-radius:10px;border:1px solid #eee}
.an-login input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;margin-bottom:12px;box-sizing:border-box}
.an-login button{width:100%;background:#FF9900;color:#fff;padding:14px;border:none;border-radius:6px;font-size:16px;font-weight:bold;cursor:pointer}

function getUrlParam(name) {
return new URLSearchParams(window.location.search).get(name);
}

async function loadDash(key) {
if (!key) {
document.getElementById(‘dash-loading’).style.display = ‘none’;
document.getElementById(‘dash-login’).style.display = ‘block’;
return;
}
try {
const r = await fetch(‘/wp-json/dn/v1/affilianova/dashboard?key=’ + encodeURIComponent(key));
if (!r.ok) throw new Error(‘Clé API invalide’);
const data = await r.json();

document.getElementById(‘dash-client-info’).innerHTML =
‘‘ + data.client.email + ‘ · Tag Amazon : ' + data.client.amazon_tag + ' · Statut : ‘ + data.client.status;

document.getElementById(‘dash-stats’).innerHTML =
‘

‘ +
‘

‘ +
‘

‘;

if (data.commissions && data.commissions.length > 0) {
let html = ‘

‘;
data.commissions.forEach(c => {
const yourCut = parseFloat(c.finalized_eur) – parseFloat(c.an_fee_eur);
html += ‘

‘;
});
html += ‘

‘;
document.getElementById(‘dash-commissions’).innerHTML = html;
} else {
document.getElementById(‘dash-commissions’).innerHTML =
‘

‘;
}

document.getElementById(‘dash-loading’).style.display = ‘none’;
document.getElementById(‘dash-content’).style.display = ‘block’;
} catch (e) {
document.getElementById(‘dash-loading’).style.display = ‘none’;
document.getElementById(‘dash-error’).style.display = ‘block’;
document.getElementById(‘dash-error’).textContent = ‘Erreur : ‘ + e.message;
document.getElementById(‘dash-login’).style.display = ‘block’;
}
}

function connectDash() {
const key = document.getElementById(‘api-key-input’).value.trim();
if (!key) return;
window.location.search = ‘?key=’ + encodeURIComponent(key);
}

window.addEventListener(‘DOMContentLoaded’, function() {
loadDash(getUrlParam(‘key’));
});

Voir le meilleur prix Amazon >>

🔥 Deals similaires qui pourraient vous intéresser

Meilleur micro usb podcast 2026 : comparatif et top 5 Meilleur programmateur chauffage intelligent 2026 : comparatif et top 5 Meilleur clavier sans fil 2026 : Comparatif complet Amazon Kindle (Nouvelle génération) – Le plus léger et compact,…