partitioned dropdowns among html files

This commit is contained in:
FluffyCube9343 2022-11-14 18:18:12 -05:00
parent 73f8b3f0d3
commit dcbd9ccceb
5 changed files with 65 additions and 92 deletions

2
app.py
View File

@ -16,7 +16,7 @@ css.build()
def homepage():
return render_template("index.html")
@app.route("/base.html", methods =["GET", "POST"])
@app.route("/sendData", methods =["GET", "POST"])
def sendData():
rot = request.form.get("rot")

View File

@ -22,97 +22,8 @@
</div>
<div class="main-element e2">
<div class="dropdowns">
<div class="dropdown d1">
<img
src="{{url_for('static', filename='images/img-knee.png')}}"
class="img-part"
/>
<p class="measure load1" id="load1">{{ load1 }}</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">{{ load2 }}</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">{{ load3 }}</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>
{% include "drop1.html" %} {% include "drop2.html" %} {%
include "drop3.html" %}
</div>
<div class="panel2-btns">

22
templates/drop1.html Normal file
View File

@ -0,0 +1,22 @@
<div class="dropdown d1">
<img
src="{{url_for('static', filename='images/img-knee.png')}}"
class="img-part"
/>
<p class="measure load1" id="load1">{{ load1 }}</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>

20
templates/drop2.html Normal file
View File

@ -0,0 +1,20 @@
<div class="dropdown d2">
<img
src="{{url_for('static', filename='images/img-knee.png')}}"
class="img-part"
/>
<p class="measure load2" id="load2">{{ load2 }}</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>

20
templates/drop3.html Normal file
View File

@ -0,0 +1,20 @@
<div class="dropdown d3">
<img
src="{{url_for('static', filename='images/img-knee.png')}}"
class="img-part"
/>
<p class="measure load3" id="load3">{{ load3 }}</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>