4nk/ihm_client
5
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

css_not_ok

Browse Source
This commit is contained in:
Pascal 2025-01-22 15:34:51 +01:00
parent b6a53ab0b3
commit 2be46741ed
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/style/chat.css
View File

@ -330,6 +330,10 @@ body {
color: var(--primary-color); color: var(--primary-color);
} }
.my-process {
background-color: var(--accent-color);
}
#message-input { #message-input {
width: 100%; width: 100%;
height: 50px; height: 50px;

12
src/pages/chat/chat.ts
View File

@ -792,12 +792,13 @@ class ChatElement extends HTMLElement {
}); });
for (const process of processResult) { for (const process of processResult) {
//console.log('🎯 Processing process:', process);
const li = document.createElement('li'); const li = document.createElement('li');
li.className = 'group-list-item'; li.className = 'group-list-item';
const oneProcess = process.states[0].commited_in; const oneProcess = process.states[0].commited_in;
// Si le processus est dans notre Set, ajouter une classe spéciale
if (processSet?.has(oneProcess)) { if (processSet?.has(oneProcess)) {
li.classList.add('my-process');
console.log("Je suis le processus dans le set :" ,oneProcess); console.log("Je suis le processus dans le set :" ,oneProcess);
} }
@ -913,6 +914,7 @@ class ChatElement extends HTMLElement {
//fonction qui renvoie les processus où le sp_adress est impliqué //fonction qui renvoie les processus où le sp_adress est impliqué
private async getProcessesWhereTheCurrentMemberIs() { private async getProcessesWhereTheCurrentMemberIs() {
const service = await Services.getInstance(); const service = await Services.getInstance();
try { try {
const currentMember = await service.getMemberFromDevice(); const currentMember = await service.getMemberFromDevice();
@ -940,6 +942,7 @@ class ChatElement extends HTMLElement {
} }
} }
this.userProcessesSet = processSet;
console.log("Ensemble des processus :", processSet); console.log("Ensemble des processus :", processSet);
return processSet; return processSet;
} catch (e) { } catch (e) {
@ -1257,17 +1260,13 @@ class ChatElement extends HTMLElement {
async connectedCallback() { async connectedCallback() {
this.processId = this.getAttribute('process-id'); this.processId = this.getAttribute('process-id');
//const processSet = await this.getProcessesWhereTheCurrentMemberIs();
//this.userProcessesSet = processSet || null;
//console.log("📋 ProcessSet chargé:", this.userProcessesSet);
if (this.processId) { if (this.processId) {
console.log("🔍 Chargement du chat avec processID"); console.log("🔍 Chargement du chat avec processID");
await this.loadGroupListFromAProcess(this.processId); await this.loadGroupListFromAProcess(this.processId);
} else { } else {
console.log("🔍 Chargement des processus par défaut"); console.log("🔍 Chargement des processus par défaut");
await this.loadAllProcesses();
await this.getProcessesWhereTheCurrentMemberIs(); await this.getProcessesWhereTheCurrentMemberIs();
await this.loadAllProcesses();
} }
if (this.selectedMember && this.selectedMember.length > 0) { if (this.selectedMember && this.selectedMember.length > 0) {
@ -1277,7 +1276,6 @@ class ChatElement extends HTMLElement {
console.warn('⚠️ No member selected yet. Waiting for selection...'); console.warn('⚠️ No member selected yet. Waiting for selection...');
} }
} }
} }
customElements.define('chat-element', ChatElement); customElements.define('chat-element', ChatElement);