Skip to content

2
2023-362
Commit d4fa74ef authored by Thathsarani R.P.H.S.R's avatar Thathsarani R.P.H.S.R
Browse files
Options

Create table.html

parent 279cf756
Show whitespace changes
Inline Side-by-side
Showing with 87 additions and 0 deletions
IT20201364/templates/table.html 0 → 100644
View file @ d4fa74ef
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zenBot Conversation</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="../static/style.css">
<script src="../static/script.js"></script>
<script src="../static/script2.js"></script>
<!------ display shortcut icon ------>
<link rel="shortcut icon" href="../static/logo.png">
<style>
.navbar {
background-color: #0b0b45;
}
.container {
border-radius: 10px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.card {
text-align: center;
}
/* Define styles for text color */
.text-danger {
color: red;
}
.text-warning {
color: yellow;
}
</style>
</head>
<body style="background-color: whitesmoke;">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<nav class="navbar">
<div class="container-fluid">
<img src="../static/logo.svg" alt="" width="200" height="50" style="position: relative; left: 45%;">
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" hidden>
</form>
</div>
</nav>
<center>
<div class="container-mt-5">
<br> <br>
<!-- Button to toggle "Previous Records" visibility -->
<button type="button" class="toggle-button" onclick="togglePreviousRecords()">Toggle Previous stresses</button>
<br> <br>
<div id="previous-records" class="previous-stress-level">
<h3>Stress Level Records</h3>
<div class="card-dev">
<div class="row">
{% for stress_level in stress_levels %}
<div class="col-md-4">
<div class="card mb-3 pt-3 pb-4 bg-info text-dark border border-danger">
<p class="fw-bold tex-dark">
{{ stress_level.user_id }}
</p>
<p>
{{ stress_level.login_time.strftime('%Y-%m-%d') }}
</p>
<p>
{{ stress_level.login_time.strftime('%H:%M:%S') }}
</p>
<!-- Conditional text color based on stress_level -->
<p class="fw-bold" style="color: {% if stress_level.stress_level == 'High Stress' %}red{% else %}black{% endif %}">
{{ stress_level.stress_level }}
</p>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</center>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment