adding q-factor output box

Author: wkelsey-apple

smith_chart/index.html

@@ -161,12 +161,18 @@ <h4 class="mb-0"><strong>ONLINE SMITH CHART TOOL</strong></h4>
         </div>
       </div>
       <div class="row">
-        <div class="col-lg-6">
+        <div class="col-lg">
           <div class="input-group mb-2 ">
             <span class="input-group-text inputGroupmw">VSWR</span>
             <output id="vswr_live" class="form-control bg-navy text-white"></output>
           </div>
         </div>
+        <div class="col-lg">
+          <div class="input-group mb-2 ">
+            <span class="input-group-text inputGroupmw">Q Factor</span>
+            <output id="q_factor" class="form-control bg-navy text-white"></output>
+          </div>
+        </div>
       </div>
       <div class="row text-center mt-3"><strong>Click below to add a component to your system</strong></div>
       <div class="row g-0">

smith_chart/js/smith_tool.js

@@ -880,6 +880,11 @@ function update_smith_chart() {
   var vswr_live = (1 + reflection_mag) / (1 - reflection_mag);
   document.getElementById("vswr_live").innerHTML = '<div class="text_box">' + vswr_live.toPrecision(3) + "</div>";
 
+  //calculate Q factor
+  var q_factor = Math.abs(imag_old/real_old)
+  document.getElementById("q_factor").innerHTML = '<div class="text_box">' + q_factor.toPrecision(3) + "</div>";
+
+
   //populate vmin_distanceEl and vmax_distanceEl
   vmax_distanceEl.value = ((0.5 * reflection_phase) / 360).toPrecision(precision);