sigma

index.html

@@ -188,18 +188,6 @@
   .modal-corner.bl { bottom: -1px; left: -1px; border-width: 0 0 2px 2px; }
   .modal-corner.br { bottom: -1px; right: -1px; border-width: 0 2px 2px 0; }
 
-  .modal-close {
-    position: absolute;
-    top: 15px; right: 15px;
-    background: transparent;
-    border: none;
-    color: var(--text-dim);
-    font-size: 16px;
-    cursor: pointer;
-    transition: color .2s;
-  }
-  .modal-close:hover { color: var(--accent2); }
-
   .modal-title {
     font-family: 'Orbitron', sans-serif;
     font-size: 18px;
@@ -269,22 +257,16 @@
     display: none;
   }
 
-  .auth-toggle {
-    text-align: center;
-    margin-top: 20px;
-    font-size: 11px;
-    color: var(--text-dim);
-  }
-  .auth-toggle button {
+  .modal-close {
+    position: absolute;
+    top: 14px; right: 14px;
     background: none; border: none;
-    color: var(--accent);
+    color: var(--text-dim);
+    font-size: 18px;
     cursor: pointer;
-    font-family: 'Share Tech Mono', monospace;
-    letter-spacing: 1px;
-    text-decoration: underline;
-    margin-left: 5px;
+    transition: color .2s;
   }
-  .auth-toggle button:hover { color: #fff; }
+  .modal-close:hover { color: var(--accent2); }
 
   /* ── ANON BANNER ── */
   .anon-banner {
@@ -486,6 +468,7 @@
   .data-table tbody tr:hover { background: rgba(0,212,255,0.04); }
   .data-table tbody tr:last-child td { border-bottom: none; }
 
+  /* Own player row highlight */
   .data-table tbody tr.own-row {
     background: rgba(0,212,255,0.06);
     border-left: 3px solid var(--accent);
@@ -636,32 +619,18 @@
     <div class="modal-corner bl"></div>
     <div class="modal-corner br"></div>
     <button class="modal-close" onclick="closeLoginModal()">✕</button>
-    
-    <div class="modal-title" id="modal-title-text">SIGN IN</div>
-    <div class="modal-sub" id="modal-sub-text">ACCESS FULL COMBAT ANALYTICS</div>
-    
-    <div class="form-group" id="group-username" style="display:none;">
-      <label>Operator Handle (Username)</label>
-      <input type="text" id="login-username" placeholder="ShadowSniper99" />
-    </div>
-
+    <div class="modal-title">SIGN IN</div>
+    <div class="modal-sub">ACCESS FULL COMBAT ANALYTICS</div>
     <div class="form-group">
       <label>Email Address</label>
       <input type="email" id="login-email" placeholder="operator@warzone.com" />
     </div>
-    
     <div class="form-group">
       <label>Password</label>
       <input type="password" id="login-password" placeholder="••••••••" />
     </div>
-    
-    <button class="modal-submit" id="login-submit" onclick="submitAuth()">AUTHENTICATE</button>
+    <button class="modal-submit" id="login-submit" onclick="doLogin()">AUTHENTICATE</button>
     <div class="modal-error" id="login-error"></div>
-
-    <div class="auth-toggle">
-      <span id="auth-toggle-text">Don't have clearance?</span>
-      <button id="auth-toggle-btn" onclick="toggleAuthMode()">REGISTER NEW OPERATOR</button>
-    </div>
   </div>
 </div>
 
@@ -830,8 +799,7 @@ const SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZ
 
 let players  = [];
 let charts   = {};
-let authUser = null; 
-let isLoginMode = true; 
+let authUser = null; // { id, email, username, token }
 
 // ── AUTH STATE ─────────────────────────────────────────────────────
 function isLoggedIn() { return authUser !== null; }
@@ -863,156 +831,77 @@ function applyAuthState() {
   if (loggedIn) renderMyStats();
 }
 
-// ── LOGIN / REGISTER MODAL ─────────────────────────────────────────
+// ── LOGIN MODAL ────────────────────────────────────────────────────
 function openLoginModal() {
   document.getElementById('login-modal').classList.add('active');
-  setTimeout(() => {
-      if(isLoginMode) document.getElementById('login-email').focus();
-      else document.getElementById('login-username').focus();
-  }, 300);
+  setTimeout(() => document.getElementById('login-email').focus(), 300);
 }
-
 function closeLoginModal() {
   document.getElementById('login-modal').classList.remove('active');
 }
-
 document.getElementById('login-modal').addEventListener('click', e => {
   if (e.target === e.currentTarget) closeLoginModal();
 });
 document.addEventListener('keydown', e => {
   if (e.key === 'Escape') closeLoginModal();
-  if (e.key === 'Enter' && document.getElementById('login-modal').classList.contains('active')) submitAuth();
+  if (e.key === 'Enter' && document.getElementById('login-modal').classList.contains('active')) doLogin();
 });
 
-function toggleAuthMode() {
-  isLoginMode = !isLoginMode;
-  const title = document.getElementById('modal-title-text');
-  const sub = document.getElementById('modal-sub-text');
-  const userGroup = document.getElementById('group-username');
-  const submitBtn = document.getElementById('login-submit');
-  const toggleText = document.getElementById('auth-toggle-text');
-  const toggleBtn = document.getElementById('auth-toggle-btn');
-  const errEl = document.getElementById('login-error');
-  
-  errEl.style.display = 'none';
-
-  if (isLoginMode) {
-    title.textContent = 'SIGN IN';
-    sub.textContent = 'ACCESS FULL COMBAT ANALYTICS';
-    userGroup.style.display = 'none';
-    submitBtn.textContent = 'AUTHENTICATE';
-    toggleText.textContent = "Don't have clearance?";
-    toggleBtn.textContent = "REGISTER NEW OPERATOR";
-  } else {
-    title.textContent = 'ENLIST';
-    sub.textContent = 'CREATE YOUR OPERATOR PROFILE';
-    userGroup.style.display = 'block';
-    submitBtn.textContent = 'INITIALIZE ACCOUNT';
-    toggleText.textContent = "Already enlisted?";
-    toggleBtn.textContent = "SIGN IN HERE";
-  }
-}
-
-async function submitAuth() {
+async function doLogin() {
   const email    = document.getElementById('login-email').value.trim();
   const password = document.getElementById('login-password').value;
-  const username = document.getElementById('login-username').value.trim();
   const errEl    = document.getElementById('login-error');
   const btn      = document.getElementById('login-submit');
 
   errEl.style.display = 'none';
-  
   if (!email || !password) {
     errEl.textContent = '⚠ EMAIL AND PASSWORD REQUIRED';
     errEl.style.display = 'block';
     return;
   }
-  if (!isLoginMode && !username) {
-    errEl.textContent = '⚠ OPERATOR HANDLE REQUIRED';
-    errEl.style.display = 'block';
-    return;
-  }
 
   btn.disabled = true;
-  btn.textContent = 'PROCESSING...';
+  btn.textContent = 'AUTHENTICATING...';
 
   try {
-    let res, data;
-
-    if (isLoginMode) {
-      res = await fetch(`${SUPABASE_URL}/auth/v1/token?grant_type=password`, {
-        method: 'POST',
-        headers: { 'apikey': SUPABASE_KEY, 'Content-Type': 'application/json' },
-        body: JSON.stringify({ email, password })
-      });
-      data = await res.json();
-      if (!res.ok) throw new Error(data.error_description || data.msg || 'Login failed');
-
-      const userId = data.user?.id;
-      let fetchedUsername = data.user?.email;
-      try {
-        const statsRes = await fetch(
-          `${SUPABASE_URL}/rest/v1/player_stats?id=eq.${userId}&select=username`,
-          { headers: { 'apikey': SUPABASE_KEY, 'Authorization': `Bearer ${data.access_token}` } }
-        );
-        const statsData = await statsRes.json();
-        if (statsData?.[0]?.username) fetchedUsername = statsData[0].username;
-      } catch(_) {}
-
-      authUser = { id: userId, email: data.user?.email, username: fetchedUsername, token: data.access_token };
-    
-    } else {
-      res = await fetch(`${SUPABASE_URL}/auth/v1/signup`, {
+    const res = await fetch(
+      `${SUPABASE_URL}/auth/v1/token?grant_type=password`,
+      {
         method: 'POST',
-        headers: { 'apikey': SUPABASE_KEY, 'Content-Type': 'application/json' },
+        headers: {
+          'apikey': SUPABASE_KEY,
+          'Content-Type': 'application/json'
+        },
         body: JSON.stringify({ email, password })
-      });
-      data = await res.json();
-      if (!res.ok) throw new Error(data.error_description || data.msg || 'Registration failed');
-
-      const userId = data.user?.id;
-      const token = data.session?.access_token || SUPABASE_KEY;
-
-      const createRes = await fetch(`${SUPABASE_URL}/rest/v1/player_stats`, {
-          method: 'POST',
-          headers: { 
-              'apikey': SUPABASE_KEY, 
-              'Authorization': `Bearer ${token}`,
-              'Content-Type': 'application/json',
-              'Prefer': 'return=minimal'
-          },
-          body: JSON.stringify({
-              id: userId,
-              username: username,
-              rank_points: 1000,
-              kills: 0,
-              deaths: 0,
-              gold: 0,
-              headshots: 0,
-              level: 1,
-              equipped_weapon: 'Pistol',
-              equipped_armor: 'None'
-          })
-      });
-      
-      if (!createRes.ok) {
-          console.warn("Failed to create player_stats row. Check RLS policies.");
       }
+    );
 
-      authUser = { id: userId, email: data.user?.email, username: username, token: token };
-      toggleAuthMode();
-    }
-
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.error_description || data.msg || 'Login failed');
+
+    // Fetch username from player_stats
+    const userId = data.user?.id;
+    let username = data.user?.email;
+    try {
+      const statsRes = await fetch(
+        `${SUPABASE_URL}/rest/v1/player_stats?id=eq.${userId}&select=username`,
+        { headers: { 'apikey': SUPABASE_KEY, 'Authorization': `Bearer ${data.access_token}` } }
+      );
+      const statsData = await statsRes.json();
+      if (statsData?.[0]?.username) username = statsData[0].username;
+    } catch(_) {}
+
+    authUser = { id: userId, email: data.user?.email, username, token: data.access_token };
     closeLoginModal();
     applyAuthState();
-    loadData();
+    renderCharts();
 
   } catch (e) {
     errEl.textContent = `⚠ ${e.message.toUpperCase()}`;
     errEl.style.display = 'block';
   } finally {
     btn.disabled = false;
-    btn.textContent = isLoginMode ? 'AUTHENTICATE' : 'INITIALIZE ACCOUNT';
+    btn.textContent = 'AUTHENTICATE';
   }
 }
 
@@ -1022,7 +911,6 @@ function doLogout() {
   renderCharts();
   document.getElementById('login-email').value = '';
   document.getElementById('login-password').value = '';
-  document.getElementById('login-username').value = '';
 }
 
 // ── FETCH DATA ─────────────────────────────────────────────────────
@@ -1137,7 +1025,7 @@ function destroyAll() { Object.values(charts).forEach(c => c.destroy()); charts
 
 function renderCharts() {
   destroyAll();
-  if (!isLoggedIn()) return; 
+  if (!isLoggedIn()) return; // charts only render when logged in
 
   Chart.defaults.color = '#4a7a9b';
   Chart.defaults.font.family = "'Share Tech Mono', monospace";
@@ -1222,6 +1110,7 @@ function renderTable() {
   const loggedIn = isLoggedIn();
   const head = document.getElementById('leaderboard-head');
 
+  // Anon: limited columns. Logged in: full columns
   if (loggedIn) {
     head.innerHTML = `<tr>
       <th>#</th><th>PLAYER</th><th>TIER</th><th>RANK PTS</th>
@@ -1242,6 +1131,7 @@ function renderTable() {
   if (weaponFilter) data = data.filter(p => p.equipped_weapon === weaponFilter);
   data.sort((a,b) => sortKey==='kd' ? b.kd-a.kd : (b[sortKey]||0)-(a[sortKey]||0));
 
+  // Anonymous: top 10 only
   if (!loggedIn) data = data.slice(0, 10);
 
   const tbody = document.getElementById('leaderboard-body');
@@ -1287,6 +1177,7 @@ function renderTable() {
     tbody.appendChild(tr);
   });
 
+  // If anon: add teaser row
   if (!loggedIn && players.length > 10) {
     const tr = document.createElement('tr');
     tr.innerHTML = `<td colspan="6" style="text-align:center;color:var(--text-dim);padding:16px;border-top:1px solid var(--border)">