diff --git a/app.py b/app.py
index e91b0fc..1205190 100644
--- a/app.py
+++ b/app.py
@@ -3,8 +3,7 @@ import mysql.connector
app = Flask(__name__)
-# Function to get data from the MySQL database
-def get_database_data():
+def database_connect():
try:
connection = mysql.connector.connect(
host='localhost',
@@ -12,19 +11,30 @@ def get_database_data():
password='',
database='goodgarden'
)
- cursor = connection.cursor()
+ return connection
+ except Exception as e:
+ print("Database connection failed:", e)
+ return None
+
+
+# Function to get data from the MySQL database
+def get_database_data():
+
+ mydb = database_connect()
+
+ if mydb and mydb.is_connected():
+
+ cursor = mydb.cursor()
# Query to retrieve the latest battery voltage data
- query = "SELECT id, timestamp, gateway_receive_time, device, value FROM battery_voltage_events ORDER BY timestamp DESC LIMIT 1"
+ query = "SELECT label, last_seen, last_battery_voltage, device_id FROM devices ORDER BY device_id DESC LIMIT 1"
cursor.execute(query)
battery_data = cursor.fetchone()
-
- connection.close()
-
+ mydb.close()
return battery_data
- except Exception as e:
- print("Error fetching data from database:", e)
- return None
+
+# def devices_data():
+
@app.route('/', methods=['GET'])
def get_data():
@@ -36,13 +46,14 @@ def get_data():
# Convert the fetched data into a dictionary
data_dict = {
- "id": battery_data[0],
- "timestamp": str(battery_data[1]), # Convert timestamp to string for JSON serialization
- "gateway_receive_time": str(battery_data[2]), # Convert timestamp to string for JSON serialization
- "device": battery_data[3],
- "value": battery_data[4]
+ "label": battery_data[0],
+ "last_seen": battery_data[1],
+ "last_battery_voltage": battery_data[2],
+ "device_id": battery_data[3]
}
+ print(data_dict)
+
# Return the data as JSON
return jsonify(data_dict)
diff --git a/battery_voltage_events.py b/battery_voltage_events.py
index b0faac6..b08d88c 100644
--- a/battery_voltage_events.py
+++ b/battery_voltage_events.py
@@ -1,239 +1,239 @@
-import mysql.connector
-import requests
-from datetime import datetime, timezone, timedelta
-import time
+# import mysql.connector
+# import requests
+# from datetime import datetime, timezone, timedelta
+# import time
-# Functie om verbinding te maken met de database
-def database_connect():
- return mysql.connector.connect(
- host="localhost",
- user="root",
- password="",
- database="goodgarden"
- )
+# # Functie om verbinding te maken met de database
+# def database_connect():
+# return mysql.connector.connect(
+# host="localhost",
+# user="root",
+# password="",
+# database="goodgarden"
+# )
-def calculate_timestamp(gateway_receive_time):
- # Converteer de stringrepresentatie naar een datetime-object in UTC
- datetime_obj_utc = datetime.strptime(gateway_receive_time, "%Y-%m-%dT%H:%M:%SZ").replace(tzinfo=timezone.utc)
+# def calculate_timestamp(gateway_receive_time):
+# # Converteer de stringrepresentatie naar een datetime-object in UTC
+# datetime_obj_utc = datetime.strptime(gateway_receive_time, "%Y-%m-%dT%H:%M:%SZ").replace(tzinfo=timezone.utc)
- # Voeg het tijdsverschil van 1 uur toe voor de Nederlandse tijdzone (UTC+1)
- datetime_obj_nl = datetime_obj_utc + timedelta(hours=1)
+# # Voeg het tijdsverschil van 1 uur toe voor de Nederlandse tijdzone (UTC+1)
+# datetime_obj_nl = datetime_obj_utc + timedelta(hours=1)
- # Formateer het datetime-object als een leesbare datumstring
- formatted_date = datetime_obj_nl.strftime("%Y-%m-%d %H:%M:%S")
- return formatted_date
-# Functie voor het aanmaken van gegevens in de database
-def create_data(url, access_token, repeat_count=5):
- for _ in range(repeat_count):
- try:
- headers = {"Authorization": f"Token {access_token}"}
- response = requests.get(url, headers=headers)
- response.raise_for_status()
+# # Formateer het datetime-object als een leesbare datumstring
+# formatted_date = datetime_obj_nl.strftime("%Y-%m-%d %H:%M:%S")
+# return formatted_date
+# # Functie voor het aanmaken van gegevens in de database
+# def create_data(url, access_token, repeat_count=5):
+# for _ in range(repeat_count):
+# try:
+# headers = {"Authorization": f"Token {access_token}"}
+# response = requests.get(url, headers=headers)
+# response.raise_for_status()
- data = response.json()
- print(f"Data from {url}:\n")
+# data = response.json()
+# print(f"Data from {url}:\n")
- # Check if data is a list (records directly under the root)
- if isinstance(data, list):
- records = data
- elif isinstance(data, dict) and 'results' in data:
- records = data['results']
- else:
- print(f"Unexpected data format received: {data}")
- continue
+# # Check if data is a list (records directly under the root)
+# if isinstance(data, list):
+# records = data
+# elif isinstance(data, dict) and 'results' in data:
+# records = data['results']
+# else:
+# print(f"Unexpected data format received: {data}")
+# continue
- for record in records:
- # Now, record is assumed to be a dictionary
- timestamp = record.get('timestamp', '')
- gateway_receive_time = record.get('gateway_receive_time', '')
- device = record.get('device', '')
- value = record.get('value', '')
+# for record in records:
+# # Now, record is assumed to be a dictionary
+# timestamp = record.get('timestamp', '')
+# gateway_receive_time = record.get('gateway_receive_time', '')
+# device = record.get('device', '')
+# value = record.get('value', '')
- # Voeg de timestamp-berekening toe
- calculated_timestamp = calculate_timestamp(gateway_receive_time)
+# # Voeg de timestamp-berekening toe
+# calculated_timestamp = calculate_timestamp(gateway_receive_time)
- print(f"\nInserted data: Timestamp: {calculated_timestamp}, Device: {device}, Battery Voltage: {value}V")
- if float(value) < 3.0:
- print("Waarschuwing: Batterijspanning is lager dan 3.0 volt. Opladen aanbevolen.\n")
- # Controleer of de batterijspanning hoger is dan 4.2 volt en geef een melding
- elif float(value) > 4.2:
- print("Melding: Batterijspanning is hoger dan 4.2 volt. Batterij is vol.\n")
- else:
- print("Melding: Batterijspanning is binnen het gewenste bereik.\n\n")
+# print(f"\nInserted data: Timestamp: {calculated_timestamp}, Device: {device}, Battery Voltage: {value}V")
+# if float(value) < 3.0:
+# print("Waarschuwing: Batterijspanning is lager dan 3.0 volt. Opladen aanbevolen.\n")
+# # Controleer of de batterijspanning hoger is dan 4.2 volt en geef een melding
+# elif float(value) > 4.2:
+# print("Melding: Batterijspanning is hoger dan 4.2 volt. Batterij is vol.\n")
+# else:
+# print("Melding: Batterijspanning is binnen het gewenste bereik.\n\n")
- # Insert data into the database
- insert_data(record)
+# # Insert data into the database
+# insert_data(record)
- except requests.exceptions.RequestException as e:
- print(f"Error fetching data from {url}: {e}")
+# except requests.exceptions.RequestException as e:
+# print(f"Error fetching data from {url}: {e}")
- print("Waiting for the next create action...\n")
- time.sleep(2)
+# print("Waiting for the next create action...\n")
+# time.sleep(2)
-def insert_data(record):
- mydb = database_connect()
- if mydb.is_connected():
- mycursor = mydb.cursor()
+# def insert_data(record):
+# mydb = database_connect()
+# if mydb.is_connected():
+# mycursor = mydb.cursor()
- # Hier moet je de juiste kolomnamen en gegevensindeling aanpassen op basis van de API-respons
- insert_query = """
- INSERT INTO goodgarden.battery_voltage_events (timestamp, gateway_receive_time, device, value)
- VALUES (%s, %s, %s, %s)
- """
+# # Hier moet je de juiste kolomnamen en gegevensindeling aanpassen op basis van de API-respons
+# insert_query = """
+# INSERT INTO goodgarden.battery_voltage_events (timestamp, gateway_receive_time, device, value)
+# VALUES (%s, %s, %s, %s)
+# """
- try:
- # Voer de query uit zonder de timestamp te berekenen
- timestamp = record.get('timestamp', '')
- gateway_receive_time = record.get('gateway_receive_time', '')
- device = record.get('device', '')
- value = record.get('value', '')
+# try:
+# # Voer de query uit zonder de timestamp te berekenen
+# timestamp = record.get('timestamp', '')
+# gateway_receive_time = record.get('gateway_receive_time', '')
+# device = record.get('device', '')
+# value = record.get('value', '')
- print(f"Inserting data: timestamp={timestamp}, gateway_receive_time={gateway_receive_time}, device={device}, value={value}\n") # Print de ingevoerde gegevens
+# print(f"Inserting data: timestamp={timestamp}, gateway_receive_time={gateway_receive_time}, device={device}, value={value}\n") # Print de ingevoerde gegevens
- mycursor.execute(insert_query, (timestamp, gateway_receive_time, device, value))
+# mycursor.execute(insert_query, (timestamp, gateway_receive_time, device, value))
- # Bevestig de wijzigingen
- mydb.commit()
+# # Bevestig de wijzigingen
+# mydb.commit()
- print("Data inserted into the database.")
+# print("Data inserted into the database.")
- except mysql.connector.Error as err:
- print(f"Error: {err}")
+# except mysql.connector.Error as err:
+# print(f"Error: {err}")
- finally:
- # Sluit cursor en verbinding
- mycursor.close()
- mydb.close()
+# finally:
+# # Sluit cursor en verbinding
+# mycursor.close()
+# mydb.close()
-# Functie voor het lezen van gegevens uit de database
-def read_data(url, access_token, repeat_count=5):
- for _ in range(repeat_count):
- try:
- headers = {"Authorization": f"Token {access_token}"}
- response = requests.get(url, headers=headers)
- response.raise_for_status()
+# # Functie voor het lezen van gegevens uit de database
+# def read_data(url, access_token, repeat_count=5):
+# for _ in range(repeat_count):
+# try:
+# headers = {"Authorization": f"Token {access_token}"}
+# response = requests.get(url, headers=headers)
+# response.raise_for_status()
- data = response.json()
- print(f"Data from {url}:\n")
+# data = response.json()
+# print(f"Data from {url}:\n")
- for record in data['results']:
- timestamp = record.get('timestamp', '')
- device = record.get('device', '')
- value = record.get('value', '')
- print(f"Timestamp: {timestamp}, Device: {device}, Battery Voltage: {value}V\n")
+# for record in data['results']:
+# timestamp = record.get('timestamp', '')
+# device = record.get('device', '')
+# value = record.get('value', '')
+# print(f"Timestamp: {timestamp}, Device: {device}, Battery Voltage: {value}V\n")
- if float(value) < 3.0:
- print("Waarschuwing: Batterijspanning is lager dan 3.0 volt. Opladen aanbevolen.\n")
- # Controleer of de batterijspanning hoger is dan 4.2 volt en geef een melding
- elif float(value) > 4.2:
- print("Melding: Batterijspanning is hoger dan 4.2 volt. Batterij is vol.\n")
- else:
- print("Melding: Batterijspanning is binnen het gewenste bereik.\n\n")
+# if float(value) < 3.0:
+# print("Waarschuwing: Batterijspanning is lager dan 3.0 volt. Opladen aanbevolen.\n")
+# # Controleer of de batterijspanning hoger is dan 4.2 volt en geef een melding
+# elif float(value) > 4.2:
+# print("Melding: Batterijspanning is hoger dan 4.2 volt. Batterij is vol.\n")
+# else:
+# print("Melding: Batterijspanning is binnen het gewenste bereik.\n\n")
- except requests.exceptions.RequestException as e:
- print(f"Error fetching data from {url}: {e}")
+# except requests.exceptions.RequestException as e:
+# print(f"Error fetching data from {url}: {e}")
- print("Waiting for the next read action...\n")
- time.sleep(300)
+# print("Waiting for the next read action...\n")
+# time.sleep(300)
-# Functie voor het bijwerken van gegevens in de database
-def update_data(record_id):
- try:
- mydb = database_connect()
+# # Functie voor het bijwerken van gegevens in de database
+# def update_data(record_id):
+# try:
+# mydb = database_connect()
- if mydb.is_connected():
- mycursor = mydb.cursor()
+# if mydb.is_connected():
+# mycursor = mydb.cursor()
- # Controleer of het record bestaat voordat je het bijwerkt
- mycursor.execute("SELECT * FROM goodgarden.battery_voltage_events WHERE id = %s", (record_id,))
- existing_record = mycursor.fetchone()
+# # Controleer of het record bestaat voordat je het bijwerkt
+# mycursor.execute("SELECT * FROM goodgarden.battery_voltage_events WHERE id = %s", (record_id,))
+# existing_record = mycursor.fetchone()
- if not existing_record:
- print(f"Record with ID {record_id} not found. Update operation aborted.")
- return
+# if not existing_record:
+# print(f"Record with ID {record_id} not found. Update operation aborted.")
+# return
- # Vraag de gebruiker om nieuwe waarden voor de andere velden
- new_timestamp = input("Enter new timestamp: ")
- new_gateway_receive_time = input("Enter new gateway_receive_time: ")
- new_device = input("Enter new device: ")
- new_value = input("Enter new value: ")
+# # Vraag de gebruiker om nieuwe waarden voor de andere velden
+# new_timestamp = input("Enter new timestamp: ")
+# new_gateway_receive_time = input("Enter new gateway_receive_time: ")
+# new_device = input("Enter new device: ")
+# new_value = input("Enter new value: ")
- # Hier moet je de juiste kolomnamen aanpassen op basis van de structuur van je database
- update_query = """
- UPDATE goodgarden.battery_voltage_events
- SET timestamp = %s, gateway_receive_time = %s, device = %s, value = %s
- WHERE id = %s
- """
+# # Hier moet je de juiste kolomnamen aanpassen op basis van de structuur van je database
+# update_query = """
+# UPDATE goodgarden.battery_voltage_events
+# SET timestamp = %s, gateway_receive_time = %s, device = %s, value = %s
+# WHERE id = %s
+# """
- # Voer de query uit
- print(f"Executing update query: {update_query}")
- print(f"Updating record with ID {record_id} to new values - timestamp: {new_timestamp}, gateway_receive_time: {new_gateway_receive_time}, device: {new_device}, value: {new_value}")
+# # Voer de query uit
+# print(f"Executing update query: {update_query}")
+# print(f"Updating record with ID {record_id} to new values - timestamp: {new_timestamp}, gateway_receive_time: {new_gateway_receive_time}, device: {new_device}, value: {new_value}")
- mycursor.execute(update_query, (new_timestamp, new_gateway_receive_time, new_device, new_value, record_id))
+# mycursor.execute(update_query, (new_timestamp, new_gateway_receive_time, new_device, new_value, record_id))
- # Bevestig de wijzigingen
- mydb.commit()
+# # Bevestig de wijzigingen
+# mydb.commit()
- print(f"Update executed. Rowcount: {mycursor.rowcount}")
+# print(f"Update executed. Rowcount: {mycursor.rowcount}")
- except mysql.connector.Error as update_err:
- print(f"Error updating data: {update_err}")
- finally:
- # Zorg ervoor dat je altijd de cursor en de databaseverbinding sluit
- if 'mycursor' in locals() and mycursor is not None:
- mycursor.close()
- if 'mydb' in locals() and mydb.is_connected():
- mydb.close()
+# except mysql.connector.Error as update_err:
+# print(f"Error updating data: {update_err}")
+# finally:
+# # Zorg ervoor dat je altijd de cursor en de databaseverbinding sluit
+# if 'mycursor' in locals() and mycursor is not None:
+# mycursor.close()
+# if 'mydb' in locals() and mydb.is_connected():
+# mydb.close()
-# Functie voor het verwijderen van gegevens uit de database
-def delete_data(record_id):
- mydb = database_connect()
- if mydb.is_connected():
- mycursor = mydb.cursor()
+# # Functie voor het verwijderen van gegevens uit de database
+# def delete_data(record_id):
+# mydb = database_connect()
+# if mydb.is_connected():
+# mycursor = mydb.cursor()
- # Hier moet je de juiste kolomnamen aanpassen op basis van de structuur van je database
- delete_query = """
- DELETE FROM goodgarden.battery_voltage_events
- WHERE id = %s
- """
+# # Hier moet je de juiste kolomnamen aanpassen op basis van de structuur van je database
+# delete_query = """
+# DELETE FROM goodgarden.battery_voltage_events
+# WHERE id = %s
+# """
- # Voer de query uit
- mycursor.execute(delete_query, (record_id,))
+# # Voer de query uit
+# mycursor.execute(delete_query, (record_id,))
- # Bevestig de wijzigingen
- mydb.commit()
+# # Bevestig de wijzigingen
+# mydb.commit()
- # Sluit cursor en verbinding
- mycursor.close()
- mydb.close()
+# # Sluit cursor en verbinding
+# mycursor.close()
+# mydb.close()
- print(f"Data with ID {record_id} deleted.")
+# print(f"Data with ID {record_id} deleted.")
-# Functie voor het aanmaken van gegevens in de database op basis van batterijspanningsinformatie
-if __name__ == "__main__":
- url = "https://garden.inajar.nl/api/battery_voltage_events/?format=json"
- access_token = "33bb3b42452306c58ecedc3c86cfae28ba22329c" # Vervang dit door je werkelijke toegangstoken
+# # Functie voor het aanmaken van gegevens in de database op basis van batterijspanningsinformatie
+# if __name__ == "__main__":
+# url = "https://garden.inajar.nl/api/battery_voltage_events/?format=json"
+# access_token = "33bb3b42452306c58ecedc3c86cfae28ba22329c" # Vervang dit door je werkelijke toegangstoken
- # Je kunt repeat_count wijzigen om te bepalen hoe vaak je de bewerking wilt herhalen
- repeat_count = 10
+# # Je kunt repeat_count wijzigen om te bepalen hoe vaak je de bewerking wilt herhalen
+# repeat_count = 10
- # Keuze voor de bewerking
- operation_choice = input("Choose operation (C for Create, R for Read, U for Update, D for Delete): ").upper()
+# # Keuze voor de bewerking
+# operation_choice = input("Choose operation (C for Create, R for Read, U for Update, D for Delete): ").upper()
- if operation_choice == "C":
- # Maak gegevens aan
- create_data(url, access_token, repeat_count)
- elif operation_choice == "R":
- # Lees gegevens
- read_data(url, access_token, repeat_count)
- elif operation_choice == "U":
- # Update gegevens
- record_id = int(input("Enter record ID to update: "))
- # Call the update_data function without additional arguments
- update_data(record_id)
- elif operation_choice == "D":
- # Verwijder gegevens
- record_id = int(input("Enter record ID to delete: "))
- delete_data(record_id)
- else:
- print("Invalid operation choice. Please choose C, R, U, or D.")
+# if operation_choice == "C":
+# # Maak gegevens aan
+# create_data(url, access_token, repeat_count)
+# elif operation_choice == "R":
+# # Lees gegevens
+# read_data(url, access_token, repeat_count)
+# elif operation_choice == "U":
+# # Update gegevens
+# record_id = int(input("Enter record ID to update: "))
+# # Call the update_data function without additional arguments
+# update_data(record_id)
+# elif operation_choice == "D":
+# # Verwijder gegevens
+# record_id = int(input("Enter record ID to delete: "))
+# delete_data(record_id)
+# else:
+# print("Invalid operation choice. Please choose C, R, U, or D.")
diff --git a/mqtt/__pycache__/mqtt_client.cpython-311.pyc b/mqtt/__pycache__/mqtt_client.cpython-311.pyc
index dae8fac..6d31027 100644
Binary files a/mqtt/__pycache__/mqtt_client.cpython-311.pyc and b/mqtt/__pycache__/mqtt_client.cpython-311.pyc differ
diff --git a/src/css/style.css b/src/css/style.css
index 0668a0e..334ce84 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -63,7 +63,7 @@ body .mainContainer .mainBorder .pagina-titel {
body .mainContainer .mainBorder #sectie-1 {
display: flex;
flex-direction: column;
- gap: 1rem;
+ gap: 0;
padding: 0 2.5rem 0 1rem;
position: relative;
}
@@ -74,7 +74,6 @@ body .mainContainer .mainBorder #sectie-1 .parent-algemeen-overzicht {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 40px;
padding: 1rem;
- margin-top: 1rem;
background-color: white;
}
body .mainContainer .mainBorder #sectie-1 .parent-algemeen-overzicht .algemeen-overzicht {
diff --git a/src/css/style.css.map b/src/css/style.css.map
index 90630c9..c39b804 100644
--- a/src/css/style.css.map
+++ b/src/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/src/css/style.scss b/src/css/style.scss
index 87d6564..aa4a200 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -110,7 +110,8 @@ body
{
display: flex;
flex-direction: column;
- gap: 1rem;
+ // gap: 1rem;
+ gap: 0;
padding: 0 2.5rem 0 1rem;
position: relative;
@@ -124,7 +125,7 @@ body
@include box-shadow;
@include border-radius;
padding: 1rem;
- margin-top: 1rem;
+ // margin-top: 1rem;
background-color: white;
.algemeen-overzicht
diff --git a/src/index.html b/src/index.html
deleted file mode 100644
index 59dd1b6..0000000
--- a/src/index.html
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
-