rushilwiz/robot-gui
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/robot-gui.git synced 2025-04-20 11:00:15 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

combined drops and made css better

Browse Source
This commit is contained in:
FluffyCube9343 2022-11-14 18:41:23 -05:00
parent efa0c7640a
commit 01bf537113
6 changed files with 91 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app.py
View File

@ -16,6 +16,7 @@ css.build()
def homepage(): def homepage():
return render_template("index.html") return render_template("index.html")
#Modify to get data
@app.route('/api/datapoint') @app.route('/api/datapoint')
def api_datapoint(): def api_datapoint():

2
static/src/main.css
View File

@ -70,7 +70,7 @@
.dropdown { .dropdown {
position: relative; position: relative;
background-color: #223344; background-color: #223344;
width: 70%; width: 87%;
text-align: center; text-align: center;
height: 7vh; height: 7vh;
display: flex; display: flex;

91
templates/base.html
View File

@ -28,8 +28,95 @@
</div> </div>
<div class="main-element e2"> <div class="main-element e2">
<div class="dropdowns"> <div class="dropdowns">
{% include "drop1.html" %} {% include "drop2.html" %} {% <div class="dropdown d1">
include "drop3.html" %} <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>
<div class="panel2-btns"> <div class="panel2-btns">

22
templates/drop1.html
View File

@ -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>

20
templates/drop2.html
View File

@ -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>

20
templates/drop3.html
View File

@ -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>