starnakin/42_ft_transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tmp

Browse Source
This commit is contained in:
Xamora 2023-12-28 19:26:57 +01:00
parent 4fd6616786
commit de3349e1c3
3 changed files with 56 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/static/css/search.css
View File

@ -74,10 +74,10 @@
width: 100%;
border: none;
outline: none;
border-bottom: 0.2em solid green;
border-bottom: 0.15em solid green;
caret-color: green;
color: green;
font-size: 16px;
font-size: 0.8em;
}
#app #you {
@ -102,3 +102,16 @@
/* permet le retour à la ligne à la place de dépasser*/
word-wrap: break-word;
}
#app #invite {
position: relative;
background-color: green;
border: none;
color: white;
text-align: center;
text-decoration: none;
font-size: 0.8em;
height: 2em;
width: 4em;
cursor: pointer;
}

4
frontend/static/js/api/profiles.js
View File

@ -40,8 +40,6 @@ class Profiles
});
let data = await response.json();
console.log(response.status);
console.log(data);
return data;
}
@ -54,8 +52,6 @@ class Profiles
});
let data = await response.json();
console.log(response.status);
console.log(data);
return data;
}

75
frontend/static/js/views/Search.js
View File

@ -102,13 +102,12 @@ export default class extends AbstractView {
let users = await client.profiles.all();
let logged = await client.isAuthentificate();
/*let reload = document.getElementById("messages");
if (reload != null)
reload.remove();*/
let reload = document.getElementById("members");
if (reload != null)
reload.remove();
let reloads = ["members"];
reloads.forEach(reload => {
if (document.getElementById(reload) != undefined)
document.getElementById(reload).remove();
});
if (client.channel == undefined || !logged)
return ;
@ -138,6 +137,8 @@ export default class extends AbstractView {
client.channel.messages.forEach((message) => {
if (messages.children[i] == null || message.content != messages.children[i].innerText) {
let text = document.createElement("p");
let date = new Date(message.time);
text.title = date.toLocaleString("fr-FR");
text.appendChild(document.createTextNode(message.content));
if (message.author_id == client.me.user_id)
text.id = "you";
@ -150,32 +151,30 @@ export default class extends AbstractView {
});
// Input pour rentrer un message
if (document.getElementById("input_chat") == null) {
let chat_input = document.createElement("input");
chat_input.id="input_chat";
chat_input.type="text";
chat_input.name="message";
chat_input.placeholder="message bozo";
chat_input.maxLength=255;
chat.appendChild(chat_input);
chat_input.onkeydown = async () => {
if (event.keyCode == 13 && client.channel != undefined) {
//let chat_input = document.getElementById("input_chat");
let chat_text = chat_input.value;
let chat_input = document.getElementById("input_chat") || document.createElement("input");
chat_input.id="input_chat";
chat_input.type="text";
chat_input.name="message";
chat_input.placeholder="message bozo";
chat_input.maxLength=255;
chat.appendChild(chat_input);
chat_input.onkeydown = async () => {
if (event.keyCode == 13 && client.channel != undefined) {
//let chat_input = document.getElementById("input_chat");
let chat_text = chat_input.value;
let receivers_id = [];
client.channel.members_id.forEach((member_id) => {
if (member_id != client.me.user_id)
receivers_id.push(users.filter(user => user.user_id == member_id)[0].user_id);
});
await client.channel.sendMessageChannel(chat_text, receivers_id)
let receivers_id = [];
client.channel.members_id.forEach((member_id) => {
if (member_id != client.me.user_id)
receivers_id.push(users.filter(user => user.user_id == member_id)[0].user_id);
});
await client.channel.sendMessageChannel(chat_text, receivers_id)
// Reset
chat_input.value = "";
}
};
}
// Reset
chat_input.value = "";
}
};
// nom des membres du chat
let members = document.createElement("h2");
@ -195,14 +194,22 @@ export default class extends AbstractView {
// Scroll to the bottom of messages
messages.scrollTop = messages.scrollHeight;
// Button to send invite to play
let invite = document.getElementById("invite") || document.createElement("button");
invite.id = "invite";
invite.innerText = "invite";
chat.appendChild(invite);
}
async hideChat() {
let close = document.getElementById("chat");
if (close != null)
close.remove();
let closes = ["chat", "invite"]
closes.forEach(close => {
if (document.getElementById(close))
document.getElementById(close).remove();
});
}
async leavePage() {