<body>
{{> scada}}
</body>
<template name=\'scada\'>
{{> yesNo name=\'balbula_1\' variable=\'balbula_1\'}}
{{> swBasicPerecentage name=\'input1\' variable= \'input1\' height=20 width=200}}
{{> swVelocimeter name=\'input2\' variable=\'input1\'}}
</template>
<template name=\'yesNo\'>
{{#with dataValue this.variable}}
<div class=swidget name={{this.name}} >
<svg height=10 width=10>
<circle cx=5 cy=5 r=5 fill={{getColor this.variable}} />
</svg>
</div>
{{/with}}
</template>
<template name=\'swBasicPerecentage\'>
{{#with dataValue this.variable}}
<div class=swidget name="{{this.name}}">
<svg height={{this.height}} width={{this.width}}>
<rect x1=0 y1=0 height={{this.height}} width="{{getWidth this.value}}" fill={{getColor this.value}} />
<text x={{xPosText}} y=15>{{this.value}}</text>
</svg>
</div>
{{/with}}
</template>
<template name=\'swVelocimeter\'>
{{#with dataValue this.variable}}
<div class=swidget name="{{this.name}}">
<svg height="50" width="50">
<circle variable={{this.variable}} cx="25" cy="25" r="25" stroke=\'pink\' />
<line x1=25 y1=25 x2="{{x2 this.value}}" y2="{{y2 this.value}}" stroke=\'red\' stroke-width=5 />
</svg>
</div>
{{/with}}
</template>