test unterschrift Koponente wip

Allg HJZ.svelte

@@ -27,20 +27,10 @@
         <b>Bemerkungen</b><br />{@html bemerkungen(hj)}
       </div>
       <div class="footer">
-        <div class="flex-grid">
-          <div class="col-2">
-            {schule.Ort}, den {datum(hj.ZeugnisDatum)}
-          </div>
-          <div class="col text-center klein">
-            <Voffset v="3"/>
-            <hr />
-            {hj.lehrer?.Vorname} {hj.lehrer?.Nachname}<br />{hj.klassenlehrer_in}
-          </div>
-          <div class="col text-center klein">
-            <Voffset v="3"/>
-            Siegel
-          </div>
-        </div>
+        <Unterschriften>
+          <div slot="datum"> {schule.Ort}, den {datum(hj.ZeugnisDatum)} </div>
+          <div slot="u1"> {hj.lehrer?.Vorname} {hj.lehrer?.Nachname}<br />{hj.klassenlehrer_in} </div>
+        </Unterschriften>
         <div class="flex-grid">
           <div class="col-2"></div>
           <div class="col-2">
@@ -69,6 +59,7 @@
   import Voffset from './partials/Voffset.svelte'
   import Noten from './partials/Noten.svelte'
   import Fussnote from './partials/Fussnoten.svelte'
+  import Unterschriften from './partials/Unterschriften.svelte'
 
   export let schueler, schule, privat, jahr, abschnitt
   const aktHalbjahr = a => a.Jahr === jahr && a.Abschnitt === abschnitt

Allg JZ.svelte

@@ -45,26 +45,11 @@
         <b>Bemerkungen</b><br />{@html bemerkungen(hj)}
       </div>
       <div class="footer">
-        <div class="flex-grid">
-          <div class="col-2">
-            {schule.Ort}, den {datum(hj.ZeugnisDatum)}
-          </div>
-          <div class="col-2 text-center klein">
-          <Voffset v="3"/>
-            <hr />
-            {schule.SchulleiterVorname} {schule.SchulleiterName}
-            <br />{schule.schulleiter_in}
-          </div>
-          <div class="col text-center klein">
-          <Voffset v="3"/>
-            Siegel
-          </div>
-          <div class="col-2 text-center klein">
-          <Voffset v="3"/>
-            <hr />
-            {hj.lehrer?.Vorname} {hj.lehrer?.Nachname}<br />{hj.klassenlehrer_in}
-          </div>
-        </div>
+        <Unterschriften>
+          <div slot="datum"> {schule.Ort}, den {datum(hj.ZeugnisDatum)} </div>
+          <div slot="u1"> {schule.SchulleiterVorname} {schule.SchulleiterName} <br />{schule.schulleiter_in} </div>
+          <div slot="u2"> {hj.lehrer?.Vorname} {hj.lehrer?.Nachname}<br />{hj.klassenlehrer_in} </div>
+        </Unterschriften>
         <div class="flex-grid">
           {#if !s.ASDSchulform.startsWith('E')}
             <div class="col-2"></div>
@@ -95,6 +80,7 @@
   import Voffset from './partials/Voffset.svelte'
   import Noten from './partials/Noten.svelte'
   import Fussnote from './partials/Fussnoten.svelte'
+  import Unterschriften from './partials/Unterschriften.svelte'
 
   export let schueler, schule, privat, jahr, abschnitt
   const aktHalbjahr = (a) => a.Jahr === jahr && a.Abschnitt === abschnitt

partials/Unterschriften.svelte

@@ -0,0 +1,27 @@
+<script>
+  import Voffset from "./Voffset.svelte";
+</script>
+
+<div class="flex-grid">
+  <div style="flex: 2">
+    <slot name="datum" />
+  </div>
+  <div style="flex: 2" class="text-center klein">
+    {#if $$slots.u1}
+      <Voffset v="3" />
+      <hr />
+      <slot name="u1" />
+    {/if}
+  </div>
+  <div style="flex: 1" class="text-center klein">
+    <Voffset v="3" />
+    Siegel
+  </div>
+  <div style="flex: 2" class="text-center klein">
+    {#if $$slots.u2}
+      <Voffset v="3" />
+      <hr />
+      <slot name="u2" />
+    {/if}
+  </div>
+</div>