Add online/disconnect color on Search, not finish

frontend/static/js/api/chat/notice.js

@@ -0,0 +1,87 @@
+class Notice {
+	constructor(client) {
+		this.client = client;
+		this.connect();
+
+		this.online_users_setter = undefined;
+		this.online_users = {};
+		await client.notice.getOnlineUser(
+			async (content) => {
+				this.online_users = content;
+				this.rewrite_usernames(profiles);
+			}
+		)
+	}
+
+	async connect() {
+		let url = `${window.location.protocol[4] === 's' ? 'wss' : 'ws'}://${window.location.host}/ws/chat/notice`;
+
+		this.chatSocket = new WebSocket(url);
+		this.chatSocket.onmessage = (event) =>{
+			let data = JSON.parse(event.data);
+			console.log("invite");
+			//console.log("notice: ", data);
+			if (data.type == "invite")
+				this.receiveInvite(data);
+			else if (data.type == "online_user")
+				this.receiveOnlineUser(data);
+		}
+	}
+
+	async disconnect() {
+		if (this.chatSocket == undefined)
+			this.chatSocket.close();
+	}
+
+	async sendInvite(id_inviter, id_inviteds) {
+		
+		if (this.chatSocket == undefined)
+			return;
+
+		this.chatSocket.send(JSON.stringify({
+			type: "invite",
+			targets: id_inviteds,
+		}));
+
+	}
+
+	async receiveInvite(data) {
+		
+		if (data.content === "notice return") {
+			if (data.status == 200)
+				return
+				// Notification pour dire que la notif a été bien envoyé
+			else if (data.status == 404)
+				return
+				// Pas connecté
+		}
+		else {
+			// Géré la reception de l'invitation
+		}
+	}
+
+	async getOnlineUser(online_users_setter) {
+		
+		if (this.chatSocket == undefined)
+			return;
+
+		this.online_users_setter = online_users_setter;
+
+		this.chatSocket.send(JSON.stringify({
+			type: "online_user",
+			targets: "all",
+		}));
+
+	}
+
+	async receiveOnlineUser(data) {
+		console.log("receiveOnlineUser");
+		if (data.content !== undefined &&
+			this.online_users_setter !== undefined) {
+
+			this.online_users_setter(data.content);
+		}
+	}
+}
+
+export {Notice}

frontend/static/js/api/client.js

@@ -5,6 +5,7 @@ import { Channels } from './chat/channels.js';
 import { MyProfile } from "./MyProfile.js";
 import { navigateTo } from "../index.js"
 import { Tourmanents } from "./tournament/tournaments.js";
+import {Notice} from "./chat/notice.js"
 
 function getCookie(name)
 {
@@ -29,6 +30,8 @@ class Client
 
 		this.channels = new Channels(this);
 		this.channel = undefined;
+
+		this.notice = new Notice(this);
 	}
 
 	async isAuthentificate()

frontend/static/js/views/ProfilePageView.js

@@ -39,7 +39,7 @@ export default class extends AbstractView {
 		if (await client.isAuthentificate() === false)
 			return;
 
-		if (client.me.user_id != this.user_id) {
+		if (client.me.id != this.user_id) {
 			let block = document.getElementById("block") || document.createElement("a");
 			block.id = "block";
 			block.innerText = "";

frontend/static/js/views/Search.js

@@ -7,11 +7,24 @@ export default class extends AbstractView {
         super(params, "Search");
     }
 
+	async wait_get_online_users() {
+		return new Promise((resolve) => {
+			const checkInterval = setInterval(() => {
+				if (Object.keys(this.online_users).length > 0) {
+					clearInterval(checkInterval);
+					resolve();
+				}
+			}, 1);
+		});
+	}
+
 	async postInit() {
 
 		let logged = await client.isAuthentificate();
 		let profiles = await client.profiles.all();
 
+		await this.wait_get_online_users();
+
 		let search = document.getElementById("input_user");
 		search.oninput = () => this.display_users(logged, profiles);
 
@@ -43,7 +56,9 @@ export default class extends AbstractView {
 
 			// username
 			let username = document.createElement("a");
+			username.id = `username${user.id}`
 			username.href = `/profiles/${user.id}`;
+			username.style.color = this.online_users[user.id] !== undefined ? "green" : "red";
 			username.appendChild(document.createTextNode(user.username));
 			new_user.appendChild(username);
 
@@ -100,6 +115,18 @@ export default class extends AbstractView {
 
 	}
 
+	async rewrite_usernames(profiles) {
+		console.log("rewrite");
+		let search = document.getElementById("input_user").value.toLowerCase();
+		
+		profiles.filter(user => user.username.toLowerCase().startsWith(search) == true).forEach((user) => {
+			let username = document.getElementById(`username${user.id}`);
+			if (username !== null)
+				username.style.color = this.online_users[user.id] !== undefined ? "green" : "red";
+		});
+
+	}
+
 	async display_chat(logged, profiles)
 	{
 		let reloads = ["members", "messages"];
@@ -160,7 +187,8 @@ export default class extends AbstractView {
 		invite.id = "invite";
 		invite.innerText = "invite";
 		invite.onclick = async () => {
-
+			await client.notice.sendInvite(client.me.id, 
+				client.channels.channel.members_id.filter(id => id !== client.me.id));
 		};
 		chat.appendChild(invite);
 
@@ -238,6 +266,7 @@ export default class extends AbstractView {
 		if (client.channels.channel != undefined)
 			client.channels.channel.disconnect();
 		client.channels.channel = undefined;
+
 	}
 
     async getHtml() {