The common package provides components and functionality that are used by both the frontend and the backend.
The address question groups all address related information into a single object.
The country question is a drop down including all allowed countries for a camp.
The role question accepts a date that is within the given minimum and maximum age of camp participants. The limits are applied relative to the first and last day of the camp.
The role question is a dropdown to choose the role of the user who registers. By default, there are two roles: Participant and Counselor. Additional items can be added in the form editor. To change the name of a default item, create a new item with the same value as the default key.
The name for a field (not the title) must be a unique name. Multiple words can be separated for improved readability. The name should be only lowercase letters.
The editor provides some special fields
Many features and internal functionality rely on registration data. In order to allow customizable fields while still providing the required data to all functions, you can set the camp data type for each field. The value can be set by the specified field types or by an expression.
| Name | CampDataType | Field | Required | Alternative | Description |
|---|---|---|---|---|---|
| Address | address | addressQuestion | Yes | country | The address of the person |
| Country | country | dropdown | If international | address | The country of the person |
| Date of Birth | date_of_birth | date_of_birth | text + date | If age restricted | The date of birth of the person | |
| text + email | Yes | The primary email of the person | |||
| First Name | first_name | text | Yes | The persons first name | |
| Last Name | last_name | text | Yes | The persons family name | |
| Role | role | text | dropdown | role | No | The role of the person. The default is participant. |
Camp data can be accessed in the title, description or in expressions of each element. If the element contains translations, the translation for the current user locale is returned.
| Name | Translated | Description |
|---|---|---|
| camp.countries | List of all countries | |
| camp.name | Name of the camp | |
| camp.organizer | X | Name of the organizer |
| camp.contactEmail | X | Email address of the responsible person |
| camp.startAt | Timestamp of the camp start in UTC format | |
| camp.startAtDate | Date of the camp start formatted based on user locale | |
| camp.startAtTime | Time of the camp start formatted based on user locale | |
| camp.endAt | Timestamp of the camp end in UTC format | |
| camp.endAtDate | Date of the camp end formatted based on user locale | |
| camp.endAtTime | Time of the camp end formatted based on user locale | |
| camp.minAge | Minimum age to participate | |
| camp.maxAge | Maximum age to participate | |
| camp.location | X | Camp location |
| camp.price | X | Camp price |
| camp.freePlaces | Amount of total free places or free places per country |
Example:
{camp.title}
More information about variables can be found here.
Functions can also be used in expression fields. All functions return null in case of invalid input parameters. This might be evaluated internally as undefined.
| Name | Parameter | Return | Description |
|---|---|---|---|
| isMinor | dateOfBirthQuestion: string, date: string | Date | boolean | Wherever the age is less than 18 at camp start |
| isAdult | dateOfBirthQuestion: string, date: string | Date | boolean | Wherever the age above 18 at camp start |
| subtractYears | date: string, years: number | Date | Subtracts years from a given date |
| htmlDate | date: string | string | Formats a date to the html date format (YYYY-MM-DD) |
| translate | t | value: string | object, locale?: string, fallback?: string | string | null | Searches for a translation in an object |
| isWaitingList | freePlaces: number | Record<string, number> | boolean | Indicates, if the registration will be placed on the waiting list |