Wiki-Quellcode von Terminfinder
Zeige letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
1 | {{panel float="right"}} | ||
2 | (% class="block text-align-center%){{ficon name="date" size="4em"/}} | ||
3 | |||
4 | (% class="block%)Das Symbol für Elemente vom Typ //Terminfinder//. | ||
5 | {{/panel}} | ||
6 | |||
7 | == Funktionsweise == | ||
8 | |||
9 | Das Formularelement //Terminfinder// fügt einen Kalender in das Formular ein. Hier kann der Nutzer einen Termin für eine Veranstaltung über das Formular buchen. Voraussetzung ist, dass in der [[Terminverwaltung>>doc:Formcycle.UserInterface.Appointments.WebHome]] die verfügbaren Termine konfiguriert wurden. | ||
10 | |||
11 | Weiterhin ist es auch möglich, Termine zu stornieren oder umzubuchen. Hierzu muss nur ein abgesendetes Formular erneut aufgerufen werden. | ||
12 | |||
13 | {{internBaseOptionsElement page="base"/}} | ||
14 | |||
15 | === Darstellung | ||
16 | |||
17 | {{figure image="designer_element_appointment_finder_properties_layout_de.png"}} | ||
18 | Es gibt verschiedene Optionen, um die Darstellung des Terminfinders und der Termine zu beeinflussen. | ||
19 | {{/figure}} | ||
20 | |||
21 | Hier kann festgelegt werden, wie der Terminfinder und die Termine im Formular dargestellt werden sollen. | ||
22 | |||
23 | {{table dataTypeAlpha="0" colWidth="-500"}} | ||
24 | |=Name|=Beschreibung | ||
25 | |Als Textfeld|Wenn deaktiviert, wird immer ein Kalender mit dem gewählten Monat und den verfügbaren Terminen angezeigt. Wenn aktiviert, wird initial nur der ausgewählte Termin in einem Textfeld angezeigt. Erst durch Betätigen einer Schaltfläche rechts neben dem Textfeld wird der Kalender für die Auswahl eines anderen Termins geöffnet. | ||
26 | |Freie Plätze|Wenn aktiviert, wird an jedem verfügbaren Termin die Anzahl freier Plätze angezeigt. Die Anzahl der freien Plätze hängt von der Kapazität ab, die in der [[Terminverwaltung>>doc:Formcycle.UserInterface.Appointments.WebHome]] eingestellt wurde. | ||
27 | |Terminende|Wenn aktiviert, wird an jedem verfügbaren Termin die Endzeit des Termin angezeigt. Ansonsten wird nur die Startzeit angezeigt. | ||
28 | |Datumsformat|Hier kann das Datumsformat ausgewählt werden, in dem die Termine angezeigt werden. Es stehen einige vordefinierte Formate zur Verfügung, es kann aber auch ein selbstdefiniertes Format festgelegt werden. In dem Fall muss das Format der Syntax des [[JQuery UI datepickers>>url:https://api.jqueryui.com/datepicker/#utility-formatDate||target="_blank"]] entsprechen. | ||
29 | |Gesperrt|Gibt an, ob der Termin geändert werden kann. | ||
30 | |Versteckt|Gibt an, ob der Terminplaner sichtbar ist. | ||
31 | {{/table}} | ||
32 | |||
33 | {{internBaseOptionsElement page="label"/}} | ||
34 | |||
35 | === Optionen | ||
36 | {{figure image="designer_element_appointment_finder_properties_options_de.png"}} | ||
37 | Die verfügbaren Termine werden durch einen Terminplan festgelegt, der in der Terminverwaltung im Backend konfiguriert wird. | ||
38 | {{/figure}} | ||
39 | |||
40 | {{table dataTypeAlpha="0" colWidth="-500"}} | ||
41 | |=Name|=Beschreibung | ||
42 | |Terminplan|Hier kann der Terminplan ausgewählt werden, der die verfügbaren Termine festlegt. Terminpläne können in der [[Terminverwaltung>>doc:Formcycle.UserInterface.Appointments.WebHome]] erstellt und bearbeitet werden. Zudem kann durch Betätigen der Schaltfläche mit dem Stiftsymbol rechts neben dem Auswahlfeld auch direkt ein Terminplan erstellt oder bearbeitet werden. Wurde in der Terminverwaltung eine Änderungen vorgenommen, kann die Liste der verfügbaren Terminpläne durch Betätigen der Aktualisieren-Symbols rechts oben neu geladen werden. | ||
43 | {{/table}} | ||
44 | |||
45 | {{internBaseOptionsElement page="cond" /}} | ||
46 | |||
47 | {{internBaseOptionsElement page="css"/}} | ||
48 | |||
49 | {{internBaseOptionsElement page="attr"/}} | ||
50 | |||
51 | {{internBaseOptionsElement page="avail"/}} | ||
52 | |||
53 | {{internBaseOptionsElement page="ronly"/}} | ||
54 | |||
55 | {{internBaseOptionsElement page="misc"/}} | ||
56 | |||
57 | {{content moveToTop="true"/}} |