working on document editor

frontend/src/Components/PriceEditor.svelte

@@ -0,0 +1,29 @@
+<script>
+    let { editable = false, currency, value = $bindable(null) } = $props();
+    let editing = $state(false);
+
+    function toggleEdit(){
+        editing = !editing;
+        if (editing){
+            value /= 100;
+        }
+    }
+
+    function typed(ev){
+        if (ev.keyCode == 13) {
+            toggleEdit();
+            value *= 100;
+        }
+    }
+</script>
+
+<style>
+    input{width:100px}
+</style>
+
+{#if editable && editing}
+<input type="number" step=".01" bind:value onkeyup={typed} />&nbsp;{currency}
+{:else}
+<div onclick={toggleEdit}>{Number(value/100).toFixed(2)}&nbsp;{currency}</div>
+{/if}
+