49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
|
document.addEventListener('DOMContentLoaded', init, false);
|
||
|
|
let pug, $input, $data, $result, $jsonError, $pugError;
|
||
|
|
function init() {
|
||
|
|
pug = require('pug');
|
||
|
|
$input = document.querySelector('#input');
|
||
|
|
$data = document.querySelector('#data');
|
||
|
|
$result = document.querySelector('#result');
|
||
|
|
$jsonError = document.querySelector('#jsonError');
|
||
|
|
$pugError = document.querySelector('#pugError');
|
||
|
|
|
||
|
|
$input.addEventListener('input', doRender, false);
|
||
|
|
$data.addEventListener('input', doRender, false);
|
||
|
|
console.log('Ready');
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function doRender() {
|
||
|
|
let input = $input.value;
|
||
|
|
let data = $data.value;
|
||
|
|
|
||
|
|
$pugError.innerHTML = '';
|
||
|
|
|
||
|
|
if(!input.length) return;
|
||
|
|
|
||
|
|
if(data.length)
|
||
|
|
try {
|
||
|
|
data = JSON.parse(data);
|
||
|
|
console.log(data);
|
||
|
|
$jsonError.innerHTML = '';
|
||
|
|
} catch(e) {
|
||
|
|
console.log('invalid json');
|
||
|
|
$jsonError.innerHTML = 'Invalid JSON';
|
||
|
|
data = {};
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
data = {};
|
||
|
|
$jsonError.innerHTML = '';
|
||
|
|
}
|
||
|
|
try {
|
||
|
|
let result = pug.render(input, data);
|
||
|
|
console.log(result);
|
||
|
|
$result.innerHTML = result;
|
||
|
|
} catch(e) {
|
||
|
|
console.log('pug error');
|
||
|
|
$pugError.innerHTML = e.message;
|
||
|
|
console.dir(e);
|
||
|
|
}
|
||
|
|
}
|