Show submission date on leaderboard

index.html

@@ -545,7 +545,7 @@ const T = {
     entrants:"명 참가",
     l_struct:"분자 구조식 (SMILES 또는 InChI)", l_name:"표시 ID (이름·소속·닉네임)",
     l_model:"사용 모델명 (선택)", l_why:"설계 근거 (선택)",
-    cols:{rank:"#",cand:"후보",user:"제출자",who:"모델",activity:"약효",binding:"결합",
+    cols:{rank:"#",cand:"후보",user:"제출자",who:"모델",date:"제출일",activity:"약효",binding:"결합",
           selectivity:"선택성",admet:"ADMET",novelty:"신규",synthesis:"합성",total:"총점"},
     counts:(a,b)=>`제출 ${a} · 기준물질 ${b}`,
     empty:"아직 채점된 제출이 없습니다.", loading:"불러오는 중…",
@@ -641,7 +641,7 @@ const T = {
     entrants:"entrants",
     l_struct:"Structure (SMILES or InChI)", l_name:"Display ID (name, affiliation or handle)",
     l_model:"Model used (optional)", l_why:"Design rationale (optional)",
-    cols:{rank:"#",cand:"Candidate",user:"Entrant",who:"Model",activity:"Activity",binding:"Binding",
+    cols:{rank:"#",cand:"Candidate",user:"Entrant",who:"Model",date:"Submitted",activity:"Activity",binding:"Binding",
           selectivity:"Select.",admet:"ADMET",novelty:"Novelty",synthesis:"Synth.",total:"Total"},
     counts:(a,b)=>`${a} entries · ${b} references`,
     empty:"No scored entries yet.", loading:"Loading…",
@@ -661,13 +661,20 @@ let LANG = (function(){
 })();
 let LANG_AUTO = true;
 
-const COLS = ["rank","cand","user","who","activity","binding","selectivity","admet","novelty","synthesis","total"];
+const COLS = ["rank","cand","user","who","date","activity","binding","selectivity","admet","novelty","synthesis","total"];
 const AX = ["activity","binding","selectivity","admet","novelty","synthesis"];
 let DATA = null, sortKey = "total", sortDir = -1;
 
-const $ = s => document.querySelector(s);
-const f1 = v => (v==null||v==="") ? "–" : (+v).toFixed(1);
-const t = () => T[LANG];
+const $ = s => document.querySelector(s);
+const f1 = v => (v==null||v==="") ? "–" : (+v).toFixed(1);
+const t = () => T[LANG];
+const submittedDate = e => {
+  if(e.is_anchor || !e.submitted_at) return "–";
+  const locale = LANG === "ko" ? "ko-KR" : "en-CA";
+  return new Intl.DateTimeFormat(locale, {
+    timeZone:"Asia/Seoul", year:"numeric", month:"2-digit", day:"2-digit"
+  }).format(new Date(Number(e.submitted_at) * 1000));
+};
 
 function applyLang(){
   const d = t();
@@ -705,8 +712,9 @@ document.querySelectorAll("#langbar button").forEach(b=>b.onclick=()=>setLang(b.
 function sortVal(e, k){
   if(k==="rank")  return e.rank ?? 1e9;              // unranked rows sink when sorting by rank
   if(k==="cand")  return String(e.candidate_id||"").toLowerCase();
-  if(k==="user")  return String(e.hf_user||e.display_name||"").toLowerCase();
-  if(k==="who")   return String(e.model_name||"").toLowerCase();
+  if(k==="user")  return String(e.hf_user||e.display_name||"").toLowerCase();
+  if(k==="who")   return String(e.model_name||"").toLowerCase();
+  if(k==="date")  return e.submitted_at ?? 0;
   if(k==="total") return e.total ?? -1;
   return (e.axes||{})[k] ?? -1;
 }
@@ -739,7 +747,7 @@ function render(){
   document.querySelectorAll("#head th").forEach(th=>th.onclick=()=>{
     const k = th.dataset.k;
     if(sortKey===k) sortDir = -sortDir;
-    else { sortKey = k; sortDir = (k==="rank"||k==="cand"||k==="who") ? 1 : -1; }
+    else { sortKey = k; sortDir = (k==="rank"||k==="cand"||k==="who") ? 1 : -1; }
     render();
   });
 
@@ -775,11 +783,11 @@ function render(){
       : `#${e.rank}<span class="rkscore">${f1(e.total)}${LANG==="ko"?"점":" pts"}</span>`;
     return `<tr class="${cls}">
       <td class="rk ${e.rank===1?"top":""}">${rk}</td>
-      <td>${id}${tag}</td><td>${user}</td><td>${who}</td>
+      <td>${id}${tag}</td><td>${user}</td><td>${who}</td><td>${submittedDate(e)}</td>
       ${AX.map(k=>`<td>${f1(a[k])}</td>`).join("")}
       <td><div class="barwrap"><span class="bar"><i style="width:${Math.max(2,(e.total||0)/max*100)}%"></i></span>
         <span class="tot">${f1(e.total)}</span></div></td></tr>`;
-  }).join("") : `<tr><td colspan="11" class="who">${d.empty}</td></tr>`;
+  }).join("") : `<tr><td colspan="12" class="who">${d.empty}</td></tr>`;
 
   wireCopy($("#rows"));
   wire3D($("#rows"));