From 9014b1129682ad8494d58665b8999b973525b011 Mon Sep 17 00:00:00 2001
From: miguel <31931809+miguelvaca@users.noreply.github.com>
Date: Mon, 17 Jan 2022 23:42:34 +1100
Subject: [PATCH] Added stacking for 43, 52, 61 and 31 240-sized toroids.

---
 toroid.html | 78 ++++++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 68 insertions(+), 10 deletions(-)

diff --git a/toroid.html b/toroid.html
index e6cd3b4..4370f79 100644
--- a/toroid.html
+++ b/toroid.html
@@ -23,7 +23,8 @@
                     <select name="modes" id="mode-select" onchange="setMode()">
                         <option value="Inductor">Inductor</option>
                         <option value="Suppressor">Suppressor</option>
-                        <option value="Transformer" disabled="true">Transformer</option>
+                        <option value="Transformer" >Transformer</option>
+                        <!--option value="Transformer" disabled="false">Transformer</option-->
                     </select>
                     <select name="toroids" id="toroid-select" onchange="setToroid()">
                         <!--option value="FT240">FT240</option>
@@ -1919,7 +1920,7 @@
 
             function setMode() {
                 var modes = document.getElementsByName("modes");
-                t_mode = modes[0].value;
+                controller.t_mode = modes[0].value;
                 
                 l_inductors = {
                     sort_order : {
@@ -1959,7 +1960,7 @@
                 } 
                 
                 var l_mat_selected;
-                if(t_mode == "Suppressor") {
+                if(controller.t_mode == "Suppressor") {
                     l_mat_selected = l_suppressors;
                 } else { // Inductors and Transformers should use the inductor material list:
                     l_mat_selected = l_inductors;
@@ -2311,7 +2312,16 @@
                 fctx.fillText("(" + (controller.toroid.core.B*0.03937).toFixed(3) + "\")", 0, 26);
                 fctx.restore();
             }
-
+            
+            function drawWire(ctx, x1, y1, x2, y2, wireRadius, fillColor) {
+                var angle = math.atan2(y1 - y2, x1 - x2) - Math.PI * 0.5;
+                ctx.beginPath();
+                ctx.arc(x1, y1, wireRadius, angle, Math.PI+angle);
+                ctx.arc(x2, y2, wireRadius, Math.PI+angle, angle);
+                ctx.fillStyle = fillColor;
+                ctx.fill();
+            }
+            
             function drawTransformer(fctx, originX, originY, outerRadius, innerRadius, wireRadius, turns) {
                 // Draw toroid former:
                 fctx.beginPath();
@@ -2322,6 +2332,55 @@
                 fctx.stroke();
                 fctx.lineWidth = 1.0;
 
+                // Draw left-hand entry wire:
+                var x1 = originX - innerRadius + wireRadius;
+                var y1 = originY;
+                var x2 = originX - outerRadius - 100;
+                var y2 = originY;
+                drawWire(fctx, x1, y1, x2, y2, wireRadius, "black");
+
+                // Right-hand exit wire:
+                x1 = originX + outerRadius + wireRadius;
+                y1 = originY;
+                x2 = originX + outerRadius + 100;
+                y2 = originY;
+                drawWire(fctx, x1, y1, x2, y2, wireRadius, "red");
+
+                // Draw cross-over wire:
+                let theta = Math.PI/8.0;
+                x1 = originX + (innerRadius - wireRadius) * Math.cos(Math.PI - theta);
+                y1 = originY + (innerRadius - wireRadius) * Math.sin(Math.PI - theta);
+                x2 = originX + (outerRadius + wireRadius) * Math.cos(- theta);
+                y2 = originY + (outerRadius + wireRadius) * Math.sin(- theta);
+                drawWire(fctx, x1, y1, x2, y2, wireRadius, "blue");
+
+                for(let i = 0; i < (turns-1); i++) {
+                    x1 = originX + (innerRadius - wireRadius) * Math.cos((i/(turns-1.5)) * (Math.PI - theta));
+                    y1 = originY + (innerRadius - wireRadius) * Math.sin((i/(turns-1.5)) * (Math.PI - theta));
+                    x2 = originX + (outerRadius + wireRadius) * Math.cos(((i+0.5)/(turns-1.5)) * (Math.PI - theta));
+                    y2 = originY + (outerRadius + wireRadius) * Math.sin(((i+0.5)/(turns-1.5)) * (Math.PI - theta));
+                    drawWire(fctx, x1, y1, x2, y2, wireRadius, "red");
+                }
+                
+                for(let i = 0; i < (turns-2); i++) {
+                    x1 = originX + (innerRadius - wireRadius) * Math.cos(((i+1.0)/(turns-1.5)) * (Math.PI - theta) + Math.PI);
+                    y1 = originY + (innerRadius - wireRadius) * Math.sin(((i+1.0)/(turns-1.5)) * (Math.PI - theta) + Math.PI);
+                    x2 = originX + (outerRadius + wireRadius) * Math.cos(((i+0.5)/(turns-1.5)) * (Math.PI - theta) + Math.PI);
+                    y2 = originY + (outerRadius + wireRadius) * Math.sin(((i+0.5)/(turns-1.5)) * (Math.PI - theta) + Math.PI);
+                    drawWire(fctx, x1, y1, x2, y2, wireRadius, "black");
+                }
+            }
+
+            function drawBalun(fctx, originX, originY, outerRadius, innerRadius, wireRadius, turns) {
+                // Draw toroid former:
+                fctx.beginPath();
+                fctx.arc(originX, originY, outerRadius, 0.0, 2.0 * Math.PI, false);
+                fctx.stroke();
+                fctx.beginPath();
+                fctx.arc(originX, originY, innerRadius, 0.0, 2.0 * Math.PI, false);
+                fctx.stroke();
+                fctx.lineWidth = 1.0;
+
                 // Draw left-hand entry wire:
                 var x1 = originX - innerRadius + wireRadius;
                 var y1 = originY;
@@ -2387,10 +2446,6 @@
                     fctx.fill();
                 }
             }
-
-            function drawBalun(fctx, originX, originY, outerRadius, innerRadius, wireRadius, turns) {
-                // 
-            }
             
             function drawDesign() {
                 const win_width  = document.getElementById("inductor-container").clientWidth; 
@@ -2411,8 +2466,11 @@
 
                 let inner_radius = outer_radius * controller.toroid.core.B / controller.toroid.core.A;
                 let thickness = 2.0 * outer_radius * controller.toroid.core.C / controller.toroid.core.A;
-                drawInductor(fctx, loopx, loopy, outer_radius, inner_radius, cond_radius, controller.toroid.N, thickness, controller.toroid.mat.color);
-                //drawTransformer(fctx, loopx, loopy, outer_radius, inner_radius, cond_radius, toroid.N);
+                if(controller.t_mode == "Transformer") {
+                    drawTransformer(fctx, loopx, loopy, outer_radius, inner_radius, cond_radius, controller.toroid.N);
+                } else {
+                    drawInductor(fctx, loopx, loopy, outer_radius, inner_radius, cond_radius, controller.toroid.N, thickness, controller.toroid.mat.color);
+                }
 
                 const y_offset = loopy + outer_radius + 20;
                 var arrow_size = 10.0;