ipads dabei

components/reservierung.svelte

@@ -1,17 +1,23 @@
 <script>
-  export let schueler, privat, einstellungen = {};
+  export let schueler,
+    privat,
+    einstellungen = {};
   let reservierung_anzeigen = einstellungen.reservierung_anzeigen;
+  let reservierung_erlauben = einstellungen.reservierung_erlauben;
   let schueler_verbergen;
-  $: console.log(reservierung_anzeigen)
+  $: console.log(reservierung_anzeigen);
   const { Pool } = R("pg");
   const pool = new Pool({ connectionString: privat.mein_bk_db });
-  $: (reservierung_anzeigen !== null) && pool.query(`UPDATE einstellungen SET reservierung_anzeigen=$1`, [reservierung_anzeigen])
+  $: reservierung_anzeigen !== null &&
+    pool.query(`UPDATE einstellungen SET reservierung_anzeigen=$1`, [
+      reservierung_anzeigen,
+    ]);
+  $: reservierung_erlauben !== null &&
+    pool.query(`UPDATE einstellungen SET reservierung_erlauben=$1`, [
+      reservierung_erlauben,
+    ]);
 </script>
 
-<style>
-  @import "./node_modules/bulma-tooltip/dist/css/bulma-tooltip.min.css";
-</style>
-
 <h3 class="title">Reservierungen Bibliothek</h3>
 <div class="field">
   <label class="checkbox">
@@ -19,6 +25,14 @@
     Reservierungsseite für Schüler anzeigen
   </label>
 </div>
+{#if reservierung_anzeigen}
+  <div class="field">
+    <label class="checkbox">
+      <input type="checkbox" bind:checked={reservierung_erlauben} />
+      Reservierungen zulassen
+    </label>
+  </div>
+{/if}
 <div class="field">
   <label class="checkbox">
     <input type="checkbox" bind:checked={schueler_verbergen} />
@@ -41,17 +55,22 @@
           <tbody>
             {#each schueler as s}
               <tr>
-                <td>{#if s.age.year < 18}<span class="tag is-danger">18</span>{/if}-{s.age}-{s.Name}</td>
+                <td
+                  >{#if s.age.year < 18}<span class="tag is-danger">18</span
+                    >{/if}-{s.age}-{s.Name}</td
+                >
                 <td>{s.Vorname}</td>
                 <td>
                   <span
                     class="tag"
-                    class:is-light={s.reservierung === undefined || s.reservierung === null}
-                    class:is-danger={s.reservierung === 'abgelehnt'}
-                    class:is-info={s.reservierung === 'in Bearbeitung'}
-                    class:is-success={s.reservierung === 'abholbereit'}
-                    class:is-warning={s.reservierung === 'abholbereit (U18)'}
-                  >{s.reservierung || '–'}</span>
+                    class:is-light={s.reservierung === undefined ||
+                      s.reservierung === null}
+                    class:is-danger={s.reservierung === "abgelehnt"}
+                    class:is-info={s.reservierung === "in Bearbeitung"}
+                    class:is-success={s.reservierung === "abholbereit"}
+                    class:is-warning={s.reservierung === "abholbereit (U18)"}
+                    >{s.reservierung || "–"}</span
+                  >
                 </td>
               </tr>
             {/each}
@@ -60,4 +79,8 @@
       {/each}
     </div>
   </div>
-{/if}
+{/if}
+
+<style>
+  @import "./node_modules/bulma-tooltip/dist/css/bulma-tooltip.min.css";
+</style>

Übersicht.svelte

@@ -25,7 +25,7 @@
         <li class:is-active={active === Einstellungen} on:click={() => active=Einstellungen}>Einstellungen</li>
         <li class:is-active={active === Infos} on:click={() => active=Infos}>Infos</li>
         <li class:is-active={active === Teams} on:click={() => active=Teams}>Teams</li>
-        <!-- <li class:is-active={active === Reservierung} on:click={() => active=Reservierung}>iPads</li> -->
+        <li class:is-active={active === Reservierung} on:click={() => active=Reservierung}>iPads</li>
       </ul>
     </div>
     <svelte:component this={active} schueler={schueler_filter} {privat} {einstellungen} {knexConfig}/>
@@ -69,7 +69,7 @@
   import Einstellungen from './components/einstellungen.svelte'
   import Infos from './components/infos.svelte'
   import Teams from './components/teams.svelte'
-  // import Reservierung from './components/reservierung.svelte'
+  import Reservierung from './components/reservierung.svelte'
   export let knexConfig, privat
   let active = Teams
   let suche = ''