const template=document.createElement('template');
template.innerHTML='';
let initCalled;
let pageKey="";
let widgetId="";
let hostName='';
hostName="rekentool.fairpacct.nl";
function loadScript(){
if(!initCalled){
let scriptSource="";
switch (widgetId){
case "8078e68e-381c-45a8-8c54-da5c77790227":
scriptSource="CalculatorLiteratureOrganizations.js";
break;
case "4ec89310-b0a5-4487-adf1-30b1747067f6":
scriptSource="CalculatorPopMusicians.js";
break;
case "8e3eefc3-3dbd-4592-a45f-299c93e4502f":
scriptSource="CalculatorClassicalMusicians.js";
break;
case "f542c672-d714-4b4d-aea3-f1cbbae5a221":
scriptSource="CalculatorArtProfessionals.js";
break;
case "dac6b47b-3273-4521-a76f-f95df0de1422":
scriptSource="CalculatorMarketingCommunication.js";
break;
case "ed21cc4c-a3fd-4d9a-ad53-720dbb8bad79":
scriptSource="CalculatorFilmFestivals.js";
break;
case "4c878282-43d3-40e7-bd7b-ff780cde34af":
scriptSource="CalculatorPhotographers.js";
break;
case "3ad6568c-6a6b-404c-a587-ad3c6207bede":
scriptSource="CalculatorLiteraryFestivals.js";
break;
case "f34a6382-95cd-49de-ac4a-0f3e8fca8152":
scriptSource="CalculatorJazzMusicians.js";
break;
case "7739712f-b263-4b46-b187-cc0d0b695f1e":
scriptSource="CalculatorFilmAV.js";
break;
default:
}
if(scriptSource!==""){
scriptSource +="?v=" + new Date().getTime();
const script=document.createElement('script');
script.type='text/javascript';
script.async=true;
script.onload=function (){ initCalled=true; }
script.src='//' + hostName + '/lib/scripts/' + scriptSource;
document.head.appendChild(script);
}}
}
class FairPayCalulator extends HTMLElement {
constructor(){
super();
this._shadowRoot=this.attachShadow({ 'mode': 'open' });
this._shadowRoot.appendChild(template.content.cloneNode(true));
}
connectedCallback(){
pageKey=this.key;
widgetId=this.wid;
var xmlHttp=new XMLHttpRequest();
const url=`//${hostName}/fair-pay-loader/?id=${pageKey}`;
xmlHttp.open("GET", url, false);
xmlHttp.send(null);
let calc=document.createElement('div');
calc.setAttribute('class', 'gr-g');
calc.innerHTML=xmlHttp.responseText;
this._shadowRoot.appendChild(calc);
loadScript();
}
get key(){ return this.getAttribute('key'); }
get wid(){ return this.getAttribute('wid'); }}
window.customElements.define('fair-pay-calulator', FairPayCalulator);