adrema-form/index.html

178 lines
5.0 KiB
HTML
Raw Normal View History

2024-04-09 01:08:49 +02:00
<!doctype html>
2023-12-24 02:24:48 +01:00
<html lang="en">
2024-02-14 12:31:21 +01:00
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue</title>
<meta name="adrema_base_url" content="/" />
</head>
<body style="padding: 50px">
<event-form
style="--primary: hsl(181, 75%, 26%); --secondary: hsl(181, 75%, 35%); --font: hsl(181, 84%, 78%); --circle: hsl(181, 86%, 16%)"
2024-04-09 01:08:49 +02:00
value='{"sections":[
{
"name": "tet",
"intro": "",
"fields": [
{
"name": "checkbox",
"type": "CheckboxField",
"columns": {
"mobile": 2,
"tablet": 4,
"desktop": 6
},
"value": false,
"required": true,
"nami_type": null,
"for_members": true,
"special_type": null,
"description": "Sed laoreet mattis sem, vel sodales leo ullamcorper ut. Aliquam hendrerit vestibulum ex, sit amet consequat dolor donec.",
"hint": "Quisque justo leo, ultricies vestibulum.",
"key": "checkbox"
},
{
2024-04-10 15:25:51 +02:00
"name": "checkboxes Praesent tortor ligula, accumsan quis neque eget, laoreet convallis nunc. Morbi a urna sem. Mauris venenatis a felis ex.",
2024-04-09 01:08:49 +02:00
"hint": "Quisque justo leo, ultricies vestibulum.",
"type": "CheckboxesField",
"columns": {
"mobile": 2,
"tablet": 4,
"desktop": 6
},
"value": [],
"required": false,
"nami_type": null,
"for_members": true,
"special_type": null,
"options": [
"Integer molestie enim vitae enim tellus.",
"Cras ut magna ac metus rutrum efficitur."
],
"key": "checkboxes"
},
{
"name": "date",
"hint": "Quisque justo leo, ultricies vestibulum.",
"type": "DateField",
"columns": {
"mobile": 2,
"tablet": 4,
"desktop": 6
},
"value": null,
"required": false,
"nami_type": null,
"for_members": true,
"special_type": null,
"max_today": false,
"key": "date"
},
{
"name": "dropdown",
"hint": "Quisque justo leo, ultricies vestibulum.",
"type": "DropdownField",
"columns": {
"mobile": 2,
"tablet": 4,
"desktop": 6
},
"value": null,
"required": false,
"nami_type": null,
"for_members": true,
"special_type": null,
"options": [
"a",
"v"
],
2024-04-16 23:03:43 +02:00
"key": "dropdown",
"allowcustom": false
2024-04-09 01:08:49 +02:00
},
{
"name": "radio",
"hint": "Quisque justo leo, ultricies vestibulum.",
"type": "RadioField",
"columns": {
"mobile": 2,
"tablet": 4,
"desktop": 6
},
"value": null,
"required": false,
"nami_type": null,
"for_members": true,
"special_type": null,
"options": [
"a",
"v"
],
2024-04-16 23:03:43 +02:00
"key": "radio",
"allowcustom": false
2024-04-09 01:08:49 +02:00
},
{
"name": "text",
"hint": "Quisque justo leo, ultricies vestibulum.",
"type": "TextField",
"columns": {
"mobile": 2,
"tablet": 4,
"desktop": 6
},
"value": "",
"required": false,
"nami_type": null,
"for_members": true,
"special_type": null,
"key": "text"
},
{
"name": "textarea",
"hint": "Quisque justo leo, ultricies vestibulum.",
"type": "TextareaField",
"columns": {
"mobile": 2,
"tablet": 4,
"desktop": 6
},
"value": "",
"required": false,
"nami_type": null,
"for_members": true,
"special_type": null,
"rows": 5,
"key": "textarea"
2024-04-14 11:37:59 +02:00
},
{
"name": "numerisch",
"hint": "Quisque justo leo, ultricies vestibulum.",
"type": "NumberField",
"columns": {
"mobile": 2,
"tablet": 4,
"desktop": 6
},
"value": null,
"required": false,
"nami_type": null,
"for_members": true,
"special_type": null,
"key": "numerisch",
"min": null,
2024-04-16 23:03:43 +02:00
"max": "7"
2024-04-09 01:08:49 +02:00
}
]
}
]}'
2024-02-14 12:31:21 +01:00
url="http://localhost:8000"
editable
></event-form>
<event-overview
style="--primary: hsl(181, 75%, 26%); --secondary: hsl(181, 75%, 35%); --font: hsl(181, 84%, 78%); --circle: hsl(181, 86%, 16%)"
url-pattern="/anmeldung/{slug}"
url="http://localhost:8000/api/form"
></event-overview>
<script type="module" src="src/main.js"></script>
</body>
2023-12-24 02:24:48 +01:00
</html>