barcode manuell [ci skip]

hmt · Feb 25, 2020 · 175c644 · 175c644
1 parent 5b2ed93
commit 175c644
Showing 1 changed file with 26 additions and 1 deletion.
diff --git a/src/components/Scanner.svelte b/src/components/Scanner.svelte
@@ -11,6 +11,8 @@
   const prefix_length = $configData.scan_prefix.length;
   let buffer = [],
     barcode,
+    barcode_manuell,
+    barcode_input,
     registrieren,
     lastKeyTime = Date.now(),
     medium,
@@ -22,6 +24,10 @@
       (event.key === 'Escape') && (registrieren = false)
       return
     }
+    if (event.key === 'Escape') {
+      barcode_manuell = !barcode_manuell
+      barcode_input = ''
+    }
     if (
       event.key === "Enter" &&
       buffer.slice(0, prefix_length).join("") === $configData.scan_prefix
@@ -112,7 +118,26 @@
 </script>
 
 <svelte:window on:keydown={handle_keydown} />
-
+{#if barcode_manuell}
+  <div class="modal is-active">
+    <div class="modal-background" on:click={()=>barcode_manuell=false}/>
+    <button class="modal-close is-large" aria-label="close" on:click={()=>barcode_manuell=false}></button>
+    <div class="modal-content">
+      <div class="box">
+        <div class="field">
+          <label class="label">Barcode eingeben</label>
+          <div class="control">
+            <input
+              class="input"
+              type="text"
+              bind:value={barcode}
+              on:keydown={e => {if (e.key === 'Enter') { barcode_manuell=false; scan()}}} />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}
 {#if registrieren}
   <div class="modal is-active">
     <div class="modal-background" on:click={()=>registrieren=false}/>