further work

webapp/views/components/LetterOptions.js

@@ -0,0 +1,76 @@
+import { h } from 'preact';
+import Input from './Input';
+import TextAreaInput from './TextAreaInput';
+
+export default function(props) {
+    return (
+        <div>
+            <TextAreaInput
+                name="address"
+                text="Adresse"
+                onchange={props.onChange}
+                value={props.address}
+            />
+            <Input
+                name="subject"
+                text="Betreff"
+                onchange={props.onChange}
+                value={props.subject}
+            />
+            <Input
+                name="yourRef"
+                text="Ihr Zeichen"
+                onchange={props.onChange}
+                value={props.yourRef}
+            />
+            <Input
+                name="yourMail"
+                text="Ihr Schreiben vom"
+                onchange={props.onChange}
+                value={props.yourMail}
+            />
+            <Input
+                name="customer"
+                text="Kundernummer"
+                onchange={props.onChange}
+                value={props.customer}
+            />
+            <Input
+                name="invoice"
+                text="Rechnung"
+                onchange={props.onChange}
+                value={props.invoice}
+            />
+            <Input
+                name="yourMail"
+                text="Ihr Schreiben vom"
+                onchange={props.onChange}
+                value={props.yourMail}
+            />
+            <Input
+                name="date"
+                text="Datum"
+                onchange={props.onChange}
+                value={props.date}
+            />
+            <Input
+                name="opening"
+                text="Anrede"
+                onchange={props.onChange}
+                value={props.opening}
+            />
+            <TextAreaInput
+                name="body"
+                text="Brieftext"
+                onchange={props.onChange}
+                value={props.body}
+            />
+            <Input
+                name="closing"
+                text="Grußformel"
+                onchange={props.onChange}
+                value={props.closing}
+            />
+        </div>
+    );
+};