adaugat lab4 si lab5
Signed-off-by: hellisabove <robertnedela15@gmail.com>
This commit is contained in:
@@ -0,0 +1,57 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Bootstrap demo</title>
|
||||
<link href="public/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="public/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
|
||||
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg>
|
||||
<span class="fs-4">IAp Curs 04</span>
|
||||
</a>
|
||||
|
||||
{% set buttons = [
|
||||
("Home", "/"),
|
||||
("Contact", "/contact"),
|
||||
("Logout", "/logout"),
|
||||
] %}
|
||||
{% set page = request.url_rule.__str__() %}
|
||||
|
||||
<ul class="nav nav-pills" data-url="{{ request.url_rule }}">
|
||||
{% for btn in buttons %}
|
||||
<li class="nav-item">
|
||||
<a href="{{ btn[1] }}" class="nav-link {% if btn[1] == page %}active{% endif %}">
|
||||
{{ btn[0] }}
|
||||
</a></li>
|
||||
{% endfor %}
|
||||
{% if session.get("email", "").startswith("admin@") %}
|
||||
<li class="nav-item"><a href="#" class="nav-link">Admin Zone</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 col-sm-12 p-4 m-2 blue-bg">
|
||||
{% block content %}
|
||||
Default contnet
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 p-4 m-2 red-bg">
|
||||
{% block sidebar %}
|
||||
{% if session.get("auth", False) %}
|
||||
Logged in as {{ session["email"] }}!
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="public/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
{% extends "_layout.html" %}
|
||||
|
||||
{% block content %}
|
||||
<h2>Contact details</h2>
|
||||
<p>We’d love to hear from you! Whether you have a question about our services, need support, or just want to say hello—our team is here and ready to help.</p>
|
||||
|
||||
<p>
|
||||
📧 <b>Email</b>: hello@example.com<br />
|
||||
📞 <b>Phone</b>: (123) 456-7890<br />
|
||||
📍 <b>Address</b>: 123 Main Street, Suite 456, Your City, ST 78901
|
||||
</p>
|
||||
|
||||
<p><b>Business Hours:</b><br />
|
||||
Monday – Friday: 9am – 5pm<br />
|
||||
Saturday – Sunday: Closed
|
||||
</p>
|
||||
{% endblock %}
|
||||
|
||||
@@ -0,0 +1,34 @@
|
||||
{% extends "_layout.html" %}
|
||||
|
||||
{% block content %}
|
||||
<h2>IoT Sensors Dashboard</h2>
|
||||
|
||||
{% if not sensors.ext_hum and not sensors.ext_temp %}
|
||||
<p><i>Data is currently unavailable!</i></p>
|
||||
{% else %}
|
||||
|
||||
<h3 class="my-4" style="text-decoration: underline">Outside sensors:</h3>
|
||||
<div class="row caption">
|
||||
<div class="col-4"><span class="hum">Humidity</span></div>
|
||||
<div class="col-4"><span class="temp">Temperature</span></div>
|
||||
<div class="col-4"><span class="rain">Raining</span></div>
|
||||
</div>
|
||||
<div class="row values">
|
||||
<div class="col-4"><span class="hum">{{ sensors.ext_hum }}%</span></div>
|
||||
<div class="col-4"><span class="temp">{{ sensors.ext_temp }} °C</span></div>
|
||||
<div class="col-4"><span class="rain">{{ sensors.rain }}</span></div>
|
||||
</div>
|
||||
|
||||
<h3 class="my-4" style="text-decoration: underline">Inside sensors:</h3>
|
||||
<div class="row caption">
|
||||
<div class="col-4"><span class="hum2">Humidity</span></div>
|
||||
<div class="col-4"><span class="temp2">Temperature</span></div>
|
||||
</div>
|
||||
<div class="row values">
|
||||
<div class="col-4"><span class="hum2">{{ sensors.int_hum }}%</span></div>
|
||||
<div class="col-4"><span class="temp2">{{ sensors.int_temp }} °C</span></div>
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>IAP1 lab login</title>
|
||||
<link href="public/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<style>
|
||||
.form-signin {
|
||||
max-width: 330px;
|
||||
padding: 1rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="d-flex align-items-center py-4 bg-body-tertiary">
|
||||
<main class="form-signin w-100 m-auto">
|
||||
<form method="post" action="/login">
|
||||
<h1 class="h3 mb-3 fw-normal">Please sign in</h1>
|
||||
|
||||
{% if error: %}
|
||||
<div class="alert alert-warning" role="alert">{{error}}</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="form-floating">
|
||||
<input type="email" class="form-control" id="floatingInput"
|
||||
name="email" placeholder="name@example.com">
|
||||
<label for="floatingInput">Email address</label>
|
||||
</div>
|
||||
<div class="form-floating">
|
||||
<input type="password" name="password"
|
||||
class="form-control" id="floatingPassword" placeholder="Password">
|
||||
<label for="floatingPassword">Password</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check text-start my-3">
|
||||
<input class="form-check-input" type="checkbox" value="remember-me" id="flexCheckDefault">
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
<button class="btn btn-primary w-100 py-2" type="submit">Sign in</button>
|
||||
<p class="mt-5 mb-3 text-body-secondary">© 2017–2024</p>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<script src="public/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user