MediaWiki:Common.js: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 606: / Zeile 606: @@
        var trG = document.createElement('tr');
-      trG.innerHTML = '<td><strong>Gesamt</strong></td><td><strong>' + overallText + '</strong></td><td>–</td>';
-      tbody.appendChild(trG);
+// Label
+var tdGL = document.createElement('td');
+tdGL.innerHTML = '<strong>Gesamt</strong>';
+trG.appendChild(tdGL);
+// Balken
+var tdGA = document.createElement('td');
+if (overall !== null) {
+  var w  = document.createElement('div');  w.className = 'whisky-bar';
+  var t  = document.createElement('div');  t.className = 'whisky-bar__track';
+  var f  = document.createElement('div');  f.className = 'whisky-bar__fill';
+  f.style.width = Math.max(0, Math.min(100, (overall/10)*100)) + '%';
+  var v  = document.createElement('span'); v.className = 'whisky-bar__value';
+  v.innerHTML = '<strong>' + overallText + '</strong>';
+  t.appendChild(f); w.appendChild(t); w.appendChild(v); tdGA.appendChild(w);
+} else {
+  tdGA.innerHTML = '<strong>–</strong>';
+}
+trG.appendChild(tdGA);
+// Stimmen-Strich
+var tdGD = document.createElement('td');
+tdGD.textContent = '–';
+trG.appendChild(tdGD);
+tbody.appendChild(trG);
        table.appendChild(tbody);