wahl

components/svwahl.svelte

@@ -1,11 +1,27 @@
-<table class="table table-condensed table-striped">
-  <th>Schüler</th><th>Sprecher</th><th>Schuko</th>
-  {#each wahlergebnis.filter(s=>s.gewaehlt_schuko > 0 || s.gewaehlt_sprecher > 0) as s}
-    <tr>
-      <td>{s.vorname}</td><td>{s.gewaehlt_sprecher}</td><td>{s.gewaehlt_schuko}</td>
-    </tr>
-  {/each}
-</table>
+<div class="columns">
+  <div class="column is-half">
+  <b>Ergebnisse der Sprecherwahl:</b>
+    <table class="table table-condensed table-striped">
+      <th>Schüler</th><th>Sprecher</th>
+      {#each wahlergebnis.filter(s=>s.gewaehlt_sprecher > 0).sort((a,b)=>a.gewaehlt_sprecher-b.gewaehlt_sprecher).reverse() as s}
+        <tr>
+          <td>{s.vorname} {s.nachname || ''} – {s.klasse} {s.email}</td><td>{s.gewaehlt_sprecher}</td>
+        </tr>
+      {/each}
+    </table>
+  </div>
+  <div class="column is-half">
+  <b>Ergebnisse der Sprecherwahl:</b>
+    <table class="table table-condensed table-striped">
+      <th>Schüler</th><th>Schulkonferenz</th>
+      {#each wahlergebnis.filter(s=>s.gewaehlt_schuko > 0).sort((a,b)=>a.gewaehlt_schuko-b.gewaehlt_schuko).reverse() as s}
+        <tr>
+          <td>{s.vorname} {s.nachname || ''} – {s.klasse} {s.email}</td><td>{s.gewaehlt_schuko}</td>
+        </tr>
+      {/each}
+    </table>
+  </div>
+</div>
 <input type="checkbox" bind:checked={nur_aktive}> Nur aufgestellte Schüler anzeigen.
 <div class="columns">
   <div class="column is-two-thirds">