d

heatcalc/index.html

@@ -0,0 +1,61 @@
+<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>