Grit-Grenzdoerfer/wm-AllKids-tibi2023
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

most of it

Browse Source
This commit is contained in:
Robin Grenzdörfer
2023-09-18 17:31:11 +00:00
parent 5f27fe0c5b
commit 481308522f
380 changed files with 3015 additions and 2480 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/lib/components/pagebuilder/form/form.svelte
View File

@@ -1,10 +1,12 @@
<script lang="ts">
import FormLabelNumberBlock from "./formLabelNumberBlock.svelte"
import type { Writable } from "svelte/store"
export let formRow: FormRow
export let index: number
export let formValues
function getSortedFields(column: FormColumn) {
export let formValues: Writable<FormValues>
/* function getSortedFields(column: FormColumn) {
const fields = [
...(column.text.length ? [{ text: column.text, type: "text", order: column.textfieldOrder ?? 3 }] : []),
...(column.showTimes ? [{ type: "times", order: column.timesfieldOrder ?? 3, times: column.times }] : []),
@@ -13,11 +15,11 @@
: []),
]
return fields.sort((a, b) => a.order - b.order)
}
}*/
//formRow.columns = formRow.columns.map((e) => getSortedFields(e))
function removeInvalid(e) {
let element = e.currentTarget
element.classList.remove("invalid")
function removeInvalid(e: Event) {
let element = e.currentTarget as HTMLElement
if (element) element.classList.remove("invalid")
}
</script>
@@ -46,7 +48,7 @@
on:change="{removeInvalid}"
>
<option value="" disabled selected>Bitte Uhrzeit wählen</option>
{#each column?.times as time}
{#each column?.times || [] as time}
<option value="{time?.timeFrom}-{time?.timeTo}">
{time?.timeFrom} - {time?.timeTo}
</option>
@@ -112,7 +114,7 @@
</label>
{/if}
{#each column.text as textField, textFieldIndex}
{#each column.text || [] as textField, textFieldIndex}
{#if textField?.textArea}
<label bind:this="{$formValues[`textarea_Nachricht_label`]}">
<textarea

11
frontend/src/lib/components/pagebuilder/form/formLabelNumberBlock.svelte
View File

@@ -1,10 +1,11 @@
<script lang="ts">
export let column
export let formValues
export let rowIndex
let blockContainer
import type { Writable } from "svelte/store"
export let column: FormColumn
export let formValues: Writable<FormValues>
export let rowIndex: number
let blockContainer: HTMLDivElement
$formValues["blockGroups"] = new Set(column.labelNumber.map((e) => e.group))
console.log($formValues["blockGroups"])
</script>
<div class="blockContainer" bind:this="{blockContainer}">

17
frontend/src/lib/components/pagebuilder/form/mobileForm.svelte
View File

@@ -1,15 +1,16 @@
<script lang="ts">
import FormLabelNumberBlock from "./formLabelNumberBlock.svelte"
import type { Writable } from "svelte/store"
export let formRow: FormRow
export let formValues
export let index
function removeInvalid(e) {
let element = e.currentTarget
element.classList.remove("invalid")
export let formValues: Writable<FormValues>
export let index: number
function removeInvalid(e: Event) {
let element = e.currentTarget as HTMLElement
if (element) element.classList.remove("invalid")
}
function getPosition(column, pos, i = 0) {
function getPosition(column: FormColumn, pos: number, i = 0) {
let position = 0
if (pos == 0) return
if (column.showLabelNumber) position++
@@ -53,7 +54,7 @@
on:change="{removeInvalid}"
>
<option value="" disabled selected>Bitte Uhrzeit wählen</option>
{#each column?.times as time}
{#each column?.times ?? [] as time}
<option value="{time?.timeFrom}-{time?.timeTo}">
{time?.timeFrom} - {time?.timeTo}
</option>
@@ -126,7 +127,7 @@
</div>
{/if}
{#each column.text as textField, textFieldIndex}
{#each column.text ?? [] as textField, textFieldIndex}
<div class="column-{columnIndex} position-{getPosition(column, 5 + textFieldIndex, textFieldIndex)}">
{#if textField?.textArea}
<label bind:this="{$formValues[`textarea_Nachricht_label`]}">