Skip to content

Commit 4f2fbc9

Browse files
HenraLHenraL
committed
[ADD] the chatbot logo on all the pages
1 parent 0eb7f0a commit 4f2fbc9

File tree

16 files changed

+156
-1
lines changed

16 files changed

+156
-1
lines changed

‎bonus/bootstrap/asperboard.bsdesign‎

781 Bytes
Binary file not shown.

‎html/api/v1/oauth/callback/index.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@
3333
<link rel="stylesheet" href="../../../../assets/css/OpenDyslexicAlta.css">
3434
<link rel="stylesheet" href="../../../../assets/css/OpenDyslexicMono.css">
3535
<link rel="stylesheet" href="../../../../assets/css/banner.css">
36+
<link rel="stylesheet" href="../../../../assets/css/chatbot.css">
3637
<link rel="stylesheet" href="../../../../assets/css/dropdown.css">
3738
<link rel="stylesheet" href="../../../../assets/css/header_button.css">
3839
<link rel="stylesheet" href="../../../../assets/css/Login-Form-Basic-icons.css">
@@ -58,6 +59,7 @@
5859
<script src="../../../../assets/js/banners/cookies.js"></script>
5960
<script src="../../../../assets/js/callback/redirect.js"></script>
6061
<script src="../../../../assets/js/change_toggle_option.js"></script>
62+
<script src="../../../../assets/js/chatbot/chatbot.js"></script>
6163
<script src="../../../../assets/js/dashboard/logout.js"></script>
6264
<script src="../../../../assets/js/xToggle-Toggle.js"></script>
6365
</body>

‎html/assets/css/chatbot.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
/* ** EPITECH PROJECT, 2024
2+
** mockup
3+
** File description:
4+
** chatbot.css */
5+
6+
.chatBotAbstraction {
7+
position: fixed;
8+
bottom: 20px;
9+
right: 20px;
10+
width: 300px;
11+
height: 300px;
12+
}
13+
14+
.chatbotButton {
15+
border: none;
16+
cursor: pointer;
17+
position: absolute;
18+
bottom: 10px;
19+
right: 10px;
20+
}
21+
22+
.chatbotButton button {
23+
border: none;
24+
background-color: #4CAF50;
25+
color: inherit;
26+
padding: 0;
27+
border-radius: 50%;
28+
-webkit-border-radius: 50%;
29+
-moz-border-radius: 50%;
30+
}
31+
32+
.chatbotBuble {
33+
padding: 10px;
34+
margin-bottom: 10px;
35+
width: 78%;
36+
height: 62%;
37+
background-color: var(--bs-body-bg);
38+
border: 1px solid var(--bs-primary);
39+
}
40+
41+
.chatbotBuble.btm-right-in, .chatbotBuble.tri-right:after {
42+
background-color: var(--bs-body-bg);
43+
border: 1px solid var(--bs-primary);
44+
}
45+

‎html/assets/js/chatbot/chatbot.js‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
/*
2+
** EPITECH PROJECT, 2024
3+
** mockup
4+
** File description:
5+
** chatbot.js
6+
*/
7+
8+
console.log("js/chatbot initialising");
9+
10+
function toggleSpero() {
11+
const bubble = document.getElementById("speroBubble");
12+
bubble.style.display = bubble.style.display === "none" ? "block" : "none";
13+
}
14+
15+
function chatbotInjector() {
16+
const section = document.getElementById("chatbot_instance");
17+
if (!section) {
18+
console.error("Chatbot section not found.");
19+
return;
20+
}
21+
section.innerHTML = `<div class="chatbotBuble talk-bubble tri-right round btm-right-in" id="speroBubble" style="display: none;">
22+
<div class="talktext">
23+
<p>Bonjour, je suis Spero, comment puis-je vous aider aujourd&#39;hui?</p>
24+
<br>
25+
<div style="display: flex;"><input type="text" placeholder="Écrire à Spéro..." /><button class="button_desing"><i class="fas fa-paper-plane"></i></button></div>
26+
</div>
27+
</div>`;
28+
section.innerHTML += `<div class="chatbotButton"><button onclick="><img src="AB logo.png" width="50" height="49" /></button></div>`;
29+
}
30+
31+
document.addEventListener("DOMContentLoaded", chatbotInjector);
32+
33+
console.log("js/chatbot finished");

‎html/callback/index.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@
3333
<link rel="stylesheet" href="../assets/css/OpenDyslexicAlta.css">
3434
<link rel="stylesheet" href="../assets/css/OpenDyslexicMono.css">
3535
<link rel="stylesheet" href="../assets/css/banner.css">
36+
<link rel="stylesheet" href="../assets/css/chatbot.css">
3637
<link rel="stylesheet" href="../assets/css/dropdown.css">
3738
<link rel="stylesheet" href="../assets/css/header_button.css">
3839
<link rel="stylesheet" href="../assets/css/Login-Form-Basic-icons.css">
@@ -58,6 +59,7 @@
5859
<script src="../assets/js/banners/cookies.js"></script>
5960
<script src="../assets/js/callback/redirect.js"></script>
6061
<script src="../assets/js/change_toggle_option.js"></script>
62+
<script src="../assets/js/chatbot/chatbot.js"></script>
6163
<script src="../assets/js/dashboard/logout.js"></script>
6264
<script src="../assets/js/xToggle-Toggle.js"></script>
6365
</body>

‎html/games/index.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,8 @@
3333
<link rel="stylesheet" href="../assets/css/OpenDyslexicAlta.css">
3434
<link rel="stylesheet" href="../assets/css/OpenDyslexicMono.css">
3535
<link rel="stylesheet" href="../assets/css/banner.css">
36+
<link rel="stylesheet" href="../assets/css/chatbot.css">
37+
<link rel="stylesheet" href="../assets/css/dashboard.css">
3638
<link rel="stylesheet" href="../assets/css/dropdown.css">
3739
<link rel="stylesheet" href="../assets/css/header_button.css">
3840
<link rel="stylesheet" href="../assets/css/Login-Form-Basic-icons.css">
@@ -272,6 +274,7 @@ <h2>Quelle est cette émotion ?</h2>
272274
<script src="../assets/js/theme_toggler.js"></script>
273275
<script src="../assets/js/banners/cookies.js"></script>
274276
<script src="../assets/js/change_toggle_option.js"></script>
277+
<script src="../assets/js/chatbot/chatbot.js"></script>
275278
<script src="../assets/js/xToggle-Toggle.js"></script>
276279
</body>
277280

‎html/index.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,10 @@
122122
<link rel="stylesheet" href="assets/css/OpenDyslexic3.css">
123123
<link rel="stylesheet" href="assets/css/OpenDyslexicAlta.css">
124124
<link rel="stylesheet" href="assets/css/OpenDyslexicMono.css">
125+
<link rel="stylesheet" href="assets/css/bubbles.css">
125126
<link rel="stylesheet" href="assets/css/banner.css">
127+
<link rel="stylesheet" href="assets/css/chatbot.css">
128+
<link rel="stylesheet" href="assets/css/dashboard.css">
126129
<link rel="stylesheet" href="assets/css/dropdown.css">
127130
<link rel="stylesheet" href="assets/css/header_button.css">
128131
<link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
@@ -162,6 +165,11 @@ <h2>Register</h2><input type="text" id="registerUsername" placeholder="Username"
162165
</section>
163166
</section>
164167
</main>
168+
<section id="chatbot_instance">
169+
<div class="chatBotAbstraction">
170+
<div class="chatbotButton"><button><img src="assets/img/AB%20logo.png" width="50" height="49"></button></div>
171+
</div>
172+
</section>
165173
<section id="cookie_banner"></section>
166174
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
167175
<script src="assets/js/modules/cookie_manager.mjs" type="module"></script>
@@ -178,6 +186,7 @@ <h2>Register</h2><input type="text" id="registerUsername" placeholder="Username"
178186
<script src="assets/js/theme_toggler.js"></script>
179187
<script src="assets/js/banners/cookies.js"></script>
180188
<script src="assets/js/change_toggle_option.js"></script>
189+
<script src="assets/js/chatbot/chatbot.js"></script>
181190
<script src="assets/js/login/animation.js"></script>
182191
<script src="assets/js/login/initializer.js"></script>
183192
<script src="assets/js/login/log_user_in.js"></script>

‎html/password/index.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,10 @@
113113
<link rel="stylesheet" href="../assets/css/OpenDyslexic3.css">
114114
<link rel="stylesheet" href="../assets/css/OpenDyslexicAlta.css">
115115
<link rel="stylesheet" href="../assets/css/OpenDyslexicMono.css">
116+
<link rel="stylesheet" href="../assets/css/bubbles.css">
116117
<link rel="stylesheet" href="../assets/css/banner.css">
118+
<link rel="stylesheet" href="../assets/css/chatbot.css">
119+
<link rel="stylesheet" href="../assets/css/dashboard.css">
117120
<link rel="stylesheet" href="../assets/css/dropdown.css">
118121
<link rel="stylesheet" href="../assets/css/header_button.css">
119122
<link rel="stylesheet" href="../assets/css/Login-Form-Basic-icons.css">
@@ -165,6 +168,7 @@ <h2>About you</h2><input type="text" id="loginUsername" placeholder="Username" r
165168
<script src="../assets/js/theme_toggler.js"></script>
166169
<script src="../assets/js/banners/cookies.js"></script>
167170
<script src="../assets/js/change_toggle_option.js"></script>
171+
<script src="../assets/js/chatbot/chatbot.js"></script>
168172
<script src="../assets/js/login/update_error_message.js"></script>
169173
<script src="../assets/js/password/get_sso_details.js"></script>
170174
<script src="../assets/js/xToggle-Toggle.js"></script>

‎html/professional.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,10 @@
114114
<link rel="stylesheet" href="assets/css/OpenDyslexic3.css">
115115
<link rel="stylesheet" href="assets/css/OpenDyslexicAlta.css">
116116
<link rel="stylesheet" href="assets/css/OpenDyslexicMono.css">
117+
<link rel="stylesheet" href="assets/css/bubbles.css">
117118
<link rel="stylesheet" href="assets/css/banner.css">
119+
<link rel="stylesheet" href="assets/css/chatbot.css">
120+
<link rel="stylesheet" href="assets/css/dashboard.css">
118121
<link rel="stylesheet" href="assets/css/dropdown.css">
119122
<link rel="stylesheet" href="assets/css/header_button.css">
120123
<link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
@@ -154,6 +157,11 @@ <h2>Register</h2><input type="text" id="registerUsername" placeholder="Username"
154157
</section>
155158
</section>
156159
</main>
160+
<section id="chatbot_instance">
161+
<div class="chatBotAbstraction">
162+
<div class="chatbotButton"><button><img src="assets/img/AB%20logo.png" width="50" height="49"></button></div>
163+
</div>
164+
</section>
157165
<section id="cookie_banner"></section>
158166
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
159167
<script src="assets/js/modules/cookie_manager.mjs" type="module"></script>
@@ -170,6 +178,7 @@ <h2>Register</h2><input type="text" id="registerUsername" placeholder="Username"
170178
<script src="assets/js/theme_toggler.js"></script>
171179
<script src="assets/js/banners/cookies.js"></script>
172180
<script src="assets/js/change_toggle_option.js"></script>
181+
<script src="assets/js/chatbot/chatbot.js"></script>
173182
<script src="assets/js/login/animation.js"></script>
174183
<script src="assets/js/login/initializer.js"></script>
175184
<script src="assets/js/login/log_user_in.js"></script>

‎html/reset-password/index.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,10 @@
113113
<link rel="stylesheet" href="../assets/css/OpenDyslexic3.css">
114114
<link rel="stylesheet" href="../assets/css/OpenDyslexicAlta.css">
115115
<link rel="stylesheet" href="../assets/css/OpenDyslexicMono.css">
116+
<link rel="stylesheet" href="../assets/css/bubbles.css">
116117
<link rel="stylesheet" href="../assets/css/banner.css">
118+
<link rel="stylesheet" href="../assets/css/chatbot.css">
119+
<link rel="stylesheet" href="../assets/css/dashboard.css">
117120
<link rel="stylesheet" href="../assets/css/dropdown.css">
118121
<link rel="stylesheet" href="../assets/css/header_button.css">
119122
<link rel="stylesheet" href="../assets/css/Login-Form-Basic-icons.css">
@@ -157,6 +160,7 @@ <h2>Réanitialiser mon mot de passe</h2><input type="password" id="registerPassw
157160
<script src="../assets/js/theme_toggler.js"></script>
158161
<script src="../assets/js/banners/cookies.js"></script>
159162
<script src="../assets/js/change_toggle_option.js"></script>
163+
<script src="../assets/js/chatbot/chatbot.js"></script>
160164
<script src="../assets/js/xToggle-Toggle.js"></script>
161165
</body>
162166

0 commit comments

Comments
 (0)