// ═══════════════════════════════════════════════════════ // PROP FIRM — Connexion MT5 directe // ═══════════════════════════════════════════════════════ function pfToggleMTWidget() { const body = document.getElementById('pf-mt-widget-body'); const chevron = document.getElementById('pf-mt-chevron'); if (!body) return; const open = body.style.display !== 'none'; body.style.display = open ? 'none' : 'block'; if (chevron) chevron.style.transform = open ? '' : 'rotate(180deg)'; if (!open) pfRenderMTAccounts(); } function pfRenderMTAccounts() { const list = document.getElementById('pf-mt-accounts-list'); if (!list) return; const accounts = typeof _mtSyncAccounts !== 'undefined' ? _mtSyncAccounts : []; if (!accounts.length) { list.innerHTML = ''; return; } list.innerHTML = '' + accounts.map(function(a) { const statusColor = a.status === 'active' ? 'var(--green)' : a.status === 'error' ? 'var(--red)' : 'var(--amber)'; const statusLabel = a.status === 'active' ? 'Actif' : a.status === 'error' ? 'Erreur' : 'En attente'; const trades = typeof _mtSyncTrades !== 'undefined' ? _mtSyncTrades.filter(function(t){return t.account_id===a.id;}).length : 0; return ''; }).join('') + ''; // Mettre à jour le titre du widget const title = document.getElementById('pf-mt-widget-title'); const sub = document.getElementById('pf-mt-widget-sub'); if (title) title.textContent = accounts.length + ' compte' + (accounts.length > 1 ? 's' : '') + ' connecté' + (accounts.length > 1 ? 's' : ''); if (sub) sub.textContent = 'Cliquez pour ajouter un compte ou synchroniser'; } async function pfConnectMT5() { const label = (document.getElementById('pf-mt-label') || {}).value || ''; const login = parseInt((document.getElementById('pf-mt-login') || {}).value || '0'); const server = (document.getElementById('pf-mt-server') || {}).value || ''; const pass = (document.getElementById('pf-mt-pass') || {}).value || ''; const statusEl = document.getElementById('pf-mt-status'); const btn = document.getElementById('pf-mt-connect-btn'); const setStatus = function(msg, color) { if (!statusEl) return; statusEl.style.display = 'block'; statusEl.style.background = color === 'green' ? 'rgba(0,229,160,.1)' : color === 'red' ? 'rgba(240,69,115,.1)' : 'rgba(99,102,241,.1)'; statusEl.style.border = '1px solid ' + (color === 'green' ? 'rgba(0,229,160,.3)' : color === 'red' ? 'rgba(240,69,115,.3)' : 'rgba(99,102,241,.3)'); statusEl.style.color = color === 'green' ? 'var(--green)' : color === 'red' ? 'var(--red)' : 'var(--ind2)'; statusEl.innerHTML = msg; }; if (!label.trim()) { showToast('Donnez un nom au compte'); return; } if (!login || isNaN(login)) { showToast('Numéro de compte invalide'); return; } if (!server.trim()) { showToast('Serveur requis'); return; } if (!pass) { showToast('Mot de passe investisseur requis'); return; } if (!tok) { showToast('Non connecté'); return; } if (btn) { btn.disabled = true; btn.innerHTML = 'Connexion…'; } setStatus('Connexion au compte MT5…', 'blue'); try { const r = await fetch(MT_SYNC_API + '/v2/mt/accounts', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + tok }, body: JSON.stringify({ label: label.trim(), login: login, server: server.trim(), password: pass, platform: 'mt5' }) }); const res = await r.json(); if (!r.ok) throw new Error(res.detail || 'Erreur serveur'); setStatus('Synchronisation en cours…', 'blue'); // Polling let polls = 0; const poll = async function() { polls++; if (polls > 24) { setStatus('✅ Compte connecté — synchronisation en arrière-plan', 'green'); if (btn) { btn.disabled = false; btn.textContent = 'Connecter et synchroniser'; } await loadMTSyncTradesIntoApp(); pfRenderMTAccounts(); return; } try { const rs = await fetch(MT_SYNC_API + '/v2/mt/accounts/' + res.id + '/status', { headers: { 'Authorization': 'Bearer ' + tok } }); if (!rs.ok) { setTimeout(poll, 5000); return; } const s = await rs.json(); if (s.status === 'active') { const n = s.trades_synced || 0; setStatus('✅ ' + n + ' trades synchronisés avec succès !', 'green'); if (btn) { btn.disabled = false; btn.textContent = 'Connecter et synchroniser'; } ['pf-mt-label','pf-mt-login','pf-mt-server','pf-mt-pass'].forEach(function(id){ const el=document.getElementById(id); if(el) el.value=''; }); await loadMTSyncTradesIntoApp(); pfRenderMTAccounts(); pfRenderAll(); // Mettre à jour le select "Compte lié" dans le modal const sel = document.getElementById('pf-account'); if (sel && typeof _mtSyncAccounts !== 'undefined') { sel.innerHTML = '-- Aucun (saisie manuelle) --' + _mtSyncAccounts.map(function(a){ return '' + (a.name||a.label||'Compte MT5') + ' (' + a.login + ')'; }).join(''); } } else if (s.status === 'error') { setStatus('❌ ' + (s.error_message || 'Erreur de connexion'), 'red'); if (btn) { btn.disabled = false; btn.textContent = 'Connecter et synchroniser'; } } else { setTimeout(poll, 5000); } } catch(e) { setTimeout(poll, 5000); } }; setTimeout(poll, 3000); } catch(e) { setStatus('❌ ' + e.message, 'red'); if (btn) { btn.disabled = false; btn.textContent = 'Connecter et synchroniser'; } } } async function pfSyncAccount(accountId) { if (!tok) return; showToast('↻ Synchronisation en cours…'); try { await fetch(MT_SYNC_API + '/v2/mt/accounts/' + accountId + '/sync', { method: 'POST', headers: { 'Authorization': 'Bearer ' + tok } }); await new Promise(function(r){ setTimeout(r, 3000); }); await loadMTSyncTradesIntoApp(); pfRenderMTAccounts(); pfRenderAll(); showToast('✅ Synchronisation terminée'); } catch(e) { showToast('❌ Erreur sync'); } } // ═══════════════════════════════════════════════════════ // MODAL PROFIL // ═══════════════════════════════════════════════════════ function openProfileModal() { const modal = document.getElementById('profile-modal'); if (!modal) return; modal.style.display = 'flex'; pmLoadData(); } function closeProfileModal() { const modal = document.getElementById('profile-modal'); if (modal) modal.style.display = 'none'; } function pmShowTab(tab) { ['compte','abo','secu'].forEach(function(t) { const pane = document.getElementById('pm-pane-' + t); const btn = document.getElementById('pm-tab-' + t); if (pane) pane.style.display = t === tab ? 'flex' : 'none'; if (btn) btn.classList.toggle('active', t === tab); }); } async function pmLoadData() { // Email + initiale const email = localStorage.getItem('uemail') || ''; const name = localStorage.getItem('display_name_' + uid) || ''; const initial = (name || email || '?')[0].toUpperCase(); const avatarEl = document.getElementById('pm-avatar'); if (avatarEl) avatarEl.textContent = initial; const nameEl = document.getElementById('pm-name'); if (nameEl) nameEl.textContent = name || email; const emailHeader = document.getElementById('pm-email-header'); if (emailHeader) emailHeader.textContent = email; const emailInput = document.getElementById('pm-email'); if (emailInput) emailInput.value = email; const nameInput = document.getElementById('pm-display-name'); if (nameInput) nameInput.value = name; // Clé API try { const r = await db('GET', '/rest/v1/profiles?id=eq.' + encodeURIComponent(uid) + '&select=ea_api_key,plan,plan_expires_at'); if (r.ok) { const data = await r.json(); const profile = data[0] || {}; const keyEl = document.getElementById('pm-api-key'); if (keyEl) keyEl.value = profile.ea_api_key || '—'; // Plan const plan = profile.plan || localStorage.getItem('plan_' + uid) || 'none'; const expiry = profile.plan_expires_at || localStorage.getItem('planx_' + uid) || ''; const planName = document.getElementById('pm-plan-name'); const planDetail = document.getElementById('pm-plan-detail'); const renewDate = document.getElementById('pm-renew-date'); const billCycle = document.getElementById('pm-billing-cycle'); const planBadge = document.getElementById('pm-plan-badge'); const planLabels = { monthly: 'Plan Mensuel', yearly: 'Plan Annuel', annual: 'Plan Annuel', free: 'Gratuit' }; const planPrices = { monthly: '23,90€/mois', yearly: '250,80€/an', annual: '250,80€/an', free: '—' }; const planCycles = { monthly: 'Mensuel', yearly: 'Annuel', annual: 'Annuel', free: '—' }; if (planName) planName.textContent = planLabels[plan] || 'Aucun abonnement'; if (planDetail) planDetail.textContent = planPrices[plan] || '—'; if (billCycle) billCycle.textContent = planCycles[plan] || '—'; if (expiry) { const d = new Date(expiry); if (renewDate) renewDate.textContent = d.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' }); const active = d > new Date(); if (planBadge) { planBadge.textContent = active ? 'ACTIF' : 'EXPIRÉ'; planBadge.style.background = active ? 'rgba(0,229,160,.1)' : 'rgba(240,69,115,.1)'; planBadge.style.color = active ? 'var(--green)' : 'var(--red)'; planBadge.style.borderColor = active ? 'rgba(0,229,160,.25)' : 'rgba(240,69,115,.25)'; } } } } catch(e) {} } async function pmSaveAccount() { const name = (document.getElementById('pm-display-name') || {}).value || ''; localStorage.setItem('display_name_' + uid, name.trim()); const initial = (name.trim() || (localStorage.getItem('uemail') || '?'))[0].toUpperCase(); const railInit = document.getElementById('rail-user-initial'); if (railInit) railInit.textContent = initial; const avatarEl = document.getElementById('pm-avatar'); if (avatarEl) avatarEl.textContent = initial; const nameEl = document.getElementById('pm-name'); if (nameEl) nameEl.textContent = name.trim() || localStorage.getItem('uemail') || ''; showToast('✅ Profil mis à jour'); } function pmCopyKey() { const val = (document.getElementById('pm-api-key') || {}).value || ''; if (val && val !== '—') { navigator.clipboard.writeText(val).then(function(){ showToast('✅ Clé copiée'); }); } } async function pmRegenKey() { if (!confirm('Régénérer la clé API ? L'ancienne sera invalidée — vous devrez mettre à jour l'EA MetaTrader.')) return; const newKey = 'dbt_' + Array.from(crypto.getRandomValues(new Uint8Array(18))).map(function(b){ return b.toString(16).padStart(2,'0'); }).join(''); try { const r = await db('PATCH', '/rest/v1/profiles?id=eq.' + encodeURIComponent(uid), { ea_api_key: newKey }); if (r.ok) { const keyEl = document.getElementById('pm-api-key'); if (keyEl) keyEl.value = newKey; showToast('✅ Nouvelle clé générée'); } } catch(e) { showToast('❌ Erreur'); } } async function pmChangePassword() { const np = (document.getElementById('pm-new-pass') || {}).value || ''; const cp = (document.getElementById('pm-confirm-pass') || {}).value || ''; if (!np || np.length < 8) { showToast('❌ Mot de passe trop court (8 caractères min.)'); return; } if (np !== cp) { showToast('❌ Les mots de passe ne correspondent pas'); return; } try { const SB_CLIENT = window._sb || window.supabase; if (SB_CLIENT && SB_CLIENT.auth) { const { error } = await SB_CLIENT.auth.updateUser({ password: np }); if (error) throw error; } else { // Fallback via Supabase REST const r = await fetch(SB + '/auth/v1/user', { method: 'PUT', headers: { 'apikey': KEY, 'Authorization': 'Bearer ' + tok, 'Content-Type': 'application/json' }, body: JSON.stringify({ password: np }) }); if (!r.ok) throw new Error('Erreur ' + r.status); } showToast('✅ Mot de passe modifié'); const np_el = document.getElementById('pm-new-pass'); const cp_el = document.getElementById('pm-confirm-pass'); if (np_el) np_el.value = ''; if (cp_el) cp_el.value = ''; } catch(e) { showToast('❌ ' + (e.message || 'Erreur')); } } function pmDeleteAccount() { showConfirm( 'Supprimer votre compte ?', 'Toutes vos données (trades, journal, paramètres) seront définitivement supprimées. Cette action est irréversible.', '🗑️', 'Supprimer définitivement', async function() { try { await db('DELETE', '/rest/v1/trades?user_id=eq.' + encodeURIComponent(uid)); await db('DELETE', '/rest/v1/profiles?id=eq.' + encodeURIComponent(uid)); localStorage.clear(); showToast('Compte supprimé'); setTimeout(function(){ location.reload(); }, 1500); } catch(e) { showToast('❌ Erreur suppression'); } } ); } // Ouvrir prop firm widget si on arrive sur la page sans compte connecté (function() { const origShowPage = typeof showPage === 'function' ? showPage : null; if (origShowPage) { const _orig = showPage; showPage = function(id, el) { _orig(id, el); if (id === 'propfirm') { setTimeout(function() { pfRenderMTAccounts(); const accounts = typeof _mtSyncAccounts !== 'undefined' ? _mtSyncAccounts : []; if (!accounts.length) { // Auto-ouvrir le widget si pas de compte const body = document.getElementById('pf-mt-widget-body'); const chevron = document.getElementById('pf-mt-chevron'); if (body && body.style.display === 'none') { body.style.display = 'block'; if (chevron) chevron.style.transform = 'rotate(180deg)'; } } }, 100); } }; } })();