migrate repository again
This commit is contained in:
178
.gitignore
vendored
Normal file
178
.gitignore
vendored
Normal file
@@ -0,0 +1,178 @@
|
|||||||
|
# ---> Python
|
||||||
|
# Byte-compiled / optimized / DLL files
|
||||||
|
__pycache__/
|
||||||
|
*.py[cod]
|
||||||
|
*$py.class
|
||||||
|
|
||||||
|
# C extensions
|
||||||
|
*.so
|
||||||
|
|
||||||
|
# Distribution / packaging
|
||||||
|
.Python
|
||||||
|
build/
|
||||||
|
develop-eggs/
|
||||||
|
dist/
|
||||||
|
downloads/
|
||||||
|
eggs/
|
||||||
|
.eggs/
|
||||||
|
lib/
|
||||||
|
lib64/
|
||||||
|
parts/
|
||||||
|
sdist/
|
||||||
|
var/
|
||||||
|
wheels/
|
||||||
|
share/python-wheels/
|
||||||
|
*.egg-info/
|
||||||
|
.installed.cfg
|
||||||
|
*.egg
|
||||||
|
MANIFEST
|
||||||
|
|
||||||
|
# PyInstaller
|
||||||
|
# Usually these files are written by a python script from a template
|
||||||
|
# before PyInstaller builds the exe, so as to inject date/other infos into it.
|
||||||
|
*.manifest
|
||||||
|
*.spec
|
||||||
|
|
||||||
|
# Installer logs
|
||||||
|
pip-log.txt
|
||||||
|
pip-delete-this-directory.txt
|
||||||
|
|
||||||
|
# Unit test / coverage reports
|
||||||
|
htmlcov/
|
||||||
|
.tox/
|
||||||
|
.nox/
|
||||||
|
.coverage
|
||||||
|
.coverage.*
|
||||||
|
.cache
|
||||||
|
nosetests.xml
|
||||||
|
coverage.xml
|
||||||
|
*.cover
|
||||||
|
*.py,cover
|
||||||
|
.hypothesis/
|
||||||
|
.pytest_cache/
|
||||||
|
cover/
|
||||||
|
|
||||||
|
# Translations
|
||||||
|
*.mo
|
||||||
|
*.pot
|
||||||
|
|
||||||
|
# Django stuff:
|
||||||
|
*.log
|
||||||
|
local_settings.py
|
||||||
|
db.sqlite3
|
||||||
|
db.sqlite3-journal
|
||||||
|
|
||||||
|
# Flask stuff:
|
||||||
|
instance/
|
||||||
|
.webassets-cache
|
||||||
|
|
||||||
|
# Scrapy stuff:
|
||||||
|
.scrapy
|
||||||
|
|
||||||
|
# Sphinx documentation
|
||||||
|
docs/_build/
|
||||||
|
|
||||||
|
# PyBuilder
|
||||||
|
.pybuilder/
|
||||||
|
target/
|
||||||
|
|
||||||
|
# Jupyter Notebook
|
||||||
|
.ipynb_checkpoints
|
||||||
|
|
||||||
|
# IPython
|
||||||
|
profile_default/
|
||||||
|
ipython_config.py
|
||||||
|
|
||||||
|
# pyenv
|
||||||
|
# For a library or package, you might want to ignore these files since the code is
|
||||||
|
# intended to run in multiple environments; otherwise, check them in:
|
||||||
|
# .python-version
|
||||||
|
|
||||||
|
# pipenv
|
||||||
|
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
|
||||||
|
# However, in case of collaboration, if having platform-specific dependencies or dependencies
|
||||||
|
# having no cross-platform support, pipenv may install dependencies that don't work, or not
|
||||||
|
# install all needed dependencies.
|
||||||
|
#Pipfile.lock
|
||||||
|
|
||||||
|
# UV
|
||||||
|
# Similar to Pipfile.lock, it is generally recommended to include uv.lock in version control.
|
||||||
|
# This is especially recommended for binary packages to ensure reproducibility, and is more
|
||||||
|
# commonly ignored for libraries.
|
||||||
|
#uv.lock
|
||||||
|
|
||||||
|
# poetry
|
||||||
|
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
|
||||||
|
# This is especially recommended for binary packages to ensure reproducibility, and is more
|
||||||
|
# commonly ignored for libraries.
|
||||||
|
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
|
||||||
|
#poetry.lock
|
||||||
|
|
||||||
|
# pdm
|
||||||
|
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
|
||||||
|
#pdm.lock
|
||||||
|
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
|
||||||
|
# in version control.
|
||||||
|
# https://pdm.fming.dev/latest/usage/project/#working-with-version-control
|
||||||
|
.pdm.toml
|
||||||
|
.pdm-python
|
||||||
|
.pdm-build/
|
||||||
|
|
||||||
|
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
|
||||||
|
__pypackages__/
|
||||||
|
|
||||||
|
# Celery stuff
|
||||||
|
celerybeat-schedule
|
||||||
|
celerybeat.pid
|
||||||
|
|
||||||
|
# SageMath parsed files
|
||||||
|
*.sage.py
|
||||||
|
|
||||||
|
# Environments
|
||||||
|
.env
|
||||||
|
.venv
|
||||||
|
env/
|
||||||
|
venv/
|
||||||
|
ENV/
|
||||||
|
env.bak/
|
||||||
|
venv.bak/
|
||||||
|
|
||||||
|
# Spyder project settings
|
||||||
|
.spyderproject
|
||||||
|
.spyproject
|
||||||
|
|
||||||
|
# Rope project settings
|
||||||
|
.ropeproject
|
||||||
|
|
||||||
|
# mkdocs documentation
|
||||||
|
/site
|
||||||
|
|
||||||
|
# mypy
|
||||||
|
.mypy_cache/
|
||||||
|
.dmypy.json
|
||||||
|
dmypy.json
|
||||||
|
|
||||||
|
# Pyre type checker
|
||||||
|
.pyre/
|
||||||
|
|
||||||
|
# pytype static type analyzer
|
||||||
|
.pytype/
|
||||||
|
|
||||||
|
# Cython debug symbols
|
||||||
|
cython_debug/
|
||||||
|
|
||||||
|
# PyCharm
|
||||||
|
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
|
||||||
|
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
|
||||||
|
# and can be added to the global gitignore or merged into this file. For a more nuclear
|
||||||
|
# option (not recommended) you can uncomment the following to ignore the entire idea folder.
|
||||||
|
#.idea/
|
||||||
|
|
||||||
|
# Ruff stuff:
|
||||||
|
.ruff_cache/
|
||||||
|
|
||||||
|
# PyPI configuration file
|
||||||
|
.pypirc
|
||||||
|
|
||||||
|
### CUSTOM GITIGNORES
|
||||||
|
db_creds.csv
|
||||||
73
db_connect.py
Normal file
73
db_connect.py
Normal file
@@ -0,0 +1,73 @@
|
|||||||
|
import mariadb
|
||||||
|
|
||||||
|
import logging
|
||||||
|
from typing import Generator
|
||||||
|
import datetime
|
||||||
|
|
||||||
|
# main database connector class
|
||||||
|
# permission validation is not performed on this class
|
||||||
|
# perform those higher on the call stack
|
||||||
|
class DatabaseConnect:
|
||||||
|
def __init__(self) -> None:
|
||||||
|
with open("db_creds.csv","r") as f:
|
||||||
|
credentials = f.read().split(",")
|
||||||
|
try:
|
||||||
|
conn = mariadb.connect(
|
||||||
|
user=credentials[0],
|
||||||
|
password=credentials[1],
|
||||||
|
host=credentials[2],
|
||||||
|
port=int(credentials[3]),
|
||||||
|
database=credentials[4]
|
||||||
|
)
|
||||||
|
except mariadb.Error as e:
|
||||||
|
logging.fatal(f"Error connecting to database: {e}")
|
||||||
|
return
|
||||||
|
self.cursor = conn.cursor()
|
||||||
|
super().__init__()
|
||||||
|
|
||||||
|
def create_user(self, username: str, pwd: int) -> None:
|
||||||
|
self.cursor.execute("INSERT INTO Users (username, pwd) VALUE (?,?)",(username, pwd))
|
||||||
|
logging.info(f"Created user {username}")
|
||||||
|
|
||||||
|
def delete_user(self, id) -> None:
|
||||||
|
self.cursor.execute("DELETE FROM Users WHERE ID = ?",(id))
|
||||||
|
logging.info(f"Deleted user {id}")
|
||||||
|
|
||||||
|
def display_users(self) -> tuple[tuple[int, str, int]]:
|
||||||
|
self.cursor.execute("SELECT * FROM Users")
|
||||||
|
return self.cursor.fetchall()
|
||||||
|
|
||||||
|
def view_valid_rooms(self, user_id) -> list[tuple[str, str]]:
|
||||||
|
self.cursor.execute(
|
||||||
|
"SELECT rooms.name, rooms.shortname from permissions INNER JOIN rooms ON permissions.`roomID` = rooms.`ID` WHERE permissions.`userID` = ? AND permissions.`view` = 1;",
|
||||||
|
(user_id,))
|
||||||
|
return self.cursor.fetchall()
|
||||||
|
|
||||||
|
def user_has_room_perms(self, user_id, room_shortname) -> bool:
|
||||||
|
self.cursor.execute("SELECT permissions.`view` FROM permissions LEFT JOIN rooms ON permissions.`roomID` = rooms.ID WHERE rooms.shortname = ? AND `userID` = ?;",(room_shortname, user_id))
|
||||||
|
res = self.cursor.fetchone()
|
||||||
|
if res is None:
|
||||||
|
return False
|
||||||
|
else:
|
||||||
|
return res[0] == 1
|
||||||
|
|
||||||
|
# def roomID_from_shortname(self, shortname):
|
||||||
|
# self.cursor.execute("SELECT rooms.`ID` from rooms WHERE rooms.shortname = ?;",(shortname,))
|
||||||
|
# return self.cursor.fetchone()
|
||||||
|
|
||||||
|
def get_sensors_in_room(self, shortname) -> list[int]:
|
||||||
|
self.cursor.execute("SELECT devices.`ID` from devices LEFT JOIN rooms ON devices.`roomID` = rooms.ID WHERE rooms.shortname = ?;",(shortname,))
|
||||||
|
return [x[0] for x in self.cursor.fetchall()]
|
||||||
|
|
||||||
|
def get_sensor_data(self, sensor_ID: int) -> Generator[tuple[datetime.datetime, float]]:
|
||||||
|
self.cursor.execute("SELECT Timestamp, reading FROM Readings WHERE `sensorID` = ? ORDER BY `Timestamp` DESC;",(sensor_ID,))
|
||||||
|
for row in self.cursor:
|
||||||
|
yield row
|
||||||
|
|
||||||
|
def get_sensor_type(self, sensor_ID):
|
||||||
|
self.cursor.execute("SELECT types.`type_desc` from types LEFT JOIN devices ON types.`ID` = devices.`type` WHERE devices.`ID` = ?;",(sensor_ID,))
|
||||||
|
return self.cursor.fetchone()[0]
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
a = DatabaseConnect()
|
||||||
|
print(a.get_sensor_type(1))
|
||||||
BIN
requirements.txt
Normal file
BIN
requirements.txt
Normal file
Binary file not shown.
37
sql_startup.sql
Normal file
37
sql_startup.sql
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
CREATE DATABASE sensors;
|
||||||
|
GRANT ALL PRIVILEGES ON sensors.* TO SensorsAdmin;
|
||||||
|
|
||||||
|
USE sensors;
|
||||||
|
GO
|
||||||
|
|
||||||
|
CREATE TABLE Users (`ID` INT NOT NULL PRIMARY KEY AUTO_INCREMENT, `username` TEXT, `pwd` INT);
|
||||||
|
INSERT INTO Users (`ID`, `username`, `pwd`) VALUES (1,'nouser',NULL), (NULL,'Admin',1);
|
||||||
|
|
||||||
|
CREATE TABLE Permissions (`userID` INT, `roomID` INT, `view` BOOLEAN DEFAULT 0, `purge_data` BOOLEAN DEFAULT 0, `administer` BOOLEAN DEFAULT 0);
|
||||||
|
CREATE TABLE Rooms (`ID` INT NOT NULL PRIMARY KEY AUTO_INCREMENT, `name` TEXT, `shortname` TEXT UNIQUE);
|
||||||
|
CREATE TABLE Devices(`ID` INT NOT NULL PRIMARY KEY AUTO_INCREMENT, `type` INT, `roomID` INT, `mqttTopic` TEXT);
|
||||||
|
CREATE TABLE Types(`ID` INT NOT NULL PRIMARY KEY AUTO_INCREMENT, `type_desc` TEXT);
|
||||||
|
CREATE TABLE Readings(`sensorID` INT, `Timestamp` DATETIME, `reading` DOUBLE);
|
||||||
|
CREATE INDEX `sensor_index` ON Readings (`sensorID`);
|
||||||
|
|
||||||
|
INSERT INTO Rooms (`name`,`shortname`) VALUES ('101','101'),('102','102'),('210','210'),('211','211'),('215 - Studovna','215');
|
||||||
|
INSERT INTO Devices (`type`, `roomID`,`mqttTopic`) VALUES (1,1,"101/floortemp"),(1,1,"101/ceiltemp"),(2,1,"101/humidity"),(1,3,"210/temp"),(1,5,"215/temp"),(2,5,"215/humidity");
|
||||||
|
INSERT INTO Types (type_desc) VALUES ("Temperature"), ('Humidity');
|
||||||
|
INSERT INTO `readings`(`Timestamp`,`reading`,`sensorID`) VALUES
|
||||||
|
('2025-11-12 00:00:00',25.7,1),('2025-11-12 01:00:00',26.7,1),('2025-11-12 02:00:00',27.4,1),('2025-11-12 02:04:00',28.0,1),('2025-11-12 03:22:00',28.2,1),
|
||||||
|
('2025-11-12 00:00:00',22.7,2),('2025-11-12 01:00:00',23.4,2),('2025-11-12 02:00:00',23.9,2),('2025-11-12 02:05:00',25.5,2),('2025-11-12 03:20:00',27.7,2),
|
||||||
|
('2025-11-12 00:00:00',88.2,3),('2025-11-12 00:30:00',77.2,3),('2025-11-12 01:02:00',69.8,3),('2025-11-12 01:25:00',65.1,3),('2025-11-12 02:02:00',58.2,3);
|
||||||
|
INSERT INTO `permissions`(`userID`,`roomID`,`view`) VALUES (1,1,1),(1,2,1),(1,3,1);
|
||||||
|
|
||||||
|
# other useful queries
|
||||||
|
SELECT reading, Timestamp FROM Readings WHERE `sensorID` = 1 ORDER BY `Timestamp` DESC LIMIT 10000;
|
||||||
|
# SELECT roomID FROM permissions WHERE `userID` = 1 AND `view` = 1 INNER JOIN Rooms ON `permissions`.`roomID` = `Rooms`.`ID`;
|
||||||
|
|
||||||
|
SELECT rooms.name, rooms.shortname from permissions INNER JOIN rooms ON permissions.`roomID` = rooms.`ID` WHERE permissions.`userID` = 1 AND permissions.`view` = 1;
|
||||||
|
|
||||||
|
SELECT rooms.`ID` from rooms WHERE rooms.shortname = '101';
|
||||||
|
|
||||||
|
SELECT devices.`ID` from devices LEFT JOIN rooms ON devices.`roomID` = rooms.ID WHERE rooms.shortname = '101';
|
||||||
|
SELECT types.`type_desc` from types LEFT JOIN devices ON types.`ID` = devices.`type` WHERE devices.`ID` = 1;
|
||||||
|
|
||||||
|
SELECT permissions.`view` FROM permissions LEFT JOIN rooms ON permissions.`roomID` = rooms.ID WHERE rooms.shortname = '101' AND `userID` = 1;
|
||||||
50
web.py
Normal file
50
web.py
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
from db_connect import DatabaseConnect
|
||||||
|
|
||||||
|
from flask import Flask, abort, session
|
||||||
|
from jinja2 import Template
|
||||||
|
import plotly.express as px
|
||||||
|
from plotly.subplots import make_subplots
|
||||||
|
import plotly.graph_objects as go
|
||||||
|
|
||||||
|
import logging
|
||||||
|
from os import sep
|
||||||
|
|
||||||
|
app = Flask(__name__)
|
||||||
|
db = DatabaseConnect()
|
||||||
|
|
||||||
|
@app.route("/")
|
||||||
|
def index():
|
||||||
|
avail_rooms = db.view_valid_rooms(1)
|
||||||
|
outtext = "<h1>Available rooms</h1><ul>"
|
||||||
|
if len(avail_rooms) == 0:
|
||||||
|
outtext += "<li>You have no rooms you can view</li>"
|
||||||
|
else:
|
||||||
|
for room in avail_rooms:
|
||||||
|
outtext += f"<li><a href=/room/{room[1]}>{room[0]}</li>"
|
||||||
|
outtext += "</ul>"
|
||||||
|
return outtext
|
||||||
|
|
||||||
|
@app.route('/room/<room_name>')
|
||||||
|
def room_page(room_name=None):
|
||||||
|
if not db.user_has_room_perms(1,room_name):
|
||||||
|
abort(403)
|
||||||
|
|
||||||
|
sensor_list = db.get_sensors_in_room(room_name)
|
||||||
|
fig = make_subplots(rows=1, cols=len(sensor_list))
|
||||||
|
for idx, sensorID in enumerate(sensor_list):
|
||||||
|
lst = [x for x in db.get_sensor_data(sensorID)]
|
||||||
|
fig.add_trace(
|
||||||
|
go.Scatter(
|
||||||
|
x = [x[0] for x in lst],
|
||||||
|
y = [x[1] for x in lst],
|
||||||
|
name=db.get_sensor_type(sensorID)),
|
||||||
|
row = 1,
|
||||||
|
col = idx + 1
|
||||||
|
)
|
||||||
|
fig.update_layout(title_text=f"Available Devices in room {room_name}:")
|
||||||
|
|
||||||
|
template_path = f'web{sep}room_template.html'
|
||||||
|
px_jinja_data = {"fig":fig.to_html(full_html=False)}
|
||||||
|
with open(template_path,'r') as template_file:
|
||||||
|
j2_template = Template(template_file.read())
|
||||||
|
return j2_template.render(px_jinja_data)
|
||||||
118
web/index.html.jinja
Normal file
118
web/index.html.jinja
Normal file
@@ -0,0 +1,118 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=\, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
|
||||||
|
<script>
|
||||||
|
function tableSearch(){
|
||||||
|
var table, input, tr, td, row_content;
|
||||||
|
table = document.getElementById("tableRooms");
|
||||||
|
input = document.getElementById("tableRoomSearch").value.toUpperCase();
|
||||||
|
tr = table.getElementsByTagName("tr");
|
||||||
|
|
||||||
|
for (let i = 0; i < tr.length; i++) {
|
||||||
|
td = tr[i].getElementsByTagName("td")[0];
|
||||||
|
if(td){
|
||||||
|
row_content = td.textContent || td.innerText;
|
||||||
|
if (row_content.toUpperCase().indexOf(input) > -1) {
|
||||||
|
tr[i].style.display = "";
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
tr[i].style.display ="none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<title>{{ Pagetitle }}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="main">
|
||||||
|
<div class="navbar">
|
||||||
|
<div class="topbranding">{{ topbranding }}</div>
|
||||||
|
<div class="navbar-inner">
|
||||||
|
<b><a href="index.html">Home</a></b><br>
|
||||||
|
<i class="bi bi-arrow-down-square-fill"> </i>Rooms<br>
|
||||||
|
<!--{%- for item in rooms %}
|
||||||
|
 <a href="{{ item[0] }}">{{ item[1] }}</a>{% if not loop.last %},{% endif %}
|
||||||
|
{%- endfor %}-->
|
||||||
|
<hr>
|
||||||
|
<!--{%- if user.device_privileges % and so on}-->
|
||||||
|
<a href="device.html">Device Management</a><br>
|
||||||
|
<a href="users.html">User Management</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="topline">
|
||||||
|
|
||||||
|
<div class="user section"> {{ user }}</div>
|
||||||
|
<div class="logout section"> <a href="logout">
|
||||||
|
Logout <i class="bi bi-power"></i>
|
||||||
|
</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="main-content">
|
||||||
|
<p> {{ user_greeting }}</p>
|
||||||
|
<p> {{ ladning_information }}</p>
|
||||||
|
<div class="rooms-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr class="table-header">
|
||||||
|
<th class="room-table-elem">Room name:</th>
|
||||||
|
<th>Temperature</th>
|
||||||
|
<th>Humidity</th>
|
||||||
|
</tr>
|
||||||
|
<tr class="searchbar">
|
||||||
|
<td colspan="255">
|
||||||
|
<i class="bi bi-search"></i>
|
||||||
|
<input type="text" id="tableRoomSearch" placeholder="Search by room name..." onkeyup="tableSearch()">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="tableRooms">
|
||||||
|
<tr>
|
||||||
|
<!--
|
||||||
|
possible actual implementation of templating here:
|
||||||
|
<td><a href="./room/{{ room.shortlink }}>{{ room.name }}</a>"
|
||||||
|
{%- for data in room_data %}
|
||||||
|
<td class="
|
||||||
|
{%- if data.valid %}
|
||||||
|
data-valid
|
||||||
|
{%- elif data.late %}
|
||||||
|
data-late
|
||||||
|
{%- elif data.missing %}
|
||||||
|
data-missing
|
||||||
|
">
|
||||||
|
data.print()
|
||||||
|
</td>
|
||||||
|
{%- endfor %}
|
||||||
|
-->
|
||||||
|
<td class="room-table-elem"><a href="./room/101">Room 1</a></td>
|
||||||
|
<td>24°</td>
|
||||||
|
<td>52%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="room-table-elem"><a href="101">Room 2</a></td>
|
||||||
|
<td>27°</td>
|
||||||
|
<td>38%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="room-table-elem"><a href="101">Room 3</a></td>
|
||||||
|
<td>27°</td>
|
||||||
|
<td class="missing-data"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="room-table-elem"><a href="101">Room 4</a></td>
|
||||||
|
<td>27°</td>
|
||||||
|
<!--TODO: insert tooltip on late data-->
|
||||||
|
<td class="late-data"> 51%</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
web/room_template.html
Normal file
24
web/room_template.html
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8" /> <!--It is necessary to use the UTF-8 encoding with plotly graphics to get e.g. negative signs to render correctly -->
|
||||||
|
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<h1>Here's a Plotly graph!</h1>
|
||||||
|
|
||||||
|
{{ fig }}
|
||||||
|
|
||||||
|
<p>And here's some text after the graph.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
91
web/styles.css
Normal file
91
web/styles.css
Normal file
@@ -0,0 +1,91 @@
|
|||||||
|
*{
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar{
|
||||||
|
flex: 1 10vw;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbranding, .navbar-inner, .topline{
|
||||||
|
font-weight: bold;
|
||||||
|
border: solid 0.2em;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
padding-right: 0.5em;
|
||||||
|
padding-bottom: 0.25em;
|
||||||
|
padding-top: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inner{
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content{
|
||||||
|
flex: 1 60vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topline{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.section{
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.logout{
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content{
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rooms-table{
|
||||||
|
background-color: lightgray;
|
||||||
|
padding: 0.5em 1.5em;
|
||||||
|
width: min-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rooms-table table{
|
||||||
|
width: 50vw;
|
||||||
|
background-color: inherit;
|
||||||
|
text-align: center;
|
||||||
|
border-color: darkgray;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-left: 10px;
|
||||||
|
}
|
||||||
|
.rooms-table tr{
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
.rooms-table td{
|
||||||
|
padding-bottom: 0.2em;
|
||||||
|
padding-top: 0.2em;
|
||||||
|
}
|
||||||
|
thead{
|
||||||
|
border-bottom: 0.25em darkgray solid;
|
||||||
|
|
||||||
|
}
|
||||||
|
tbody tr{
|
||||||
|
border-bottom: 0.1em darkgray solid;
|
||||||
|
}
|
||||||
|
.missing-data{
|
||||||
|
background-color: gray;
|
||||||
|
}
|
||||||
|
.late-data{
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
.room-table-elem, .searchbar{
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rooms-table input{
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user