Skip to content

Commit 8dea6a2

Browse files
HenraLHenraL
committed
[FIX] the chatbot desing errors
1 parent 4f2fbc9 commit 8dea6a2

File tree

12 files changed

+34
-18
lines changed

12 files changed

+34
-18
lines changed

‎bonus/bootstrap/asperboard.bsdesign‎

854 Bytes
Binary file not shown.

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

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,27 @@ function chatbotInjector() {
1818
console.error("Chatbot section not found.");
1919
return;
2020
}
21-
section.innerHTML = `<div class="chatbotBuble talk-bubble tri-right round btm-right-in" id="speroBubble" style="display: none;">
21+
let finalHTML = "<div class='chatBotAbstraction'>";
22+
finalHTML += `<div class="chatbotBuble talk-bubble tri-right round btm-right-in" id="speroBubble" style="display: none;">
2223
<div class="talktext">
2324
<p>Bonjour, je suis Spero, comment puis-je vous aider aujourd&#39;hui?</p>
2425
<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 style="display: flex;gap: 2px;">
27+
<input type="text" placeholder="Écrire à Spéro..." style="width:138px;"/>
28+
<button class="button_desing" style="width:40px">
29+
<i class="fas fa-paper-plane" style="color: #fff;">
30+
<!--<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">-->
31+
<!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
32+
<!--<path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480l0-83.6c0-4 1.5-7.8 4.2-10.8L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>-->
33+
</i>
34+
</button>
35+
</div>
2636
</div>
2737
</div>`;
28-
section.innerHTML += `<div class="chatbotButton"><button onclick="><img src="AB logo.png" width="50" height="49" /></button></div>`;
38+
finalHTML += `<div class="chatbotButton"><button onclick="toggleSpero()"><img src="AB logo.png" width="50" height="49" /></button></div>`;
39+
finalHTML += "</div>";
40+
section.innerHTML = finalHTML;
41+
console.log("chatbotInjector finished");
2942
}
3043

3144
document.addEventListener("DOMContentLoaded", chatbotInjector);

‎html/index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -122,6 +122,7 @@
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="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
125126
<link rel="stylesheet" href="assets/css/bubbles.css">
126127
<link rel="stylesheet" href="assets/css/banner.css">
127128
<link rel="stylesheet" href="assets/css/chatbot.css">
@@ -163,7 +164,7 @@ <h2>Register</h2><input type="text" id="registerUsername" placeholder="Username"
163164
</aside>
164165
<aside><button class="sso_button_france_connect" type="submit"><img src="assets/img/france-connect-cropped.png"></button></aside>
165166
</section>
166-
</section>
167+
</section><i class="fas fa-paper-plane"></i>
167168
</main>
168169
<section id="chatbot_instance">
169170
<div class="chatBotAbstraction">

‎html/password/index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,7 @@
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="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
116117
<link rel="stylesheet" href="../assets/css/bubbles.css">
117118
<link rel="stylesheet" href="../assets/css/banner.css">
118119
<link rel="stylesheet" href="../assets/css/chatbot.css">
@@ -150,7 +151,7 @@ <h2>About you</h2><input type="text" id="loginUsername" placeholder="Username" r
150151
</form>
151152
</aside>
152153
</section>
153-
</section>
154+
</section><i class="fas fa-paper-plane"></i>
154155
</main>
155156
<section id="cookie_banner"></section>
156157
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

‎html/professional.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,7 @@
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="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
117118
<link rel="stylesheet" href="assets/css/bubbles.css">
118119
<link rel="stylesheet" href="assets/css/banner.css">
119120
<link rel="stylesheet" href="assets/css/chatbot.css">
@@ -137,6 +138,9 @@
137138
<section class="my_container">
138139
<p>Pour les particuliers c'est <a href="index.html">ici</a></p>
139140
<section class="toggle-container"><span>Connexion</span><label class="switch"><input type="checkbox" id="toggleSwitch"><span class="slider round"></span></label><span>Inscription</span></section>
141+
<div class="chatBotAbstraction">
142+
<div class="chatbotButton"><button><img src="assets/img/AB%20logo.png" width="50" height="49"></button></div>
143+
</div>
140144
<section class="form-wrapper">
141145
<p id="error_message">Hello world !</p>
142146
<aside class="form-container">
@@ -155,13 +159,9 @@ <h2>Register</h2><input type="text" id="registerUsername" placeholder="Username"
155159
</aside>
156160
<aside><button class="sso_button_france_connect" type="submit_professional"><img src="assets/img/logo_psc_color_big.png" width="250" height="64" style="background-color: white;"></button></aside>
157161
</section>
158-
</section>
162+
</section><i class="fas fa-paper-plane"></i>
159163
</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>
164+
<section id="chatbot_instance"></section>
165165
<section id="cookie_banner"></section>
166166
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
167167
<script src="assets/js/modules/cookie_manager.mjs" type="module"></script>

‎html/reset-password/index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,7 @@
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="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
116117
<link rel="stylesheet" href="../assets/css/bubbles.css">
117118
<link rel="stylesheet" href="../assets/css/banner.css">
118119
<link rel="stylesheet" href="../assets/css/chatbot.css">
@@ -142,7 +143,7 @@ <h2>Réanitialiser mon mot de passe</h2><input type="password" id="registerPassw
142143
</form>
143144
</aside>
144145
</section>
145-
</section>
146+
</section><i class="fas fa-paper-plane"></i>
146147
</main>
147148
<section id="cookie_banner"></section>
148149
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

‎html/routes/pro/creation/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -189,7 +189,7 @@ <h2>Jouez à Votre Quiz</h2>
189189
<div class="chatbotButton"><button><img src="../../../assets/img/AB%20logo.png" width="50" height="49"></button></div>
190190
</div>
191191
</section>
192-
<section id="cookie_banner"></section>
192+
<section id="cookie_banner"></section><i class="fas fa-paper-plane"></i>
193193
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
194194
<script src="../../../assets/js/modules/cookie_manager.mjs" type="module"></script>
195195
<script src="../../../assets/js/modules/indexeddb_manager.mjs" type="module"></script>

‎html/routes/pro/discuter/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -180,7 +180,7 @@
180180
<div class="chatbotButton"><button><img src="../../../assets/img/AB%20logo.png" width="50" height="49"></button></div>
181181
</div>
182182
</section>
183-
<section id="cookie_banner"></section>
183+
<section id="cookie_banner"></section><i class="fas fa-paper-plane"></i>
184184
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
185185
<script src="../../../assets/js/modules/cookie_manager.mjs" type="module"></script>
186186
<script src="../../../assets/js/modules/indexeddb_manager.mjs" type="module"></script>

‎html/routes/pro/suivi/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -178,7 +178,7 @@
178178
<div class="chatbotButton"><button><img src="../../../assets/img/AB%20logo.png" width="50" height="49"></button></div>
179179
</div>
180180
</section>
181-
<section id="cookie_banner"></section>
181+
<section id="cookie_banner"></section><i class="fas fa-paper-plane"></i>
182182
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
183183
<script src="../../../assets/js/modules/cookie_manager.mjs" type="module"></script>
184184
<script src="../../../assets/js/modules/indexeddb_manager.mjs" type="module"></script>

‎html/routes/user/dashboard/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -188,7 +188,7 @@
188188
<div class="chatbotButton"><button><img src="../../../assets/img/AB%20logo.png" width="50" height="49"></button></div>
189189
</div>
190190
</section>
191-
<section id="cookie_banner"></section>
191+
<section id="cookie_banner"></section><i class="fas fa-paper-plane"></i>
192192
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
193193
<script src="../../../assets/js/modules/cookie_manager.mjs" type="module"></script>
194194
<script src="../../../assets/js/modules/indexeddb_manager.mjs" type="module"></script>

0 commit comments

Comments
 (0)