From 106e0ade89f033e8c92f1d8fc992f3fefcee3008 Mon Sep 17 00:00:00 2001
From: Jens True <jens.chr.true@gmail.com>
Date: Mon, 11 Apr 2022 13:41:16 +0000
Subject: [PATCH] Loop calculator improved

---
 content/post/endless-loop/index.md      | 23 +++---
 layouts/shortcodes/loop_calc.html       | 97 -------------------------
 layouts/shortcodes/slice/calc_loop.html | 57 +++++++++++++++
 3 files changed, 66 insertions(+), 111 deletions(-)
 delete mode 100644 layouts/shortcodes/loop_calc.html
 create mode 100644 layouts/shortcodes/slice/calc_loop.html

diff --git a/content/post/endless-loop/index.md b/content/post/endless-loop/index.md
index 211d600..95bcd00 100644
--- a/content/post/endless-loop/index.md
+++ b/content/post/endless-loop/index.md
@@ -1,30 +1,25 @@
 ---
-# Documentation: https://wowchemy.com/docs/managing-content/
-
 title: "Endless Loop"
-subtitle: ""
-summary: ""
+subtitle: "Calculate the lengths for an endless Dyneema loop"
+summary: "Calculate the lengths for an endless Dyneema loop"
 authors: []
 tags: []
 categories: []
 date: 2022-04-10T22:42:25+02:00
 lastmod: 2022-04-10T22:42:25+02:00
 featured: false
-draft: true
+draft: false
+
 
-# Featured image
-# To use, add an image named `featured.jpg/png` to your page's folder.
-# Focal points: Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight.
 image:
   caption: ""
   focal_point: ""
   preview_only: false
 
-# Projects (optional).
-#   Associate this post with one or more of your projects.
-#   Simply enter your project's folder or file name without extension.
-#   E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`.
-#   Otherwise, set `projects = []`.
 projects: []
 ---
-{{< loop_calc >}} 
\ No newline at end of file
+# Calculator
+
+All measurements are in Centimeters.
+
+{{< splice/calc_loop >}} 
\ No newline at end of file
diff --git a/layouts/shortcodes/loop_calc.html b/layouts/shortcodes/loop_calc.html
deleted file mode 100644
index 37de034..0000000
--- a/layouts/shortcodes/loop_calc.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<script>
-    function Calculate(obj)
-{
-	tail = 53.33 * obj.size.value;
-	length1 = obj.dia.value;
-	size =  obj.size.value;
-	body = length1 - 5.56 * size;
-	stretch = 1.2;
-	if (size == .109) stretch = 1.1875;
-	if (size == .125) stretch = 1.2;
-	if (size == .15625) stretch = 1.2;
-	if (size == .1875) stretch = 1.2;
-	if (size >= .25) stretch = 1.2;
-	head = 16 * size;
-
-	obj.length.value = Math.round(8*(3.1416 * length1 * (1 + stretch)  +24 *  size + 2 * size))/8;
-
-
-	obj.mark1.value = Math.round(8*3.1416 * length1 * stretch / 2)/8;
-	obj.cur2.value = Math.round(8*(  length1 * 3.1416 / 2 ))/8;
-
-
-	obj.idia.value = Math.round(8*(          1.865 * size         ))/8;// loop size
-}
- 
-</script>
-<form name="wscform"> 
-    <table>
-    <tr>
-       <td valigh="top">Loop Diameter</td>
-       <td><input type="text" name="dia" size="18" value="8" > Inches
-       </td>
-    </tr>
-
-    <tr>
-       <td valigh="top">Line Size</td>
-       <td>
-       
-       <select name="size">
-           <option value=".109">7/64
-           <option value=".125">1/8
-           <option value=".15625">5/32
-           <option value=".1875" selected> 3/16
-           <option value=".25">1/4
-           <option value=".3125">5/16
-           <option value=".375">3/8
-           <option value=".4375">7/16
-           <option value=".500">1/2
-       </select>
-       Diameter of line
-       </td>
-    </tr>
-
-
-
-
-    <tr>
-       <td><input type="button" value="Calculate" onClick="Calculate(this.form)"></td>
-    </tr>
-    <tr>
-       <td>Loop size</td>
-       <td><input type="text" name="idia" size="18" value="0" readonly> OD of loop double braid</td>
-    </tr>
-        <!-- <tr>
-       <td>Capacity</td>
-       <td><input type="text" name="idia2" size="18" value="0" readonly> Max diameter of load</td>
-    </tr>
-    <tr>
-       <td>Interior size</td>
-       <td><input type="text" name="folded" size="18" value="0" readonly> inner stretched size</td>
-    <tr> -->
-       <td>Line Length</td>
-       <td><input type="text" name="length" size="18" value="0" readonly> Total rope needed</td>
-    </tr>
-    <tr>
-       <td>Mark</td>
-       <td><input type="text" name="mark1" size="18" value="0" readonly>   From center mark</td>
-    </tr>
-   <tr>
-       <td>Extended Length</td>
-       <td><input type="text" name="cur2" size="18" value="0" readonly>  Tip to tip</td>
-    </tr> 
-
-    <!-- <tr>
-       <td>Body</td>
-       <td><input type="text" name="body" size="18" value="0" readonly> </td>
-    </tr>
-    <tr>
-       <td>Loop</td>
-       <td><input type="text" name="loop" size="18" value="0" readonly>  </td>
-    </tr> -->
-
-
-
-
-    </table>
-</form> 
\ No newline at end of file
diff --git a/layouts/shortcodes/slice/calc_loop.html b/layouts/shortcodes/slice/calc_loop.html
new file mode 100644
index 0000000..dbf872d
--- /dev/null
+++ b/layouts/shortcodes/slice/calc_loop.html
@@ -0,0 +1,57 @@
+<script>
+function Calculate(obj)
+{
+    //All calculations in CM
+    loop_dia 	  = obj.loop_dia.value;
+    line_diameter = obj.line_diameter.value;
+
+    //Stretch factor
+    stretch = 1.2;
+    if (line_diameter <= .25) stretch = 1.1875;
+
+    //Calculate
+    var idia            = 1.865 * line_diameter;
+    var length          = Math.PI * loop_dia * (1 + stretch) + 26 * line_diameter;
+    var mark            = Math.PI * loop_dia * stretch / 2;
+    var length_extended = loop_dia * Math.PI / 2;
+
+    //Assign and round
+    obj.idia.value  		  = idia.toFixed(1) +"cm";
+    obj.length.value 		  = length.toFixed(1) +"cm";
+    obj.mark.value            = mark.toFixed(1) +"cm";
+    obj.length_extended.value = length_extended.toFixed(1) +"cm";
+}
+</script>
+<form>
+    <div class="form-group">
+        <label for="line_diameter">Line diameter</label>
+        <select class="form-control form-control-lg" name="line_diameter" onChange="Calculate(this.form)">
+             <option value=".2">2mm</option>
+             <option value=".25">2.5mm</option>
+             <option value=".3">3mm</option>
+             <option value=".4" selected>4mm</option>
+             <option value=".5">5mm</option>
+             <option value=".6">6mm</option>
+             <option value=".8">8mm</option>
+             <option value="1.0">10mm</option>
+             <option value="1.2">12mm</option>
+         </select>
+
+        <label for="loop_dia">Loop diameter (in centimeter)</label>
+        <input type="number" min="0" step=".1" class="form-control form-control-lg" id="loop_dia" aria-describedby="emailHelp" placeholder="Enter loop diameter" onChange="Calculate(this.form)">
+    </div>
+        <hr>
+    <div class="form-group">
+        <label for="idia" class="col-sm-2 col-form-label">Loop size (Diameter of double braid)</label>
+        <input type="text" readonly class="form-control-plaintext" id="idia">
+     
+        <label for="length" class="col-sm-2 col-form-label">Total rope needed</label>
+        <input type="text" readonly class="form-control-plaintext" id="length">
+
+        <label for="mark" class="col-sm-2 col-form-label">From center mark</label>
+        <input type="text" readonly class="form-control-plaintext" id="mark">
+     
+        <label for="length_extended" class="col-sm-2 col-form-label">Tip to tip</label>
+        <input type="text" readonly class="form-control-plaintext" id="length_extended">
+    </div>
+</form> 
\ No newline at end of file