TIG - Integration Test Tool

<textarea id="config" name="config" rows="45">
{
	"config": {
		"sheetType": "sfxc"
	},
	"product": {
		"previewImageCount": 1,
		"previewBleed": 1,
		"previewDpi": 90,
		"lines": [
			{
				"type": "normal",
				"centerx": 0,
				"centery": 15,
				"radius": 15,
				"font": "comic",
				"size": 20,
				"colors": "#000000,#FF0000,#00FF00"
			},
			{
				"type": "round-top",
				"centerx": 17.5,
				"centery": 25,
				"radius": 15,
				"font": "verdana",
				"size": 14,
				"colors": "#00FF00,#000000,#FF0000"
			},
			{
				"type": "round-bottom",
				"centerx": 17.5,
				"centery": 25,
				"radius": 15,
				"font": "verdana",
				"size": 14,
				"colors": "#000000"
			}
		]
	}
}
            </textarea>
<div>
    <div class="buttons">
        <button onclick="OpenConfigurator();">Open Configurator</button>
    </div>
    <div class="title">.outputfield:</div>
    <textarea id="outputfield" name="outputfield" class="outputfield" rows="35"></textarea>
</div>
<script>
    function OpenConfigurator() {
        var url = 'https://generator.toenges-gmbh.de/configure/afcslwxstvko5ve8jqlbcpmeexpqyhvu6vdlb0at60nmpo5zcbgz92srp27b223c/quick?title=Produktname'
        url += '&config='+encodeURIComponent(document.getElementById('config').value);
        var configurator = window.open(url, '_blank', 'popup,width=800,height=900');
        window.addEventListener('message', function(e) {
            document.getElementById('outputfield').value = e.data;
        } , false);
    }
</script>