engineering/opencompletion.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move off message to chat_message but it doesn't fix order issue.

Browse source 
The app seems to queue the category, feedback/content_blocks question

The strange part is the set_background happens in the middle of the
script after category but it comes first and FAST! In about a second
while the other messages take about 4 secs to finally arrive.

	modified:   app.py
	modified:   research/activity29-battleship.yaml
	modified:   templates/chat.html
This commit is contained in:
Russell Ballestrini 2024-08-28 07:15:18 -04:00
parent 0170327483
commit d1998f9d1c
3 changed files with 88 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

14
templates/chat.html
View file

@ -44,7 +44,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
function sendMessage() {
const message = document.getElementById("message").value;
if (message.trim() !== "") { // Ensure we're not sending empty messages
socket.emit("message", {"username": username, "message": message, "room_name": room_name});
socket.emit("chat_message", {"username": username, "message": message, "room_name": room_name});
document.getElementById("message").value = "";
}
}
@ -90,7 +90,7 @@ socket.on("connect", () => {
});
// Socket event for receiving a new message
socket.on("message", (data) => {
socket.on("chat_message", (data) => {
const messageWrapper = document.createElement("div");
messageWrapper.className = "message-wrapper";
messageWrapper.id = "message-" + data.id;
@ -478,5 +478,15 @@ function addLineNumbers(block) {
}
block.appendChild(lineNumbersWrapper);
}
// Socket event for setting the chat background
socket.on("set_background", (data) => {
const chat = document.getElementById("chat");
chat.style.backgroundImage = `url('data:image/png;base64,${data.image_data}')`;
chat.style.backgroundRepeat = "no-repeat";
chat.style.backgroundPosition = "right center";
chat.style.backgroundSize = "auto"; // Ensures the image is not stretched
});
</script>
{% endblock %}