dev/heatcalc/index.html
2020-03-29 08:31:40 +01:00

62 lines
2.1 KiB
HTML

<script src="scripts/require.js"></script>
<script>
require(['heatcalc'], function (hc) {
hc.init("<?php echo $block->getFileUrl('data.json');?>");
});
</script>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $block->getFileUrl('heatcalc.css');?>" />
<div id="heatcalc_loading">
Loading.....
</div>
<div id="heatcalc" style="display:none;">
<fieldset>
<legend>Product</legend>
<select id="hc_product"><option>Select...</option></select>
</fieldset>
<fieldset id="temps">
<legend>Temperature</legend>
<span class="field"><label for="t_flow">Flow:</label> <input value="75" type="text" name="t_flow"/></span>
<span class="field"><label for="t_return">Return:</label> <input value="65" type="text" name="t_return"/></span>
<span class="field"><label for="t_room">Room:</label> <input value="20" type="text" name="t_room"/></span>
<select name="mode"/>
<option value="a" selected>Arithmetic</option>
<option value="l">Logarithmic</option>
</select>
<span class="field"><label for="dt">dT</label> <input type="text" name="dt" readonly/></span>
</fieldset>
<fieldset id="filters">
<legend>Filter/Highlight</legend>
<fieldset>
<legend>Output (W)</legend>
<span class="field"><label for="w_min">Min:</label>
<input type="text" name="w_min"/></span>
<span class="field"><label for="w_max">Max:</label>
<input type="text" name="w_max"/></span>
</fieldset>
<fieldset>
<legend>Lenght (mm)</legend>
<span class="field"><label for="l_min">Min:</label>
<input type="text" name="l_min"/></span>
<span class="field"><label for="l_max">Max:</label>
<input type="text" name="l_max"/></span>
</fieldset>
<fieldset>
<legend>Height (mm)</legend>
<span class="field"><label for="h_min">Min:</label>
<input type="text" name="h_min"/></span>
<span class="field"><label for="h_max">Max:</label>
<input type="text" name="h_max"/></span>
</fieldset>
</fieldset>
<div id="button_container">
<button id='left'>&lt;&lt;</button>
<button id='right'>&gt;&gt;</button>
<div id="table_container">
</div>
</div>
</div>