MediaWiki:Gadget-LabelScan.js: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (12 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 51: | Zeile 51: | ||
const prev=qs('ados-scan-preview'); | const prev=qs('ados-scan-preview'); | ||
if(prev){ | if(prev){ | ||
prev.innerHTML=`<img alt="Vorschau" style="max-width:100%;height:auto;border-radius:8px;" src="${url}">`; | prev.innerHTML=`<img alt="Vorschau" style="max-width:260px;width:100%;height:auto;border-radius:8px;display:block;margin:0 auto;" src="${url}">`; | ||
prev.setAttribute('aria-hidden','false'); | prev.setAttribute('aria-hidden','false'); | ||
} | } | ||
| Zeile 252: | Zeile 252: | ||
function cosine(a,b){ let s=0,L=Math.min(a.length,b.length); for(let i=0;i<L;i++) s+=a[i]*b[i]; return s; } | function cosine(a,b){ let s=0,L=Math.min(a.length,b.length); for(let i=0;i<L;i++) s+=a[i]*b[i]; return s; } | ||
// vorher: slice(0, topK) hier | |||
// jetzt: ALLE sortiert zurückgeben, damit wir danach deduplizieren können | |||
function rankByCosine(q){ | function rankByCosine(q){ | ||
const s=[]; | const s=[]; | ||
| Zeile 260: | Zeile 263: | ||
} | } | ||
s.sort((a,b)=> b.score-a.score); | s.sort((a,b)=> b.score-a.score); | ||
return s. | return s; | ||
} | |||
// NEU: pro Titel nur bester Treffer | |||
function dedupeByTitle(ranked){ | |||
const bestByTitle = Object.create(null); | |||
for (let k = 0; k < ranked.length; k++) { | |||
const hit = ranked[k]; | |||
const it = INDEX[hit.i]; | |||
const rawTitle = it && it.title ? String(it.title) : ''; | |||
const key = rawTitle.trim().toLowerCase(); | |||
if (!key) continue; | |||
const prev = bestByTitle[key]; | |||
if (!prev || hit.score > prev.score) { | |||
bestByTitle[key] = hit; | |||
} | |||
} | |||
const arr = []; | |||
for (const key in bestByTitle) { | |||
if (Object.prototype.hasOwnProperty.call(bestByTitle, key)) { | |||
arr.push(bestByTitle[key]); | |||
} | |||
} | |||
arr.sort(function(a,b){ return b.score - a.score; }); | |||
return arr; | |||
} | } | ||
// --------- Score-Badges --------- | // --------- Score-Badges --------- | ||
function scoreBadge(score){ | |||
if (CFG.showNumericScore) { | if (CFG.showNumericScore) { | ||
return `<span style="font-variant-numeric:tabular-nums;color:#666">${score.toFixed(3)}</span>`; | |||
} | } | ||
const [hi, mid] = CFG.confidenceBands || [0.90, 0.80]; | const [hi, mid] = CFG.confidenceBands || [0.90, 0.80]; | ||
| Zeile 276: | Zeile 303: | ||
// --------- Rendering (max. 3 Treffer) --------- | // --------- Rendering (max. 3 Treffer) --------- | ||
// Score-Badge ausgeblendet | |||
// <div>${scoreBadge(score)}</div> | |||
function renderResults(ranked){ | function renderResults(ranked){ | ||
const box=qs('ados-scan-results'); | const box=qs('ados-scan-results'); | ||
| Zeile 285: | Zeile 315: | ||
return; | return; | ||
} | } | ||
// NEU: Dedupe nach Titel, DANN auf topK begrenzen | |||
const uniqueRanked = dedupeByTitle(ranked).slice(0, CFG.topK); | |||
const makeCard = (it, score) => ` | const makeCard = (it, score) => ` | ||
| Zeile 294: | Zeile 327: | ||
<a href="${mw.util.getUrl((it.title||'').replace(/ /g,'_'))}">${mw.html.escape(it.title||'')}</a> | <a href="${mw.util.getUrl((it.title||'').replace(/ /g,'_'))}">${mw.html.escape(it.title||'')}</a> | ||
</div> | </div> | ||
<div> | <div> | ||
<a href="${mw.util.getUrl((it.title||'').replace(/ /g,'_'))}" class="mw-ui-button" style="display:inline-block;padding:.4rem .7rem;border-radius:8px;background:#2a4b8d;color:#fff;text-decoration:none;">Artikel öffnen</a> | <a href="${mw.util.getUrl((it.title||'').replace(/ /g,'_'))}" class="mw-ui-button" style="display:inline-block;padding:.4rem .7rem;border-radius:8px;background:#2a4b8d;color:#fff;text-decoration:none;">Artikel öffnen</a> | ||
| Zeile 306: | Zeile 338: | ||
grid.style.gap='12px'; | grid.style.gap='12px'; | ||
// max. CFG.topK (=3) Karten | // max. CFG.topK (=3) Karten nach Dedupe | ||
uniqueRanked.forEach(function(hit){ | |||
const it=INDEX[i]; | const it = INDEX[hit.i]; | ||
grid.innerHTML += makeCard(it, score); | grid.innerHTML += makeCard(it, hit.score); | ||
}); | }); | ||
| Zeile 350: | Zeile 382: | ||
if(drop){ | if(drop){ | ||
drop.addEventListener('dragover', ev | drop.addEventListener('dragover', function(ev){ ev.preventDefault(); drop.classList.add('is-over'); }); | ||
drop.addEventListener('dragleave', () | drop.addEventListener('dragleave', function(){ drop.classList.remove('is-over'); }); | ||
drop.addEventListener('drop', ev | drop.addEventListener('drop', function(ev){ | ||
ev.preventDefault(); drop.classList.remove('is-over'); | ev.preventDefault(); drop.classList.remove('is-over'); | ||
const f = ev.dataTransfer | const f = ev.dataTransfer && ev.dataTransfer.files && ev.dataTransfer.files[0]; | ||
if(f){ | if(f){ | ||
const dt=new DataTransfer(); dt.items.add(f); | const dt=new DataTransfer(); dt.items.add(f); | ||
| Zeile 363: | Zeile 395: | ||
} | } | ||
btnReset && btnReset.addEventListener('click', () | btnReset && btnReset.addEventListener('click', function(){ | ||
setStatus('Bereit.'); setProgress(null); | setStatus('Bereit.'); setProgress(null); | ||
const p=qs('ados-scan-preview'); if(p) p.innerHTML='<div class="note">Noch keine Vorschau.</div>'; | const p=qs('ados-scan-preview'); if(p) p.innerHTML='<div class="note">Noch keine Vorschau.</div>'; | ||
| Zeile 381: | Zeile 413: | ||
try{ | try{ | ||
const file = inCam.files | const file = (inCam.files && inCam.files[0]) || (inGal.files && inGal.files[0]); | ||
if(!file){ alert('Bitte zuerst ein Foto auswählen.'); return; } | if(!file){ alert('Bitte zuerst ein Foto auswählen.'); return; } | ||