[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"\u002Fuitleg\u002Fonline-afspraken\u002Fonline-afspraken-voor-de-website-bouwer\u002Fsettings-dictionary\u002Fdetail":3},{"id":4,"title":5,"body":6,"description":16,"extension":881,"meta":882,"navigation":883,"page_id":884,"path":885,"position":886,"seo":887,"sitemap":888,"stem":889,"tags":890,"updated":895,"__hash__":896},"pages\u002Fuitleg\u002Fonline-afspraken\u002Fonline-afspraken-voor-de-website-bouwer\u002Fsettings-dictionary.md","Settings Dictionary",{"type":7,"value":8,"toc":877},"minimark",[9,13,17,22,94,98,186,245,342,417,517,664,723,782,857,873],[10,11,5],"h1",{"id":12},"settings-dictionary",[14,15,16],"p",{},"Met de instellingen die toe zijn te voegen aan de widget kan je aanpassingen maken aan de look & feel van de Online Appointment.",[18,19,21],"h2",{"id":20},"widget-code","Widget code",[23,24,29],"pre",{"className":25,"code":26,"language":27,"meta":28,"style":28},"language-sql shiki shiki-themes github-dark","\u003Coa-widget\n    settings='{\n          \"token\": \"1x1111x-x1x1-1111-xx1x-111x1111x111\",\n          \"wizard\": { \"active\": false, \"navigation\": \"top\" },\n          \"calendarStartDay\": \"0\",\n          \"sendMail\": true,\n          \"showMailResponse\": true\n        }'\n        >\n\u003C\u002Foa-widget>\n","sql","",[30,31,32,40,46,52,58,64,70,76,82,88],"code",{"__ignoreMap":28},[33,34,37],"span",{"class":35,"line":36},"line",1,[33,38,39],{},"\u003Coa-widget\n",[33,41,43],{"class":35,"line":42},2,[33,44,45],{},"    settings='{\n",[33,47,49],{"class":35,"line":48},3,[33,50,51],{},"          \"token\": \"1x1111x-x1x1-1111-xx1x-111x1111x111\",\n",[33,53,55],{"class":35,"line":54},4,[33,56,57],{},"          \"wizard\": { \"active\": false, \"navigation\": \"top\" },\n",[33,59,61],{"class":35,"line":60},5,[33,62,63],{},"          \"calendarStartDay\": \"0\",\n",[33,65,67],{"class":35,"line":66},6,[33,68,69],{},"          \"sendMail\": true,\n",[33,71,73],{"class":35,"line":72},7,[33,74,75],{},"          \"showMailResponse\": true\n",[33,77,79],{"class":35,"line":78},8,[33,80,81],{},"        }'\n",[33,83,85],{"class":35,"line":84},9,[33,86,87],{},"        >\n",[33,89,91],{"class":35,"line":90},10,[33,92,93],{},"\u003C\u002Foa-widget>\n",[18,95,97],{"id":96},"dictionary","Dictionary",[99,100,101,130],"table",{},[102,103,104],"thead",{},[105,106,107,115,120,125],"tr",{},[108,109,111],"th",{"align":110},"left",[112,113,114],"strong",{},"naam",[108,116,117],{"align":110},[112,118,119],{},"verplicht",[108,121,122],{"align":110},[112,123,124],{},"standaard waarde",[108,126,127],{"align":110},[112,128,129],{},"uitleg",[131,132,133,151,164],"tbody",{},[105,134,135,139,142,144],{},[136,137,138],"td",{"align":110},"settings",[136,140,141],{"align":110},"ja",[136,143],{"align":110},[136,145,146,147,150],{"align":110},"het oa widget component ",[148,149],"br",{}," setting attribute, dit regelt onder andere de look & feel van de Online Appointment",[105,152,153,158,160,162],{},[136,154,155],{"align":110},[30,156,157],{},"sql\u003Cbr\u002F>settings='{}'\u003Cbr\u002F>",[136,159],{"align":110},[136,161],{"align":110},[136,163],{"align":110},[105,165,166,180,182,184],{},[136,167,168,169,171,172,174,175,177,179],{"align":110},"::alert{:type=\"warning\"}",[148,170],{},"#content",[148,173],{},"Hoewel de settings als JSON object is opgemaakt, moeten we deze hier in single quotes doorgeven. ",[148,176],{},[148,178],{},"::",[136,181],{"align":110},[136,183],{"align":110},[136,185],{"align":110},[99,187,188,208],{},[102,189,190],{},[105,191,192,196,200,204],{},[108,193,194],{"align":110},[112,195,114],{},[108,197,198],{"align":110},[112,199,119],{},[108,201,202],{"align":110},[112,203,124],{},[108,205,206],{"align":110},[112,207,129],{},[131,209,210,232],{},[105,211,212,215,217,220],{},[136,213,214],{"align":110},"token",[136,216,141],{"align":110},[136,218,219],{"align":110},"\"no token present\"",[136,221,222,223,225,226,225,229,231],{"align":110},"voer hier je token ",[148,224],{}," ",[112,227,228],{},"string",[148,230],{}," maak een component token",[105,233,234,239,241,243],{},[136,235,236],{"align":110},[30,237,238],{},"sql\u003Cbr\u002F>\"token\": \"1x1111x-x1x1-1111-xx1x-111x1111x111\"\u003Cbr\u002F>",[136,240],{"align":110},[136,242],{"align":110},[136,244],{"align":110},[99,246,247,267],{},[102,248,249],{},[105,250,251,255,259,263],{},[108,252,253],{"align":110},[112,254,114],{},[108,256,257],{"align":110},[112,258,119],{},[108,260,261],{"align":110},[112,262,124],{},[108,264,265],{"align":110},[112,266,129],{},[131,268,269,282,303,329],{},[105,270,271,274,277,279],{},[136,272,273],{"align":110},"Wizard",[136,275,276],{"align":110},"nee",[136,278],{"align":110},[136,280,281],{"align":110},"geef aan of de Online Appointment in 1 lang formulier of opgesplitst in 3 delen getoond moet worden",[105,283,284,287,289,292],{},[136,285,286],{"align":110},"→ active",[136,288,141],{"align":110},[136,290,291],{"align":110},"false",[136,293,294,225,297,299,300,302],{"align":110},[112,295,296],{},"boolean",[148,298],{}," true = toon wizard ",[148,301],{}," false = toon geen wizard",[105,304,305,308,310,313],{},[136,306,307],{"align":110},"→ navigation",[136,309,276],{"align":110},[136,311,312],{"align":110},"top",[136,314,315,225,317,319,320,322,323,325,326,328],{"align":110},[112,316,228],{},[148,318],{}," top = navigatie bovenaan formulier ",[148,321],{}," bottom = navigatie onderaan formulier ",[148,324],{}," both = navigation boven aan en onderaan formulier ",[148,327],{}," none = geen navigatie",[105,330,331,336,338,340],{},[136,332,333],{"align":110},[30,334,335],{},"sql\u003Cbr\u002F>\"wizard\": {\u003Cbr\u002F>  \"active\": false\u003Cbr\u002F>  \"navigation\": \"top\"\u003Cbr\u002F>}\u003Cbr\u002F>",[136,337],{"align":110},[136,339],{"align":110},[136,341],{"align":110},[99,343,344,364],{},[102,345,346],{},[105,347,348,352,356,360],{},[108,349,350],{"align":110},[112,351,114],{},[108,353,354],{"align":110},[112,355,119],{},[108,357,358],{"align":110},[112,359,124],{},[108,361,362],{"align":110},[112,363,129],{},[131,365,366,404],{},[105,367,368,371,373,376],{},[136,369,370],{"align":110},"calendarStartDate",[136,372,276],{"align":110},[136,374,375],{"align":110},"\"0\"",[136,377,378,379,225,381,225,383,385,386,388,389,391,392,394,395,397,398,400,401,403],{"align":110},"hiermee kun je aangeven met welke dag van de week de getoonde kalender moet starten ",[148,380],{},[112,382,228],{},[148,384],{}," 0 = zondag ",[148,387],{}," 1 = maandag ",[148,390],{}," 2 = dinsdag ",[148,393],{}," 3 = woensdag ",[148,396],{}," 4 = donderdag ",[148,399],{}," 5 = vrijdag ",[148,402],{}," 6 = zaterdag",[105,405,406,411,413,415],{},[136,407,408],{"align":110},[30,409,410],{},"sql\u003Cbr\u002F>\"calendarStartDay\": \"0\"\u003Cbr\u002F>",[136,412],{"align":110},[136,414],{"align":110},[136,416],{"align":110},[99,418,419,439],{},[102,420,421],{},[105,422,423,427,431,435],{},[108,424,425],{"align":110},[112,426,114],{},[108,428,429],{"align":110},[112,430,119],{},[108,432,433],{"align":110},[112,434,124],{},[108,436,437],{"align":110},[112,438,129],{},[131,440,441,453,471,485,498],{},[105,442,443,446,448,450],{},[136,444,445],{"align":110},"testMode",[136,447,276],{"align":110},[136,449],{"align":110},[136,451,452],{"align":110},"toon een testMode alert bovenaan de website om aan te geven dat er aan gewerkt wordt",[105,454,455,457,459,461],{},[136,456,286],{"align":110},[136,458,141],{"align":110},[136,460,291],{"align":110},[136,462,463,225,465,467,468,470],{"align":110},[112,464,296],{},[148,466],{}," true = toon alert ",[148,469],{}," false = toon geen alert",[105,472,473,476,478,481],{},[136,474,475],{"align":110},"→ text",[136,477,276],{"align":110},[136,479,480],{"align":110},"\"Momenteel werken we aan deze website\"",[136,482,483],{"align":110},[112,484,228],{},[105,486,487,492,494,496],{},[136,488,489],{"align":110},[30,490,491],{},"sql\u003Cbr\u002F>\"testMode\": {\u003Cbr\u002F>  \"active\": true,\u003Cbr\u002F>  \"text\": \"Alert Dialog tekst\"\u003Cbr\u002F>}\u003Cbr\u002F>",[136,493],{"align":110},[136,495],{"align":110},[136,497],{"align":110},[105,499,500,511,513,515],{},[136,501,168,502,171,504,506,507,509,179],{"align":110},[148,503],{},[148,505],{},"testMode overschrijft de sendEmail property met false. in testMode wordt er geen mail verzonden aan de client\u002Finvuller van de Online Appointment ",[148,508],{},[148,510],{},[136,512],{"align":110},[136,514],{"align":110},[136,516],{"align":110},[99,518,519,539],{},[102,520,521],{},[105,522,523,527,531,535],{},[108,524,525],{"align":110},[112,526,114],{},[108,528,529],{"align":110},[112,530,119],{},[108,532,533],{"align":110},[112,534,124],{},[108,536,537],{"align":110},[112,538,129],{},[131,540,541,553,569,582,632,645],{},[105,542,543,546,548,550],{},[136,544,545],{"align":110},"debugMode",[136,547,276],{"align":110},[136,549],{"align":110},[136,551,552],{"align":110},"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",[105,554,555,557,559,561],{},[136,556,286],{"align":110},[136,558,141],{"align":110},[136,560,291],{"align":110},[136,562,563,225,565,467,567,470],{"align":110},[112,564,296],{},[148,566],{},[148,568],{},[105,570,571,573,575,578],{},[136,572,475],{"align":110},[136,574,276],{"align":110},[136,576,577],{"align":110},"\"LET OP! DEVELOPER MODE\"",[136,579,580],{"align":110},[112,581,228],{},[105,583,584,587,589,592],{},[136,585,586],{"align":110},"→ method",[136,588,276],{"align":110},[136,590,591],{"align":110},"\"clidetrskwxz\"",[136,593,594,225,596,598,599,601,602,604,605,607,608,610,611,613,614,616,617,619,620,622,623,625,626,628,629,631],{"align":110},[112,595,228],{},[148,597],{}," c = clear() - toont niet ",[148,600],{}," l = log() ",[148,603],{}," i = info() ",[148,606],{}," d = debug() ",[148,609],{}," e = error() ",[148,612],{}," t = table() ",[148,615],{}," r = response() → API ",[148,618],{}," s = success() → API ",[148,621],{}," k = kalendar() ",[148,624],{}," w = warn() ",[148,627],{}," x = trace() ",[148,630],{}," z = dir()",[105,633,634,639,641,643],{},[136,635,636],{"align":110},[30,637,638],{},"sql\u003Cbr\u002F>\"debugMode\": {\u003Cbr\u002F>  \"active\": false,\u003Cbr\u002F>  \"text\": \"LET OP! DEVELOPER MODE\",\u003Cbr\u002F>  \"method\":\"clidetrskwxz\"\u003Cbr\u002F>}\u003Cbr\u002F>",[136,640],{"align":110},[136,642],{"align":110},[136,644],{"align":110},[105,646,647,658,660,662],{},[136,648,168,649,171,651,653,654,656,179],{"align":110},[148,650],{},[148,652],{},"In debugMode kunnen console logs getoond worden, oa API gegevens. Zet debugMode uit in de live omgeving ",[148,655],{},[148,657],{},[136,659],{"align":110},[136,661],{"align":110},[136,663],{"align":110},[99,665,666,686],{},[102,667,668],{},[105,669,670,674,678,682],{},[108,671,672],{"align":110},[112,673,114],{},[108,675,676],{"align":110},[112,677,119],{},[108,679,680],{"align":110},[112,681,124],{},[108,683,684],{"align":110},[112,685,129],{},[131,687,688,710],{},[105,689,690,693,695,697],{},[136,691,692],{"align":110},"sendMail",[136,694,276],{"align":110},[136,696,291],{"align":110},[136,698,699,700,225,702,225,704,706,707,709],{"align":110},"Een bevestiging email versturen ",[148,701],{},[112,703,296],{},[148,705],{}," true = verstuur de OA gegevens in een email aan de invuller van OA, en naar het bedrijf ",[148,708],{}," false = verstuur de OA gegevens in een email alleen aan het bedrijf, en niet naar de invuller van OA",[105,711,712,717,719,721],{},[136,713,714],{"align":110},[30,715,716],{},"sql\u003Cbr\u002F>\"sendMail\": false\u003Cbr\u002F>",[136,718],{"align":110},[136,720],{"align":110},[136,722],{"align":110},[99,724,725,745],{},[102,726,727],{},[105,728,729,733,737,741],{},[108,730,731],{"align":110},[112,732,114],{},[108,734,735],{"align":110},[112,736,119],{},[108,738,739],{"align":110},[112,740,124],{},[108,742,743],{"align":110},[112,744,129],{},[131,746,747,769],{},[105,748,749,752,754,756],{},[136,750,751],{"align":110},"showMailResponse",[136,753,276],{"align":110},[136,755,291],{"align":110},[136,757,758,759,225,761,225,763,765,766,768],{"align":110},"de bevestiging gegevens ook tonen op de bedankt pagina. ",[148,760],{},[112,762,296],{},[148,764],{}," true = toon de gegevens ",[148,767],{}," false = toon de bedankt pagina zonder gegevens",[105,770,771,776,778,780],{},[136,772,773],{"align":110},[30,774,775],{},"sql\u003Cbr\u002F>\"showMailResponse\": false\u003Cbr\u002F>",[136,777],{"align":110},[136,779],{"align":110},[136,781],{"align":110},[99,783,784,804],{},[102,785,786],{},[105,787,788,792,796,800],{},[108,789,790],{"align":110},[112,791,114],{},[108,793,794],{"align":110},[112,795,119],{},[108,797,798],{"align":110},[112,799,124],{},[108,801,802],{"align":110},[112,803,129],{},[131,805,806,844],{},[105,807,808,811,813,816],{},[136,809,810],{"align":110},"APILocation",[136,812,276],{"align":110},[136,814,815],{"align":110},"\"nl\"",[136,817,818,819,225,821,225,823,825,826,828,829,831,832,834,835,837,838,840,841,843],{"align":110},"hiermee kun je aangeven welke API locatie gebruikt moet worden. ",[148,820],{},[112,822,228],{},[148,824],{}," nl = voor PROD1 server ",[148,827],{}," eu = voor PROD2 server ",[148,830],{}," vip = vip klant server ",[148,833],{}," voor OA developers ",[148,836],{}," dev = developer server ",[148,839],{}," local-dev = lokaal testen op dev server ",[148,842],{}," local-local = lokaal testen op local server",[105,845,846,851,853,855],{},[136,847,848],{"align":110},[30,849,850],{},"sql\u003Cbr\u002F>\"APILocation\": \"nl\"\u003Cbr\u002F>",[136,852],{"align":110},[136,854],{"align":110},[136,856],{"align":110},[858,859,861],"alert",{":type":860},"success",[862,863,864],"template",{"v-slot:content":28},[14,865,866,867],{},"Controleer je instellingen of deze valide JSON genereert, gebruik hiervoor de string\u002FJSON binnen de {} accolades. JSON validator: ",[868,869,870],"a",{"href":870,"rel":871},"https:\u002F\u002Fjsonlint.com\u002F",[872],"nofollow",[874,875,876],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":28,"searchDepth":42,"depth":60,"links":878},[879,880],{"id":20,"depth":42,"text":21},{"id":96,"depth":42,"text":97},"md",{},true,4132261996,"\u002Fuitleg\u002Fonline-afspraken\u002Fonline-afspraken-voor-de-website-bouwer\u002Fsettings-dictionary",229,{"title":5,"description":16},{"loc":885},"uitleg\u002Fonline-afspraken\u002Fonline-afspraken-voor-de-website-bouwer\u002Fsettings-dictionary",[891,892,893,894],"#instelling","#werkplaats","#online-afspraken","#autoflex-9","2026-06-05T12:41:17.449Z","zB-ZpB-vEJaNr-xlPZn8B-tAoZda2LKl1miqe7Dmcgo"]