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%; width: 100%;
border: none; border: none;
outline: none; outline: none;
border-bottom: 0.2em solid green; border-bottom: 0.15em solid green;
caret-color: green; caret-color: green;
color: green; color: green;
font-size: 16px; font-size: 0.8em;
} }
#app #you { #app #you {
@ -102,3 +102,16 @@
/* permet le retour à la ligne à la place de dépasser*/ /* permet le retour à la ligne à la place de dépasser*/
word-wrap: break-word; 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(); let data = await response.json();
console.log(response.status);
console.log(data);
return data; return data;
} }
@ -54,8 +52,6 @@ class Profiles
}); });
let data = await response.json(); let data = await response.json();
console.log(response.status);
console.log(data);
return data; return data;
} }

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

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