From 01bf53711352a3dd0d4f1e077eb342785d19ffb7 Mon Sep 17 00:00:00 2001
From: FluffyCube9343 <learningninja007@gmail.com>
Date: Mon, 14 Nov 2022 18:41:23 -0500
Subject: [PATCH] combined drops and made css better

---
 app.py               |  1 +
 static/src/main.css  |  2 +-
 templates/base.html  | 91 +++++++++++++++++++++++++++++++++++++++++++-
 templates/drop1.html | 22 -----------
 templates/drop2.html | 20 ----------
 templates/drop3.html | 20 ----------
 6 files changed, 91 insertions(+), 65 deletions(-)
 delete mode 100644 templates/drop1.html
 delete mode 100644 templates/drop2.html
 delete mode 100644 templates/drop3.html

diff --git a/app.py b/app.py
index 9a4140f..a5eb5d1 100644
--- a/app.py
+++ b/app.py
@@ -16,6 +16,7 @@ css.build()
 def homepage():
     return render_template("index.html")
 
+#Modify to get data
 @app.route('/api/datapoint')
 def api_datapoint():
 
diff --git a/static/src/main.css b/static/src/main.css
index 69604d3..2761ff5 100644
--- a/static/src/main.css
+++ b/static/src/main.css
@@ -70,7 +70,7 @@
 .dropdown {
     position: relative;
     background-color: #223344;
-    width: 70%;
+    width: 87%;
     text-align: center;
     height: 7vh;
     display: flex;
diff --git a/templates/base.html b/templates/base.html
index d655e6c..f0c292c 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -28,8 +28,95 @@
             </div>
             <div class="main-element e2">
                 <div class="dropdowns">
-                    {% include "drop1.html" %} {% include "drop2.html" %} {%
-                    include "drop3.html" %}
+                    <div class="dropdown d1">
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
+                        <p class="measure load1" id="load1">NaN</p>
+
+                        <form
+                            action='{{ url_for("sendData")}}'
+                            class="enter-angle"
+                            method="POST"
+                        >
+                            <label for="rot">Input</label>
+                            <input
+                                class="inputbox"
+                                type="text"
+                                id="rot"
+                                name="rot"
+                            />
+                            <input type="submit" value="Enter" />
+                        </form>
+
+                        <p class="units">Deg</p>
+                        <select name="input" id="unit">
+                            <option value="Position">Position</option>
+                            <option value="Percent">Percent</option>
+                            <option value="Velocity">Velocity</option>
+                            <option value="Voltage">Voltage</option>
+                            <option value="Force">Force</option>
+                        </select>
+                    </div>
+                    <div class="dropdown d2">
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
+                        <p class="measure load2" id="load2">NaN</p>
+                        <form
+                            action='{{ url_for("sendData")}}'
+                            class="enter-angle"
+                            method="POST"
+                        >
+                            <label for="rot">Input</label>
+                            <input
+                                class="inputbox"
+                                type="text"
+                                id="rot"
+                                name="rot"
+                            />
+                            <input type="submit" value="Enter" />
+                        </form>
+                        <p class="units">Deg</p>
+                        <select name="input" id="unit">
+                            <option value="Position">Position</option>
+                            <option value="Percent">Percent</option>
+                            <option value="Velocity">Velocity</option>
+                            <option value="Voltage">Voltage</option>
+                            <option value="Force">Force</option>
+                        </select>
+                    </div>
+                    <div class="dropdown d3">
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
+                        <p class="measure load3" id="load3">NaN</p>
+                        <form
+                            action='{{ url_for("sendData")}}'
+                            class="enter-angle"
+                            method="POST"
+                        >
+                            <label for="rot">Input</label>
+                            <input
+                                class="inputbox"
+                                type="text"
+                                id="rot"
+                                name="rot"
+                            />
+                            <input type="submit" value="Enter" />
+                        </form>
+                        <p class="units">Deg</p>
+                        <select name="input" id="unit">
+                            <option value="Position">Position</option>
+                            <option value="Percent">Percent</option>
+                            <option value="Velocity">Velocity</option>
+                            <option value="Voltage">Voltage</option>
+                            <option value="Force">Force</option>
+                        </select>
+                    </div>
                 </div>
 
                 <div class="panel2-btns">
diff --git a/templates/drop1.html b/templates/drop1.html
deleted file mode 100644
index d402fd7..0000000
--- a/templates/drop1.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="dropdown d1">
-    <img
-        src="{{url_for('static', filename='images/img-knee.png')}}"
-        class="img-part"
-    />
-    <p class="measure load1" id="load1">NaN</p>
-
-    <form action='{{ url_for("sendData")}}' class="enter-angle" method="POST">
-        <label for="rot">Input</label>
-        <input class="inputbox" type="text" id="rot" name="rot" />
-        <input type="submit" value="Enter" />
-    </form>
-
-    <p class="units">Deg</p>
-    <select name="input" id="unit">
-        <option value="Position">Position</option>
-        <option value="Percent">Percent</option>
-        <option value="Velocity">Velocity</option>
-        <option value="Voltage">Voltage</option>
-        <option value="Force">Force</option>
-    </select>
-</div>
diff --git a/templates/drop2.html b/templates/drop2.html
deleted file mode 100644
index bf2f9f3..0000000
--- a/templates/drop2.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="dropdown d2">
-    <img
-        src="{{url_for('static', filename='images/img-knee.png')}}"
-        class="img-part"
-    />
-    <p class="measure load2" id="load2">NaN</p>
-    <form action='{{ url_for("sendData")}}' class="enter-angle" method="POST">
-        <label for="rot">Input</label>
-        <input class="inputbox" type="text" id="rot" name="rot" />
-        <input type="submit" value="Enter" />
-    </form>
-    <p class="units">Deg</p>
-    <select name="input" id="unit">
-        <option value="Position">Position</option>
-        <option value="Percent">Percent</option>
-        <option value="Velocity">Velocity</option>
-        <option value="Voltage">Voltage</option>
-        <option value="Force">Force</option>
-    </select>
-</div>
diff --git a/templates/drop3.html b/templates/drop3.html
deleted file mode 100644
index eba5695..0000000
--- a/templates/drop3.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="dropdown d3">
-    <img
-        src="{{url_for('static', filename='images/img-knee.png')}}"
-        class="img-part"
-    />
-    <p class="measure load3" id="load3">NaN</p>
-    <form action='{{ url_for("sendData")}}' class="enter-angle" method="POST">
-        <label for="rot">Input</label>
-        <input class="inputbox" type="text" id="rot" name="rot" />
-        <input type="submit" value="Enter" />
-    </form>
-    <p class="units">Deg</p>
-    <select name="input" id="unit">
-        <option value="Position">Position</option>
-        <option value="Percent">Percent</option>
-        <option value="Velocity">Velocity</option>
-        <option value="Voltage">Voltage</option>
-        <option value="Force">Force</option>
-    </select>
-</div>