MediaWiki:Common.js: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 559: / Zeile 559: @@
            : '–';
          var totalText = row.total ? String(row.total) : '0';
-        var tr = document.createElement('tr');
+var tr = document.createElement('tr');
-        tr.innerHTML = '<td>' + row.label + '</td><td>' + avgText + '</td><td>' + totalText + '</td>';
-        tbody.appendChild(tr);
+// 1. Spalte: Label
+var tdLabel = document.createElement('td');
+tdLabel.textContent = row.label;
+tr.appendChild(tdLabel);
+// 2. Spalte: Balken + Zahl (oder "–")
+var tdAvg = document.createElement('td');
+if (row.avg !== null) {
+  var wrap  = document.createElement('div');  wrap.className = 'whisky-bar';
+  var track = document.createElement('div');  track.className = 'whisky-bar__track';
+  var fill  = document.createElement('div');  fill.className  = 'whisky-bar__fill';
+  fill.style.width = Math.max(0, Math.min(100, (row.avg/10)*100)) + '%';
+  var val   = document.createElement('span'); val.className   = 'whisky-bar__value';
+  val.textContent = (row.avg.toFixed ? row.avg.toFixed(1) : (Math.round(row.avg*10)/10));
+  track.appendChild(fill);
+  wrap.appendChild(track);
+  wrap.appendChild(val);
+  tdAvg.appendChild(wrap);
+} else {
+  tdAvg.textContent = '–';
+}
+tr.appendChild(tdAvg);
+// 3. Spalte: Stimmen
+var tdCnt = document.createElement('td');
+tdCnt.textContent = totalText;
+tr.appendChild(tdCnt);
+tbody.appendChild(tr);
        }