feat(formUtil): made description for formbuilder clearer
Build and Push Docker image / build-and-push (push) Successful in 1m48s Details

This commit is contained in:
Valentin Kolb 2024-05-14 18:16:01 +02:00
parent 6c3c90e307
commit ed341d7ca7
2 changed files with 16 additions and 10 deletions

View File

@ -65,7 +65,7 @@ const TextFieldSettings = ({formValues, index}: Omit<EditFieldProps, "field">) =
classNames={{ classNames={{
input: "monospace" input: "monospace"
}} }}
label={"Regex"} label={"Regex (für Nerds)"}
placeholder={"/.*/gm"} placeholder={"/.*/gm"}
{...formValues.getInputProps(`fields.${index}.validator.regex`)} {...formValues.getInputProps(`fields.${index}.validator.regex`)}
/> />
@ -146,7 +146,6 @@ const SelectFieldSettings = ({field, formValues, index}: Omit<EditFieldProps, "f
> >
<IconX/> <IconX/>
</ActionIcon> </ActionIcon>
} }
{...formValues.getInputProps(`fields.${index}.options.${optionIndex}`)} {...formValues.getInputProps(`fields.${index}.options.${optionIndex}`)}
@ -319,10 +318,13 @@ export default function EditField({field, formValues, index}: EditFieldProps) {
} }
<Group> <Group>
{field.dataType !== "checkbox" && (
<TextInput <TextInput
label={"Platzhalter"} label={"Platzhalter"}
{...formValues.getInputProps(`fields.${index}.placeholder`)} {...formValues.getInputProps(`fields.${index}.placeholder`)}
/> />
)}
{ {
// validation settings for text fields // validation settings for text fields
@ -357,7 +359,9 @@ export default function EditField({field, formValues, index}: EditFieldProps) {
<Group> <Group>
<Checkbox <Checkbox
label={"Pflichtfeld"} label={
field.dataType === "checkbox" ? "Feld muss angekreuzt sein" : "Feld muss ausgefüllt werden"
}
disabled={field.meta?.required} disabled={field.meta?.required}
{...formValues.getInputProps(`fields.${index}.required`, {type: "checkbox"})} {...formValues.getInputProps(`fields.${index}.required`, {type: "checkbox"})}
/> />
@ -365,7 +369,7 @@ export default function EditField({field, formValues, index}: EditFieldProps) {
{ {
field.dataType === "text" && <> field.dataType === "text" && <>
<Checkbox <Checkbox
label={"Mehrzeilig"} label={"Mehrzeiliges Textfeld"}
{...formValues.getInputProps(`fields.${index}.multiline`, {type: "checkbox"})} {...formValues.getInputProps(`fields.${index}.multiline`, {type: "checkbox"})}
/> />
</> </>

View File

@ -62,14 +62,16 @@ export default function EventListView({event, listId}: { event: EventModel, list
{ {
!list.allowOverlappingEntries && !list.allowOverlappingEntries &&
<Alert> <Alert>
Diese Liste erlaubt Anmeldungen zu überschneidenden Zeiten mit anderen Listen von diesem Event Wenn du bei diesem Event bereits für einen anderen Zeitslot angemeldet bist,
kannst du in dieser Liste nur einen Zeitslot wählen,
der nicht mit deinen anderen Anmeldungen kollidiert.
</Alert> </Alert>
} }
{ {
list.onlyStuVeAccounts && list.onlyStuVeAccounts &&
<Alert> <Alert>
Diese Liste erlaubt nur Anmeldungen von Personen mit einem StuVe Account Für diese Liste können sich nur Personen mit StuVe Account anmelden
</Alert> </Alert>
} }