Skip to content

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

Modified index.html

parent 0d27e8e7
Show whitespace changes
Inline Side-by-side
Showing with 255 additions and 0 deletions
IT20201364/templates/index.html 0 → 100644
View file @ c71aef74
<!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/chat.css">
<link rel="stylesheet" href="../static/style.css">
<!------ display shortcut icon ------>
<link rel = "shortcut icon" href = "../static/logo.png">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="../static/script.js"></script>
<script src="../static/script2.js"></script>
<nav class="navbar">
<div class="container-fluid">
<!-- <a class="navbar-brand" href="#">
<img src="logo.png" alt="" width="30" height="24" class="d-inline-block align-text-top">
zenFlow
</a> -->
<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>
<!-- <button class="btn btn-outline-primary" type="submit">Register</button> -->
</form>
</div>
</nav>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<div class="container mt-5" id="cont">
<h2>Welcome to the zenBot,</h2>
{% if current_user %}
<h5>Hi, {{ current_user.username }} !</h5>
{% endif %}
</div>
<div class = "container mt-5" style=" width : 40%; justify-content: center;" id="container-1">
<br>
<center>
<img src="../static/chatbot.png" alt="bot">
<div> <h1> zenBot Emotion Level Result </h1> </div>
<br>
<!-- <button type="button" class="btn btn-outline-danger btn-lg" onclick="window.location.href='/process'">Start</button> <br> <br>
<img src="../static/mic.png" alt="mic"> </center> -->
<br>
<table class="table table-danger table-striped table-hover">
<thead>
<tr>
<th scope="col" style="text-align: center;">Emotions</th>
<!-- <th scope="col" style="text-align: center;">Precentage</th> -->
</tr>
</thead>
<tbody>
{% for emotion, percentage in emotion_percentages.items() %}
<tr>
<td style="text-align: center;">{{ emotion }}</td>
<!-- <td style="text-align: center;">{{ percentage }}%</td> -->
</tr>
{% endfor %}
</tbody>
</table>
<br>
<center> <div> <h1> zenBot Stress Level Clue </h1> </div>
<br>
<h5 style="color: crimson;">{{ statement }}</h5>
<br>
</center>
{% if current_user %}
<form method="" action="" id="reset-form">
<center> <button type="submit" class="btn btn-outline-dark btn-lg" onclick="resetCounselling()">Reset</button> </center>
</form>
{% endif %}
<br>
</div>
<br>
<!-- <div class="container mt-5" id="container-2">
<center>
<button type="button" class="btn btn-outline-danger btn-lg" onclick="window.location.href='/process'">Start Conversation</button> <br> <br>
<img src="mic.png" alt="mic">
</center>
</div> -->
<div class="container mt-5" id="conversation">
<br>
<center>
{% if current_user %}
<button type="button" class="btn btn-info" onclick="startCounselling()">Start Conversation</button> <br> <br>
{% endif %}
<img src="../static/mic.png" alt="mic">
<br>
<!-- <h3> Conversation: </h3> -->
<ul>
{% for message in conversation %}
<li>
{% if message.zenBot %}
zenBot : {{ message.zenBot }}
{% elif message.User %}
User: {{ message.User }}
{% endif %}
</li>
{% endfor %}
</ul>
</center>
</div>
</body>
</html>
\ No newline at end of file
IT20201364/templates/index1.html 0 → 100644
View file @ c71aef74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Counselor</title>
<link rel="stylesheet" href="../static/style.css">
</head>
<body>
<header>
<h1>AI Counselor</h1>
</header>
<h2>Welcome to the Voice Assistant</h2>
{% if current_user %}
<p>Welcome, {{ current_user.username }}!</p>
<!-- Button to toggle "Previous Records" visibility -->
<button type="button" class="toggle-button" onclick="togglePreviousRecords()">Toggle Previous Records</button>
<div id="previous-records" class="previous-stress-level">
<h3>Previous Records</h3>
<table>
<thead>
<tr>
<th>Date</th>
<th>Time</th>
<th>Stress Level</th>
</tr>
</thead>
<tbody>
{% for stress_level in stress_levels %}
<tr>
<td>{{ stress_level.login_time.strftime('%Y-%m-%d') }}</td>
<td>{{ stress_level.login_time.strftime('%H:%M:%S') }}</td>
<td>{{ stress_level.stress_level }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<!-- Add your content here for authenticated users -->
{% else %}
<p>Please log in to use the Voice Assistant.</p>
<a href="/login">Log In</a> | <a href="/register">Register</a>
{% endif %}
<main class="container">
{% if current_user %}
<button type="button" class="start-button" onclick="startCounselling()">Start</button>
<button type="button" class="btn btn-danger" onclick="resetCounselling()">Reset</button>
{% else %}
<p>Please log in to use the Voice Assistant.</p>
<a href="/login">Log In</a> | <a href="/register">Register</a>
{% endif %}
<div class="table-wrapper">
<p id="stress-level">Stress Level: {{ stress_level }}</p>
<table id="emotion-table">
<thead>
<tr>
<th>Emotion</th>
<th>Percentage</th>
</tr>
</thead>
<tbody>
{% for emotion, percentage in emotion_percentages.items() %}
<tr>
<td>{{ emotion }}</td>
<td>{{ percentage }}%</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<!-- Add this block of code to display the conversation list -->
<div id="conversation">
<h3>Conversation:</h3>
<ul>
{% for message in conversation %}
<li>
{% if message.AI %}
AI: {{ message.AI }}
{% elif message.User %}
User: {{ message.User }}
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</main>
<script src="../static/script.js"></script>
</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