2018-03-05 00:44:17 +00:00
|
|
|
console.log("app.js loaded");
|
|
|
|
|
2018-10-09 11:19:10 +01:00
|
|
|
const placeHolders = [];
|
|
|
|
|
2018-03-05 00:44:17 +00:00
|
|
|
var getTemplateHtml = template => {
|
2018-10-09 11:19:10 +01:00
|
|
|
document.getElementById('iframe').src = "about:blank";
|
|
|
|
fetch('template/'+template+'.html')
|
|
|
|
.then(function(response) {
|
|
|
|
return response.text()
|
|
|
|
})
|
|
|
|
.then(function(html) {
|
|
|
|
html = parseContent(html);
|
|
|
|
document.getElementById('iframe').contentWindow.document.write(html);
|
|
|
|
console.log(document.getElementById('iframe').contentWindow.document)
|
|
|
|
});
|
|
|
|
};
|
2018-03-05 00:44:17 +00:00
|
|
|
|
|
|
|
var valueChange = value => {
|
2018-10-09 11:19:10 +01:00
|
|
|
var iframehtml = document.getElementById('iframe').contentWindow.document.getElementById(value);
|
|
|
|
var val = document.getElementById(value).value;
|
|
|
|
iframehtml.innerHTML = val
|
|
|
|
};
|
2018-03-10 23:30:11 +00:00
|
|
|
|
|
|
|
var downloadPage = () => {
|
2018-10-09 11:19:10 +01:00
|
|
|
var pageContents = new XMLSerializer().serializeToString(document.getElementById('iframe').contentWindow.document);
|
|
|
|
pageContents = parseContent(pageContents);
|
|
|
|
download(pageContents, "index.html", "text/html")
|
|
|
|
};
|
|
|
|
|
|
|
|
var parseContent = pageContents => {
|
|
|
|
placeHolders.forEach(ph => {
|
|
|
|
const val = document.getElementById(ph.id).value;
|
|
|
|
if(val) {
|
|
|
|
const re = new RegExp(ph.text, 'g');
|
|
|
|
pageContents = pageContents.replace(re, val);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
return pageContents
|
|
|
|
};
|
|
|
|
|
|
|
|
var loadPlaceholder = () => {
|
|
|
|
const inputs = document.querySelectorAll('#inputs [type=text]');
|
|
|
|
inputs.forEach(input => {
|
|
|
|
const ph = {}
|
|
|
|
const attrs = input.attributes;
|
|
|
|
for(let i = attrs.length - 1; i >= 0; i--) {
|
|
|
|
if(attrs[i].name === 'id') {
|
|
|
|
ph['id'] = attrs[i].value;
|
|
|
|
} else if( attrs[i].name === 'data-placeholder') {
|
|
|
|
ph['text'] = attrs[i].value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
placeHolders.push(ph);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
loadPlaceholder();
|
2018-03-10 23:30:11 +00:00
|
|
|
|
2018-10-09 03:37:06 +01:00
|
|
|
getTemplateHtml("original");
|