mirror of
https://gitlab.fdmci.hva.nl/technische-informatica-sm3/ti-projectten/rooziinuubii79.git
synced 2025-08-04 12:24:57 +00:00
Refactor button handling in index.html and app.py
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
from flask import Flask, request, render_template, redirect
|
||||
from flask import Flask, request, render_template
|
||||
import paho.mqtt.client as mqtt
|
||||
|
||||
app = Flask(__name__)
|
||||
@@ -9,19 +9,17 @@ mqtt_client = mqtt.Client()
|
||||
mqtt_client.username_pw_set("ishak", "kobuki")
|
||||
mqtt_client.connect("localhost", 1883, 60)
|
||||
mqtt_client.loop_start()
|
||||
@app.route('/')
|
||||
def index():
|
||||
return render_template('index.html')
|
||||
|
||||
@app.route('/move', methods=['POST'])
|
||||
def move():
|
||||
direction = request.form['direction']
|
||||
result = mqtt_client.publish("home/commands", direction)
|
||||
if result.rc == mqtt.MQTT_ERR_SUCCESS:
|
||||
print("Bericht succesvol gepubliceerd")
|
||||
else:
|
||||
print("Fout bij het publiceren van bericht")
|
||||
return redirect('/')
|
||||
@app.route('/', methods=['GET', 'POST'])
|
||||
def index():
|
||||
if request.method == 'POST':
|
||||
direction = request.form['direction']
|
||||
result = mqtt_client.publish("home/commands", direction)
|
||||
if result.rc == mqtt.MQTT_ERR_SUCCESS:
|
||||
message = "Bericht succesvol gepubliceerd"
|
||||
else:
|
||||
message = "Fout bij het publiceren van bericht"
|
||||
return render_template('index.html', message=message)
|
||||
|
||||
if __name__ == '__main__':
|
||||
app.run(debug=True)
|
||||
|
@@ -4,11 +4,11 @@
|
||||
<img src="kobuki.jpg" alt="Kobuki Robot" id="robot-image" />
|
||||
</div>
|
||||
<div class="button-section">
|
||||
<form action="/move" method="post">
|
||||
<button class="btn" name="direction" value="left">←</button>
|
||||
<button class="btn" name="direction" value="up">↑</button>
|
||||
<button class="btn" name="direction" value="right">→</button>
|
||||
<button class="btn" name="direction" value="down">↓</button>
|
||||
<form action="/" method="post">
|
||||
<button type = "submit" class="btn" name="direction" value="left">←</button>
|
||||
<button type = "submit" class="btn" name="direction" value="up">↑</button>
|
||||
<button type = "submit" class="btn" name="direction" value="right">→</button>
|
||||
<button type = "submit" class="btn" name="direction" value="down">↓</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user