/* --- Copy all CSS from the master HTML file here --- */ /* For brevity in this answer, I'll include the complete CSS from the previous revision. */ /* In your actual WordPress setup, you would paste the full CSS block between these tags. */ :root { /* ... all root variables and styles from the master file ... */ } /* ... rest of the styles ... */ /* (Please copy the entire block from the "revised master HTML" in the previous response) */ // ========== GLOBAL STATE (per page) ========== let store = { leads: JSON.parse(localStorage.getItem('taps_leads')) || [], buyers: JSON.parse(localStorage.getItem('taps_buyers')) || [], deals: JSON.parse(localStorage.getItem('taps_deals')) || [], vault: JSON.parse(localStorage.getItem('taps_vault')) || [] }; // ========== UTILITY ========== function showToast(msg) { const t = document.getElementById('toast'); t.textContent = msg; t.style.display = 'block'; setTimeout(() => t.style.display = 'none', 3000); } function newVerification() { showToast('New verification started (simulated)'); } // ========== RENDER HOME ========== function renderHome() { const container = document.getElementById('home-content'); const newLeads = store.leads.filter(l => l.status === 'new').length; const verifiedLeads = store.leads.filter(l => l.status === 'verified').length; const totalLeads = store.leads.length; const totalBuyers = store.buyers.length; const activeDeals = store.deals.length; const closedDeals = store.vault.length; const leadsCount = totalLeads; const verifiedCount = verifiedLeads; const matchedCount = store.deals.filter(d => d.stage === 'matching').length; const executedCount = closedDeals; const totalPipeline = leadsCount + verifiedCount + matchedCount + executedCount || 1; container.innerHTML = `

Recent Leads

`; } // ========== CLOCK ========== function updateClock() { const now = new Date(); document.getElementById('headerClock').textContent = now.toLocaleTimeString('en-US', { hour12: false, hour:'2-digit', minute:'2-digit', second:'2-digit' }); document.getElementById('headerDate').textContent = now.toLocaleDateString('en-US', { month:'short', day:'numeric', year:'numeric' }); } setInterval(updateClock, 1000); updateClock(); // Initialize (function init() { if (store.leads.length === 0) { store.leads = [ { id:1, name:'Wei Chen', address:'1205 Sahara Ave, Las Vegas', status:'new' }, { id:2, name:'Maria Rodriguez', address:'892 Flamingo Blvd, Las Vegas', status:'contacted' }, { id:3, name:'John Smith', address:'4521 Desert Inn Rd, Las Vegas', status:'verified' }, { id:4, name:'Robert Johnson', address:'3300 Spring Mountain Rd, Las Vegas', status:'verified' }, { id:5, name:'Linda Davis', address:'7425 W Charleston Blvd, Las Vegas', status:'contacted' } ]; } if (store.buyers.length === 0) { store.buyers = [ { id:101, name:'Capella Mortgage' }, { id:102, name:'FNAC National' }, { id:103, name:'Oak Grove Capital' }, { id:104, name:'Pine Street Funding' } ]; } if (store.deals.length === 0) { store.deals = [ { id:201, leadName:'John Smith', amount:'385,000', address:'4521 Desert Inn Rd', buyerName:'Capella Mortgage', stage:'matching' }, { id:202, leadName:'Maria Rodriguez', amount:'520,000', address:'892 Flamingo Blvd', buyerName:'FNAC National', stage:'matching' } ]; } localStorage.setItem('taps_leads', JSON.stringify(store.leads)); localStorage.setItem('taps_buyers', JSON.stringify(store.buyers)); localStorage.setItem('taps_deals', JSON.stringify(store.deals)); localStorage.setItem('taps_vault', JSON.stringify(store.vault)); renderHome(); })();