meinbk-admin/components/svwahl.svelte

<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">
    {#each Object.entries(schueler) as [klasse, schuelers]}
      <h3 class="title">{klasse}</h3>
      <table class="table is-striped">
        <thead>
          <tr>
            <th>Name</th>
            <th>Vorname</th>
            <th>Wahlstatus</th>
          </tr>
        </thead>
        <tbody>
          {#each schuelers.filter(s=>(nur_aktive && (s.schuko || s.sprecher)) || (!nur_aktive && s)) as s}
            <tr>
              <td>{s.Name}</td>
              <td>{s.Vorname}</td>
              <td class:has-background-success={s.schuko||s.sprecher}>
                Schuko: <input checked={s.schuko} type="checkbox" on:click={()=>check_aktiv(s, 'schuko')}>
                Sprecher: <input checked={s.sprecher} type="checkbox" on:click={()=>check_aktiv(s, 'sprecher')}>
                gewählt: <input checked={s.gewaehlt} type="checkbox" on:click={()=>check_aktiv(s, 'gewaehlt')}>
                wählbar: <input checked={s.waehlbar} type="checkbox" on:click={()=>check_aktiv(s, 'waehlbar')}>
                {#if s.info || s.nachname || s.email}
                  <button class="button is-link tooltip is-tooltip-multiline" data-tooltip={`${s.info || ''} – ${s.Vorname} ${s.nachname || ''} – ${s.email || ''}`}>Infotext</button>
                {/if}
              </td>
            </tr>
          {/each}
        </tbody>
      </table>
    {/each}
  </div>
</div>
<script>
  export let schueler, privat, einstellungen = {}
  let nur_aktive
  let wahlergebnis = []
  const { Pool } = R('pg')
  const pool = new Pool({ connectionString: privat.mein_bk_db})
  const check_aktiv = async (s, art) => {
    const query = `INSERT INTO schueler(id, ${art}, vorname, klasse)
                   VALUES($1, $2, $3, $4)
                   ON CONFLICT (id) DO
                    UPDATE SET ${art}=$2
                    WHERE schueler.id=$1
                   RETURNING ${art}`
    const values=[s.id, !s[art], s.Vorname, s.Klasse]
    try {
      const res = await pool.query(query, values)
      const data = res.rows[0]
      s[art] = data[art]
      schueler = schueler
    } catch(err) {
      console.log(err.stack)
    }
  }
  async function hole_sprecher_ergebnisse () {
    console.log('TEST')
    const query = `SELECT *,
                  (SELECT COUNT(*)
                    FROM sprecher
                    WHERE sprecher.schueler_id = schueler.id
                  ) as gewaehlt_sprecher,
                  (SELECT COUNT(*)
                    FROM schuko
                    WHERE schuko.schueler_id = schueler.id
                  ) as gewaehlt_schuko
                  FROM schueler`
    try {
      const res = await pool.query(query)
      wahlergebnis = res.rows
    }
    catch (e) {
      return []
    }
  }
  hole_sprecher_ergebnisse()
</script>
<style>
  @import './node_modules/bulma-tooltip/dist/css/bulma-tooltip.min.css';
</style>