From 8a81683fbfa9613e4ec32ce682195cbcc485ca11 Mon Sep 17 00:00:00 2001
From: James <inbox.dev@jhodges.co.uk>
Date: Sun, 29 Mar 2020 09:35:23 +0100
Subject: [PATCH] d

---
 heatcalc/heatcalc.js | 292 ++++++++++++++++++++++---------------------
 1 file changed, 147 insertions(+), 145 deletions(-)

diff --git a/heatcalc/heatcalc.js b/heatcalc/heatcalc.js
index 051a08e..7fd24d8 100644
--- a/heatcalc/heatcalc.js
+++ b/heatcalc/heatcalc.js
@@ -82,190 +82,192 @@ define(["jquery"], function ($) {
         var scrollTop = $(window).scrollTop();
         var tableTop = $("#table_container").offset().top;
         var buttonTop = $('#button_container').offset().top;
-	console.log("tt:"+tableTop+" st:"+scrollTop+" bt:"+buttonTop);
+        console.log("tt:"+tableTop+" st:"+scrollTop+" bt:"+buttonTop);
 
-	if( scrollTop > tableTop ){
-		$("#button_container").css('top', tableTop-(scrollTop-tableTop));
-	}else{
-		$("#button_container").css('top', tableTop);
-	}
-
-	/*
-
-        buttonOffset = $('#button_container').offset().top;
-	//buttonOffset = parseInt(buttonOffset, 10) || 0;
-        if(scrollPosition > buttonOffset){
-            $("#button_container").css('top', scrollPosition-buttonOffset);
-            $("#heatcalc thead th").css('top', scrollPosition-buttonOffset-1);
+        if( scrollTop > tableTop ){
+            //$("#button_container").css('top', tableTop-(scrollTop-tableTop));
+            $("#button_container").css('position', 'fixed');
         }else{
-            $("#button_container").css('top', 0);
-            $("#heatcalc thead th").css('top', 0);
+            //$("#button_container").css('top', tableTop);
+            $("#button_container").css('position', 'absolute');
         }
 
-        $('#heatcalc tbody th').css("left", $("#table_container").scrollLeft());
-        $('#heatcalc thead th:nth-child(1)').css("left", $("#table_container").scrollLeft());
+        /*
+
+        buttonOffset = $('#button_container').offset().top;
+        //buttonOffset = parseInt(buttonOffset, 10) || 0;
+        if(scrollPosition > buttonOffset){
+        $("#button_container").css('top', scrollPosition-buttonOffset);
+        $("#heatcalc thead th").css('top', scrollPosition-buttonOffset-1);
+    }else{
+    $("#button_container").css('top', 0);
+    $("#heatcalc thead th").css('top', 0);
+}
+
+$('#heatcalc tbody th').css("left", $("#table_container").scrollLeft());
+$('#heatcalc thead th:nth-child(1)').css("left", $("#table_container").scrollLeft());
 */
-    }
+}
 
-    function draw_table(){
-        var prod_name = $("#hc_product option:selected").val();
+function draw_table(){
+    var prod_name = $("#hc_product option:selected").val();
 
-        // creates the empty table
-        // each cell has id=type-x-y for targeting during population
+    // creates the empty table
+    // each cell has id=type-x-y for targeting during population
 
-        // get the data for just this product
-        var prod_data=data[prod_name];
+    // get the data for just this product
+    var prod_data=data[prod_name];
 
-        //get a list of y values unique and complete for all type/depth and x combos
-        var y_vals={};
-        $.each(prod_data, function(idx1,val1) { // type/depth
-            $.each(val1, function(idx2,val2) { // x
-                $.each(val2, function(idx3,val3) { // y
-                    y_vals[idx3]=true;
-                });
+    //get a list of y values unique and complete for all type/depth and x combos
+    var y_vals={};
+    $.each(prod_data, function(idx1,val1) { // type/depth
+        $.each(val1, function(idx2,val2) { // x
+            $.each(val2, function(idx3,val3) { // y
+                y_vals[idx3]=true;
             });
         });
+    });
 
-        //delete any old table
-        $("#hc_table").remove();
+    //delete any old table
+    $("#hc_table").remove();
 
-        // create the new table
-        var table=$("<table id='hc_table'>");
-        var thead=$("<thead>");
+    // create the new table
+    var table=$("<table id='hc_table'>");
+    var thead=$("<thead>");
 
-        //header row 1: type/depths
-        var row=$("<tr>");
-        var cell=$("<th>").text("Type/Depth");
+    //header row 1: type/depths
+    var row=$("<tr>");
+    var cell=$("<th>").text("Type/Depth");
+    row.append(cell);
+    $.each(prod_data, function(idx1,val1) {
+        // each "type/depth" will contain multiple x vales, so the cell needs to span them
+        // count into x_count
+        var x_count=0;
+        $.each(val1, function(idx2,val2) {
+            x_count++;
+        });
+        //create the cell
+        var cell=$("<th colspan='"+x_count+"'>").text(idx1);
         row.append(cell);
-        $.each(prod_data, function(idx1,val1) {
-            // each "type/depth" will contain multiple x vales, so the cell needs to span them
-            // count into x_count
-            var x_count=0;
-            $.each(val1, function(idx2,val2) {
-                x_count++;
-            });
-            //create the cell
-            var cell=$("<th colspan='"+x_count+"'>").text(idx1);
+    });
+    thead.append(row);
+
+    //header row 2: height x"s
+    var row=$("<tr>");
+    var cell=$("<th>").text("Length \\ Height");
+    row.append(cell);
+    $.each(prod_data, function(idx1,val1) {
+        // each "type/depth" will contain multiple x vales
+        $.each(val1, function(idx2,val2) {
+            cell=$("<th>").text(idx2);
             row.append(cell);
         });
-        thead.append(row);
+    });
+    thead.append(row);
+    table.append(thead);
 
-        //header row 2: height x"s
+    //data row, for all y_vals
+    $.each(y_vals, function(y) {
         var row=$("<tr>");
-        var cell=$("<th>").text("Length \\ Height");
+        var cell=$("<th>").text(y);
         row.append(cell);
+        //now all the x"s
         $.each(prod_data, function(idx1,val1) {
             // each "type/depth" will contain multiple x vales
             $.each(val1, function(idx2,val2) {
-                cell=$("<th>").text(idx2);
+                cell=$("<td>").text("-").attr("id",idx1.replace(/\s/g,"").replace(/[\.\/]/g,"_")+"-"+idx2.replace(/\s/g,"").replace(/[\.\/]/g,"_")+"-"+y.replace(/\s/g,"").replace(/[\.\/]/g,"_"));
                 row.append(cell);
             });
         });
-        thead.append(row);
-        table.append(thead);
 
-        //data row, for all y_vals
-        $.each(y_vals, function(y) {
-            var row=$("<tr>");
-            var cell=$("<th>").text(y);
-            row.append(cell);
-            //now all the x"s
-            $.each(prod_data, function(idx1,val1) {
-                // each "type/depth" will contain multiple x vales
-                $.each(val1, function(idx2,val2) {
-                    cell=$("<td>").text("-").attr("id",idx1.replace(/\s/g,"").replace(/[\.\/]/g,"_")+"-"+idx2.replace(/\s/g,"").replace(/[\.\/]/g,"_")+"-"+y.replace(/\s/g,"").replace(/[\.\/]/g,"_"));
-                    row.append(cell);
-                });
-            });
+        table.append(row);
 
-            table.append(row);
+    });
 
-        });
+    // display the table
+    $("#table_container").append(table);
 
-        // display the table
-        $("#table_container").append(table);
+    //enable highlighting
+    $("#hc_table td").on("mouseover", function() {
+        $(this).closest("tr").addClass("hover");
+        $(this).closest("table").find("td:nth-child(" + ($(this).index() + 1) + ")").addClass("hover");
+    });
+    $("#hc_table td").on("mouseout", function() {
+        $(this).closest("table").find("td,tr").removeClass("hover");
+    });
+}
 
-        //enable highlighting
-        $("#hc_table td").on("mouseover", function() {
-            $(this).closest("tr").addClass("hover");
-            $(this).closest("table").find("td:nth-child(" + ($(this).index() + 1) + ")").addClass("hover");
-        });
-        $("#hc_table td").on("mouseout", function() {
-            $(this).closest("table").find("td,tr").removeClass("hover");
-        });
+function populate_table(){
+    var prod_name = $("#hc_product option:selected").val();
+
+    var dt=calc_dt();
+    var mode=$("[name='mode']").val();
+    var dtr;
+    if(mode=="a"){
+        dtr=dt/50;
+    }
+    if(mode=="l"){
+        dtr=dt/49.83;
     }
 
-    function populate_table(){
-        var prod_name = $("#hc_product option:selected").val();
+    var w_min=parseFloat($("[name='w_min']").val());
+    var w_max=parseFloat($("[name='w_max']").val());
+    var l_min=parseFloat($("[name='l_min']").val());
+    var l_max=parseFloat($("[name='l_max']").val());
+    var h_min=parseFloat($("[name='h_min']").val());
+    var h_max=parseFloat($("[name='h_max']").val());
 
-        var dt=calc_dt();
-        var mode=$("[name='mode']").val();
-	var dtr;
-        if(mode=="a"){
-            dtr=dt/50;
-        }
-        if(mode=="l"){
-            dtr=dt/49.83;
-        }
+    // get the data for just this product
+    var prod_data=data[prod_name];
 
-        var w_min=parseFloat($("[name='w_min']").val());
-        var w_max=parseFloat($("[name='w_max']").val());
-        var l_min=parseFloat($("[name='l_min']").val());
-        var l_max=parseFloat($("[name='l_max']").val());
-        var h_min=parseFloat($("[name='h_min']").val());
-        var h_max=parseFloat($("[name='h_max']").val());
-
-        // get the data for just this product
-        var prod_data=data[prod_name];
-
-        //lets do the calcs!
-        $.each(prod_data, function(type,type_vals) {
-            $.each(type_vals, function(x,x_vals) {
-                $.each(x_vals, function(y,vals) {
-                    if(vals.w==0){
-                        return;
-                    }
-                    var target_cell=$("#"+type.replace(/\s/g,"").replace(/[\.\/]/g,"_")+"-"+x.replace(/\s/g,"").replace(/[\.\/]/g,"_")+"-"+y.replace(/\s/g,"").replace(/[\.\/]/g,"_"));
-                    var n=parseFloat(vals.n);
-                    var k=Math.pow(dtr,n);
-                    var w=(parseFloat(vals.w)*k).toFixed(0);
-                    target_cell.text( w + "W");
-                    if(
-                        (w_min>0 && w<w_min) ||
-                        (w_max>0 && w>w_max) ||
-                        (l_min>0 && y<l_min) ||
-                        (l_max>0 && y>l_max) ||
-                        (h_min>0 && x<h_min) ||
-                        (h_max>0 && x>h_max)
-                    ){
-                        target_cell.addClass("filtered");
-                    }else{
-                        target_cell.removeClass("filtered");
-                    }
-                });
+    //lets do the calcs!
+    $.each(prod_data, function(type,type_vals) {
+        $.each(type_vals, function(x,x_vals) {
+            $.each(x_vals, function(y,vals) {
+                if(vals.w==0){
+                    return;
+                }
+                var target_cell=$("#"+type.replace(/\s/g,"").replace(/[\.\/]/g,"_")+"-"+x.replace(/\s/g,"").replace(/[\.\/]/g,"_")+"-"+y.replace(/\s/g,"").replace(/[\.\/]/g,"_"));
+                var n=parseFloat(vals.n);
+                var k=Math.pow(dtr,n);
+                var w=(parseFloat(vals.w)*k).toFixed(0);
+                target_cell.text( w + "W");
+                if(
+                    (w_min>0 && w<w_min) ||
+                    (w_max>0 && w>w_max) ||
+                    (l_min>0 && y<l_min) ||
+                    (l_max>0 && y>l_max) ||
+                    (h_min>0 && x<h_min) ||
+                    (h_max>0 && x>h_max)
+                ){
+                    target_cell.addClass("filtered");
+                }else{
+                    target_cell.removeClass("filtered");
+                }
             });
         });
+    });
+}
+
+function calc_dt(){
+    var mode=$("[name='mode']").val();
+
+    var t_flow=parseInt($("[name='t_flow']").val());
+    var t_return=parseInt($("[name='t_return']").val());
+    var t_room=parseInt($("[name='t_room']").val());
+
+    var dt;
+
+    if(mode=="a"){
+        dt=((t_flow+t_return)/2)-t_room;
+    }
+    if(mode=="l"){
+        dt=((t_flow-t_return)/Math.log((t_flow-t_room)/(t_return-t_room)));
     }
 
-    function calc_dt(){
-        var mode=$("[name='mode']").val();
-
-        var t_flow=parseInt($("[name='t_flow']").val());
-        var t_return=parseInt($("[name='t_return']").val());
-        var t_room=parseInt($("[name='t_room']").val());
-
-        var dt;
-
-        if(mode=="a"){
-            dt=((t_flow+t_return)/2)-t_room;
-        }
-        if(mode=="l"){
-            dt=((t_flow-t_return)/Math.log((t_flow-t_room)/(t_return-t_room)));
-        }
-
-        $("[name='dt']").val(dt.toFixed(2));
-        return dt;
-    }
+    $("[name='dt']").val(dt.toFixed(2));
+    return dt;
+}
 
 
 });