Adding inzage helper

src/App.svelte

@@ -6,9 +6,12 @@
   import Question from './template/Question.svelte';
 
   import { ThemeWrapper, ToggleSwitch } from '@lv00/sveltelib';
-  import { compareMode, showMenu, questions, oldQuestions } from './store';
+  import { compareMode, showMenu, questions, oldQuestions, inzage } from './store';
   import Log from './lib/Log.svelte';
 
+  let titleHeader = '';
+  let rrnHeader = '';
+
 </script>
 
 <header>
@@ -55,6 +58,15 @@
     {/if}
 
     <div class="questions">
+      {#if $inzage}
+      <div class="header">
+        <input type="text" bind:value={titleHeader} class="hide-print" placeholder="Test name">
+        <p class="show-print">{titleHeader}</p>
+        <input type="text" bind:value={rrnHeader} class="hide-print" placeholder="RRN">
+        <p class="show-print">{rrnHeader}</p>
+      </div>
+      {/if}
+
       {#if $questions.length > 0}
         {#each $questions as question}
           <Question bind:question />
@@ -118,6 +130,17 @@
     font-size: 0.95rem;
   }
 
+  .questions > .header {
+    padding: 5px;
+    border-bottom: 1px solid var(--border-color);
+    display: flex;
+    justify-content: center;
+  }
+
+  .questions > .header > *{
+    margin: auto;
+  }
+
   @media print {
     header {
       background-color: #ddd;

src/app.css

@@ -80,6 +80,13 @@ body {
   .hidePrint {
     display: none !important;
   }
+  .show-print {
+    display: block !important;
+  }
+}
+
+.show-print {
+  display: none;
 }
 
 @page {