Compare commits
2 Commits
768cf47bd3
...
54efebf12e
| Author | SHA1 | Date |
|---|---|---|
philipp lang
|
54efebf12e | |
|
philipp lang
|
38d56d1285 |
211
index.html
211
index.html
|
|
@ -6,167 +6,72 @@
|
|||
<title>Vite + Vue</title>
|
||||
<meta name="adrema_base_url" content="/" />
|
||||
</head>
|
||||
<body style="padding: 50px">
|
||||
<body>
|
||||
<event-form
|
||||
style="--primary: hsl(181, 75%, 26%); --secondary: hsl(181, 75%, 35%); --font: hsl(181, 84%, 78%); --circle: hsl(181, 86%, 16%)"
|
||||
value='{"sections":[
|
||||
{
|
||||
"name": "tet",
|
||||
"intro": "",
|
||||
"fields": [
|
||||
{
|
||||
"name": "checkbox",
|
||||
"type": "CheckboxField",
|
||||
"columns": {
|
||||
value='{
|
||||
"sections": [
|
||||
{
|
||||
"name": "sdfs",
|
||||
"fields": [
|
||||
{
|
||||
"required": true,
|
||||
"key": "vorname",
|
||||
"name": "Vorname",
|
||||
"nami_type": null,
|
||||
"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"
|
||||
},
|
||||
{
|
||||
"name": "checkboxes Praesent tortor ligula, accumsan quis neque eget, laoreet convallis nunc. Morbi a urna sem. Mauris venenatis a felis ex.",
|
||||
"hint": "Quisque justo leo, ultricies vestibulum.",
|
||||
"type": "CheckboxesField",
|
||||
"columns": {
|
||||
},
|
||||
"for_members": true,
|
||||
"special_type": null,
|
||||
"hint": null,
|
||||
"intro": null,
|
||||
"value": null,
|
||||
"type": "TextField"
|
||||
},
|
||||
{
|
||||
"required": true,
|
||||
"key": "nachname",
|
||||
"name": "Nachname",
|
||||
"nami_type": null,
|
||||
"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"
|
||||
],
|
||||
"key": "dropdown",
|
||||
"allowcustom": false
|
||||
},
|
||||
{
|
||||
"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"
|
||||
],
|
||||
"key": "radio",
|
||||
"allowcustom": false
|
||||
},
|
||||
{
|
||||
"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"
|
||||
},
|
||||
{
|
||||
"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,
|
||||
"max": "7"
|
||||
},
|
||||
{"required":true,"parent_field":null,"parent_group":2,"has_empty_option":true,"key":"stamm","name":"Stamm","nami_type":null,"columns":{"mobile":2,"tablet":4,"desktop":6},"for_members":true,"special_type":null,"hint":null,"value":null,"type":"GroupField", "empty_option_value": "Kein Stamm"}
|
||||
]
|
||||
}
|
||||
]}'
|
||||
"desktop": 3
|
||||
},
|
||||
"for_members": true,
|
||||
"special_type": null,
|
||||
"hint": null,
|
||||
"intro": null,
|
||||
"value": null,
|
||||
"type": "TextField"
|
||||
},
|
||||
{
|
||||
"required": true,
|
||||
"key": "mail",
|
||||
"name": "Mail",
|
||||
"nami_type": null,
|
||||
"columns": {
|
||||
"mobile": 1,
|
||||
"tablet": 2,
|
||||
"desktop": 3
|
||||
},
|
||||
"for_members": true,
|
||||
"special_type": null,
|
||||
"hint": null,
|
||||
"intro": null,
|
||||
"value": null,
|
||||
"type": "EmailField"
|
||||
}
|
||||
],
|
||||
"intro": null
|
||||
}
|
||||
]
|
||||
}'
|
||||
payload='{"vorname": "Philipp", "nachname": "Lang", "mail": "a@b.de"}'
|
||||
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%)"
|
||||
|
|
|
|||
|
|
@ -13,16 +13,27 @@
|
|||
Bitte achte außerdem darauf, dass du mindestens <span class="font-semibold">Leserechte</span> auf deine Gruppierung hast. Diese kann dir i.d.R. dein
|
||||
<span class="font-semibold">StaVo</span> erteilen.
|
||||
</p>
|
||||
<v-checkbox
|
||||
:modelValue="loginState !== 'nami'"
|
||||
@update:modelValue="loginState = $event ? 'skipping' : 'nami'"
|
||||
name="login_state"
|
||||
id="login_state"
|
||||
description="Ich bin kein Mitglied der DPSG im DV Köln und möchte daher meine Mitglieder selbst eingeben."
|
||||
intro=""
|
||||
></v-checkbox>
|
||||
</div>
|
||||
<div class="flex mt-4 space-x-3">
|
||||
<v-text @keypress.enter="innerLogin" name="nami_mglnr" label="Mitgliedsnummer" id="nami_mglnr" v-model="loginData.mglnr" required></v-text>
|
||||
<v-text @keypress.enter="innerLogin" name="nami_password" label="Passwort" id="nami_password" v-model="loginData.password" type="password" required></v-text>
|
||||
<v-btn class="self-end" @click.prevent="innerLogin">Anmelden</v-btn>
|
||||
<v-btn class="self-end" @click.prevent="innerLogin">
|
||||
<span v-text="loginState === 'nami' ? 'Anmelden' : 'Weiter'"></span>
|
||||
</v-btn>
|
||||
</div>
|
||||
</template>
|
||||
<template #finished>
|
||||
<div class="flex items-center justify-between">
|
||||
<div>Erfolgreich eingeloggt als {{ user }}.</div>
|
||||
<div v-if="user">Erfolgreich eingeloggt als {{ user }}.</div>
|
||||
<div v-else>Nicht eingeloggt</div>
|
||||
<v-btn class="self-end" @click.prevent="innerLogout">Abmelden</v-btn>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -225,7 +236,7 @@ if (user.value !== null) {
|
|||
|
||||
const {resolveComponentName} = useFields();
|
||||
const step = computed(() => {
|
||||
if (user.value === null) {
|
||||
if (user.value === null && loginState.value !== 'skipped') {
|
||||
return 1;
|
||||
}
|
||||
|
||||
|
|
@ -247,6 +258,7 @@ function deleteMember(index) {
|
|||
}
|
||||
|
||||
const membersAccepted = ref(false);
|
||||
const loginState = ref('nami');
|
||||
const membersCompleted = ref(false);
|
||||
const emit = defineEmits(['update:modelValue']);
|
||||
const props = defineProps({
|
||||
|
|
@ -288,6 +300,13 @@ const inner = computed(
|
|||
{deep: true},
|
||||
);
|
||||
async function innerLogin() {
|
||||
if (loginState.value === 'skipping') {
|
||||
loginState.value = 'skipped';
|
||||
membersAccepted.value = true;
|
||||
membersCompleted.value = false;
|
||||
return;
|
||||
}
|
||||
|
||||
await login();
|
||||
membersAccepted.value = false;
|
||||
membersCompleted.value = false;
|
||||
|
|
@ -312,8 +331,11 @@ function toggleMember(member) {
|
|||
}
|
||||
|
||||
async function innerLogout() {
|
||||
logout();
|
||||
resetSearchData();
|
||||
if (loginState.value !== 'skipped') {
|
||||
logout();
|
||||
resetSearchData();
|
||||
}
|
||||
loginState.value = 'nami';
|
||||
membersAccepted.value = false;
|
||||
membersCompleted.value = false;
|
||||
inner.value = [];
|
||||
|
|
|
|||
Loading…
Reference in New Issue