<div id=”oa_dossier” class=”dossier-js”></div><script type=”text/javascript” src=”https://agenda.onlineafspraken.nl/forms/dossier/widget/id/146814/key/ehem93ravc44-zzda00″></script>
var includes = {
js: [
'https://code.jquery.com/jquery-3.6.1.min.js',
'https://code.jquery.com/ui/1.13.2/jquery-ui.min.js',
'https://code.jquery.com/jquery-migrate-3.3.2.min.js',
'/assets/bhsx47ek5k0g0g08kcocwggcw.js'
],
css:
[
'/assets/an2lhzrihkgs0ksscc4gkgwcw.css'
],
}
var applicationConfig = {
company: {"id":36357,"key":"ehem93ravc44-zzda00","status":"enabled","name":"Bellapura","address":"Fabriekstraat 28 A","zipCode":"5753 AH","city":"Deurne","phone":"06-12774963","bookingUrl":"https:\/\/widget.onlineafspraken.nl\/consumer\/booking\/book\/key\/ehem93ravc44-zzda00","settings":{"hasNotification":true,"hasMailConfirmation":true,"hasSMSConfirmation":false,"hasConfirmation":false,"showTerms":false,"terms":[]}},
widgetConfig: [],
api : {
host : "https:\/\/agenda.onlineafspraken.nl",
path : '/forms/dossier/api',
timeout : 10*1000,
applicationId : 'widget-dossier',
applicationKey : 'ehem93ravc44-zzda00',
applicationSecret : ''
},
frontend: {
host : "https:\/\/agenda.onlineafspraken.nl",
version : "Versie 4.6.412",
version_md5 : "079852" },
//The device options are determined automatically by the application, but
// for debugging purposes they may also be set below
// device: {
// android : true,
// ios : false,
// tablet : true
// },
debug : false,
caching: true,
data: {
},
i18n: []
};
checkLib = function(name, lib, is_defined)
{
if(!is_defined){
console.log('WARNING: '+name+' already loaded. Consider excluding it to load by the widget by adding ?exclude='+lib+' to the widget URL');
return 1;
}
return 0;
}
checkVer = function(name, version, minimum){
v1 = calcVer(version);
v2 = calcVer(minimum);
if(v1 < v2){
console.log('WARNING: older javascript library used: '+name+' v. '+version+', expected as least v. '+minimum);
}
};
calcVer = function(v){
p = v.split('.');
vs = 0;
for(i=0;i<p.length;i++){
vs += (parseInt(p[p.length - (i+1)]) * Math.pow(128, i));
}
return vs;
}
var _oa_widget_templates = null;
var xmlhttp = new XMLHttpRequest();
var filesPending = includes.js.length;
var contents = [];
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
//console.log('loaded '+includes.js[includes.js.length - filesPending]);
var element = document.createElement('script');
var response = xmlhttp.responseText;
element.type = 'text/javascript';
element.innerHTML = response;
document.body.appendChild(element);
filesPending--;
if(filesPending > 0) {
fn = includes.js[includes.js.length - filesPending];
filename = (fn.substr(0,4)=='http'?fn:applicationConfig.frontend.host + fn)+'?v='+applicationConfig.frontend.version_md5;
xmlhttp.open("GET", filename );
xmlhttp.send();
}
else {
if(typeof(_)!='undefined'){
// todo: if conflict arise for customers, optionally we could use no conflict
// but this implies we have to revise all code to use underscore instead of _
// var underscore = _.noConflict();
}
if(typeof(jQuery)!='undefined'){
checkVer('jQuery', jQuery.fn.jquery, '1.8.0');
}
if(typeof(_)!='undefined'){
checkVer('underscore', _.VERSION, '1.8.0');
}
if(typeof(Backbone)!='undefined'){
checkVer('Backbone', Backbone.VERSION, '1.2.0');
}
if(typeof(validate)!='undefined'){
checkVer('validate', validate.version.major+'.'+validate.version.minor+'.'+validate.version.patch, '0.8.0');
}
if(typeof(moment)!='undefined'){
checkVer('moment', moment.version, '2.0.0');
}
$('#oa_dossier').html(_oa_dossier_templates);
formShow = new FormShow($('#oa_dossier'), 146814, { apiKey: 'ehem93ravc44-zzda00', config: [{"id":"name_2","type":"name","config":{"type":"name","label":"Naam","showLabel":true,"value":"","required":true,"condition":"always","conditions":null}},{"id":"date_4","type":"date","config":{"label":"Datum","placeholder":"Datum","type":"datepicker","range":"all","showLabel":true,"value":"","required":true,"condition":"always","conditions":null}},{"id":"score_14","type":"score","config":{"label":"Ambiance","width":"input-medium","showLabel":true,"value":"","required":true,"condition":"always","conditions":null}},{"id":"score_8","type":"score","config":{"label":"Service","width":"input-medium","showLabel":true,"value":"","required":true,"condition":"always","conditions":null}},{"id":"score_10","type":"score","config":{"label":"Medewerkers","width":"input-medium","showLabel":true,"value":"","required":true,"condition":"always","conditions":null}},{"id":"text_21","type":"text","config":{"label":"Vertel ons over je afspraak bij ons: ","rows":2,"width":"input-medium","showLabel":true,"value":"","required":false,"condition":"always","conditions":null}}], errors: [], data: []});
formShow.show();
if(formShow.errors.length > 0) {
formShow.renderErrors(true);
}
}
}
};
(function(){
function _loadIncludes(){
for (i in includes.css) {
if(!includes.css.hasOwnProperty(i)) continue;
var css = document.createElement('link');
css.type = 'text/css';
css.rel = 'stylesheet';
cssURL = includes.css[i];
if(cssURL.substr(0,4)!='http'){
cssURL = applicationConfig.frontend.host + cssURL;
}
css.href = cssURL+'?v='+applicationConfig.frontend.version_md5;
document.body.appendChild(css);
}
dossier = document.getElementById('oa_dossier');
if (!dossier) {
old = document.getElementById('dossier');
dossier = document.createElement('div');
dossier.id = 'oa_dossier';
dossier.class = 'dossier-js';
if(old){
old.appendChild(dossier);
} else {
document.body.appendChild(dossier);
}
}
dossier.innerHTML = '<div id="widget-dossier-content"><div id="widget-dossier-message" class="dossier-message dossier-message-center-center">Het formulier is aan het laden</div></div><div id="widget-dossier-templates" style="display:none;"></div><div style="clear:both;"></div>';
var fn = includes.js[0],
filename = (fn.substr(0,4)=='http'?fn:applicationConfig.frontend.host + fn)+'?v='+applicationConfig.frontend.version_md5;
xmlhttp.open("GET", includes.js[0]);
xmlhttp.send();
}
if(window.addEventListener){
window.addEventListener('load', _loadIncludes);
} else {
var onload = window.onload;
window.onload = function(){
if(onload){
onload();
}
_loadIncludes();
};
}
})();
_oa_dossier_templates = "<h2>REVIEW<\/h2>\r\n<form method=\"post\" id=\"frm-forms\">\r\n <input type=\"hidden\" value=\"26d029f52241c9b4d892bef58305e87d367f9f5d\" name=\"OANL_CSRF_TOKEN\" \/> <input type=\"hidden\" value=\"146814\" name=\"id\" id=\"id\" \/> <input type=\"hidden\" value=\"ehem93ravc44-zzda00\" name=\"key\" id=\"key\" \/><div class=\"form-row\">\r\n <div class=\"form-label\"><label for=\"\">Naam *<\/label><\/div>\r\n <input placeholder=\"Voornaam\" class=\"input-medium\" type=\"text\" value=\"\" name=\"Dossier[name_2_n]\" id=\"Dossier_name_2_n\" \/> <\/div><div class=\"form-row\">\r\n <div class=\"form-label\"><label for=\"\">Datum *<\/label><\/div>\r\n <input type=\"text\" name=\"Dossier[date_4]\" id=\"Dossier_date_4\">\r\n <\/div><div class=\"form-row\">\r\n <div class=\"form-label\"><label for=\"\">Ambiance *<\/label><\/div>\r\n <div>\r\n<input type=\"hidden\" value=\"0\" name=\"Dossier[score_14]\" id=\"Dossier_score_14\" \/> <ul class=\"score-list score_14\">\r\n <li class=\"score-inactive\" data-rel=\"0.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"1.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"1.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"2.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"2.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"3.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"3.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"4.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"4.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"5.0\"><\/li>\r\n <\/ul>\r\n <p class=\"score-text\">Selecteer het aantal sterren<\/p>\r\n<div style=\"clear:both;\"><\/div>\r\n<\/div>\r\n\r\n<\/div><div class=\"form-row\">\r\n <div class=\"form-label\"><label for=\"\">Service *<\/label><\/div>\r\n <div>\r\n<input type=\"hidden\" value=\"0\" name=\"Dossier[score_8]\" id=\"Dossier_score_8\" \/> <ul class=\"score-list score_8\">\r\n <li class=\"score-inactive\" data-rel=\"0.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"1.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"1.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"2.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"2.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"3.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"3.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"4.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"4.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"5.0\"><\/li>\r\n <\/ul>\r\n <p class=\"score-text\">Selecteer het aantal sterren<\/p>\r\n<div style=\"clear:both;\"><\/div>\r\n<\/div>\r\n\r\n<\/div><div class=\"form-row\">\r\n <div class=\"form-label\"><label for=\"\">Medewerkers *<\/label><\/div>\r\n <div>\r\n<input type=\"hidden\" value=\"0\" name=\"Dossier[score_10]\" id=\"Dossier_score_10\" \/> <ul class=\"score-list score_10\">\r\n <li class=\"score-inactive\" data-rel=\"0.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"1.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"1.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"2.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"2.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"3.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"3.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"4.0\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"4.5\"><\/li>\r\n <li class=\"score-inactive\" data-rel=\"5.0\"><\/li>\r\n <\/ul>\r\n <p class=\"score-text\">Selecteer het aantal sterren<\/p>\r\n<div style=\"clear:both;\"><\/div>\r\n<\/div>\r\n\r\n<\/div><div class=\"form-row\">\r\n <div class=\"form-label\"><label for=\"\">Vertel ons over je afspraak bij ons: <\/label><\/div>\r\n <textarea rows=\"2\" class=\"input-medium\" name=\"Dossier[text_21]\" id=\"Dossier_text_21\"><\/textarea><\/div> <div class=\"form-buttons\">\r\n <button class=\"btn btn-primary\" type=\"button\">Opslaan<\/button>\r\n <\/div>\r\n<\/form>\r\n<\/div>\r\n";