From 8fcfee73b2b1977f1816bd7b6bd2cd53a46ea64b Mon Sep 17 00:00:00 2001
From: Navan Chauhan <navanchauhan@gmail.com>
Date: Thu, 23 Jan 2025 18:10:28 -0700
Subject: add option to select trendline type

---
 templates/index.html | 40 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

(limited to 'templates')

diff --git a/templates/index.html b/templates/index.html
index 46b53e0..ca40c20 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -194,7 +194,29 @@
     </div>
 
     <div class="row mb-3">
-        <label for="trendlineEquation" class="form-label">Trendline Equation (Leave blank if you want it to be auto-calculated)</label>
+        <div class="col-md-3">
+          <div class="mb-3">
+            <label for="trendlineSelect" class="form-label">Trendline Type:</label>
+            <select name="trendlineSelect" id="trendlineSelect" class="form-select">
+              <option value="none" selected>None</option>
+              <option value="linear">Linear</option>
+              <option value="exponential">Exponential</option>
+              <option value="logarithmic">Logarithmic</option>
+              <option value="polynomial">Polynomial</option>
+              <option value="power">Power</option>
+            </select>
+          </div>
+        </div>
+        <div class="col-md-3">
+          <div class="mb-3" id="polynomialOrderContainer" style="display: none;">
+            <label for="polynomialOrder" class="form-label">Polynomial Order:</label>
+            <input type="number" id="polynomialOrder" name="polynomialOrder" class="form-control" value="2" min="1"/>
+          </div>
+        </div>
+    </div>
+
+    <div class="row mb-3">
+        <label for="trendlineEquation" class="form-label">Trendline Equation Override (Leave blank if you want it to be auto-calculated)</label>
         <input type="text" name="trendlineEquation" id="trendlineEquation" class="form-control" placeholder="">
     </div>
 
@@ -242,6 +264,18 @@
     // add change handler for textarea and execute processData function
     //document.getElementById('excelData').addEventListener('change', processData);
 
+    window.onload = async() => {
+      document.getElementById('trendlineSelect').addEventListener('change', function () {
+        const trendlineType = this.value;
+        const orderContainer = document.getElementById('polynomialOrderContainer');
+        if (trendlineType === 'polynomial') {
+          orderContainer.style.display = 'block';
+        } else {
+          orderContainer.style.display = 'none';
+        }
+      });
+    }
+
 
     function prepareSubmission() {
     const data = document.getElementById('excelData').value;
@@ -271,8 +305,8 @@
 
     function processData() {
     const data = document.getElementById('excelData').value;
-    // const rows = data.split('\n').map(row => row.split('\t'));
-    const rows = data.split('\n').filter(row => row.trim() !== '').map(row => row.split('\t'));
+    const rows = data.split('\n').map(row => row.split('\t'));
+    // const rows = data.split('\n').filter(row => row.trim() !== '').map(row => row.split('\t'));
     if (rows.length === 0) {
         alert('No data found');
         return;
-- 
cgit v1.2.3