Settings Dictionary
Met de instellingen die toe zijn te voegen aan de widget kan je aanpassingen maken aan de look & feel van de Online Appointment.
Widget code
<oa-widget
settings='{
"token": "1x1111x-x1x1-1111-xx1x-111x1111x111",
"wizard": { "active": false, "navigation": "top" },
"calendarStartDay": "0",
"sendMail": true,
"showMailResponse": true
}'
>
</oa-widget>
Dictionary
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| settings | ja | het oa widget component setting attribute, dit regelt onder andere de look & feel van de Online Appointment | |
sql<br/>settings='{}'<br/> | |||
| ::alert{:type="warning"} #content Hoewel de settings als JSON object is opgemaakt, moeten we deze hier in single quotes doorgeven. :: |
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| token | ja | "no token present" | voer hier je token string maak een component token |
sql<br/>"token": "1x1111x-x1x1-1111-xx1x-111x1111x111"<br/> |
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| Wizard | nee | geef aan of de Online Appointment in 1 lang formulier of opgesplitst in 3 delen getoond moet worden | |
| → active | ja | false | boolean true = toon wizard false = toon geen wizard |
| → navigation | nee | top | string top = navigatie bovenaan formulier bottom = navigatie onderaan formulier both = navigation boven aan en onderaan formulier none = geen navigatie |
sql<br/>"wizard": {<br/> "active": false<br/> "navigation": "top"<br/>}<br/> |
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| calendarStartDate | nee | "0" | hiermee kun je aangeven met welke dag van de week de getoonde kalender moet starten string 0 = zondag 1 = maandag 2 = dinsdag 3 = woensdag 4 = donderdag 5 = vrijdag 6 = zaterdag |
sql<br/>"calendarStartDay": "0"<br/> |
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| testMode | nee | toon een testMode alert bovenaan de website om aan te geven dat er aan gewerkt wordt | |
| → active | ja | false | boolean true = toon alert false = toon geen alert |
| → text | nee | "Momenteel werken we aan deze website" | string |
sql<br/>"testMode": {<br/> "active": true,<br/> "text": "Alert Dialog tekst"<br/>}<br/> | |||
| ::alert{:type="warning"} #content testMode overschrijft de sendEmail property met false. in testMode wordt er geen mail verzonden aan de client/invuller van de Online Appointment :: |
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| debugMode | nee | toon een debugMode alert bovenaan de website om aan te geven dat de developer met de website bezig is, geeft de mogelijkheid om console - logs te tonen die door de OA widget developers zijn aangegeven | |
| → active | ja | false | boolean true = toon alert false = toon geen alert |
| → text | nee | "LET OP! DEVELOPER MODE" | string |
| → method | nee | "clidetrskwxz" | string c = clear() - toont niet l = log() i = info() d = debug() e = error() t = table() r = response() → API s = success() → API k = kalendar() w = warn() x = trace() z = dir() |
sql<br/>"debugMode": {<br/> "active": false,<br/> "text": "LET OP! DEVELOPER MODE",<br/> "method":"clidetrskwxz"<br/>}<br/> | |||
| ::alert{:type="warning"} #content In debugMode kunnen console logs getoond worden, oa API gegevens. Zet debugMode uit in de live omgeving :: |
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| sendMail | nee | false | Een bevestiging email versturen boolean true = verstuur de OA gegevens in een email aan de invuller van OA, en naar het bedrijf false = verstuur de OA gegevens in een email alleen aan het bedrijf, en niet naar de invuller van OA |
sql<br/>"sendMail": false<br/> |
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| showMailResponse | nee | false | de bevestiging gegevens ook tonen op de bedankt pagina. boolean true = toon de gegevens false = toon de bedankt pagina zonder gegevens |
sql<br/>"showMailResponse": false<br/> |
| naam | verplicht | standaard waarde | uitleg |
|---|---|---|---|
| APILocation | nee | "nl" | hiermee kun je aangeven welke API locatie gebruikt moet worden. string nl = voor PROD1 server eu = voor PROD2 server vip = vip klant server voor OA developers dev = developer server local-dev = lokaal testen op dev server local-local = lokaal testen op local server |
sql<br/>"APILocation": "nl"<br/> |
Controleer je instellingen of deze valide JSON genereert, gebruik hiervoor de string/JSON binnen de {} accolades. JSON validator: https://jsonlint.com/