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

css_send_ok

Browse Source
This commit is contained in:
Pascal 2025-01-09 17:59:10 +01:00
parent c158a182b3
commit 880ae45c2c
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -396,7 +396,8 @@ class ChatElement extends HTMLElement {
sender: myAddresses[0], sender: myAddresses[0],
text: messageText, text: messageText,
time: formattedTime, time: formattedTime,
type: 'text' as const type: 'text',
class: 'message user'
}; };
if (this.selectedMemberId) { if (this.selectedMemberId) {
@ -538,7 +539,7 @@ class ChatElement extends HTMLElement {
} }
const messageContent = document.createElement('div'); const messageContent = document.createElement('div');
messageContent.className = 'message'; messageContent.className = message.class || 'message';
if (message.type === 'file') { if (message.type === 'file') {
messageContent.innerHTML = ` messageContent.innerHTML = `
@ -861,8 +862,7 @@ class ChatElement extends HTMLElement {
// Send a file // Send a file
private async sendFile(file: File) { private async sendFile(file: File) {
// Ajouter une vérification de la taille avant la conversion en base64 const MAX_FILE_SIZE = 1 * 1024 * 1024;
const MAX_FILE_SIZE = 1 * 1024 * 1024; // Réduire à 1MB pour éviter les problèmes de quota
if (file.size > MAX_FILE_SIZE) { if (file.size > MAX_FILE_SIZE) {
alert('Le fichier est trop volumineux. Taille maximum : 1MB'); alert('Le fichier est trop volumineux. Taille maximum : 1MB');
return; return;
@ -874,7 +874,6 @@ class ChatElement extends HTMLElement {
throw new Error('No paired member found'); throw new Error('No paired member found');
} }
// Compresser l'image si c'est une image
let fileData: string; let fileData: string;
if (file.type.startsWith('image/')) { if (file.type.startsWith('image/')) {
fileData = await this.compressImage(file); fileData = await this.compressImage(file);
@ -882,17 +881,16 @@ class ChatElement extends HTMLElement {
fileData = await this.readFileAsBase64(file); fileData = await this.readFileAsBase64(file);
} }
// Créer un message avec un texte descriptif au lieu du fileData
const newMessage = { const newMessage = {
id: Date.now(), id: Date.now(),
sender: myAddresses[0], sender: myAddresses[0],
text: `Fichier envoyé: ${file.name}`, // Ajouter un texte descriptif text: `Fichier envoyé: ${file.name}`,
fileName: file.name, fileName: file.name,
time: new Date().toLocaleString('fr-FR'), time: new Date().toLocaleString('fr-FR'),
type: 'file' as const type: 'file',
class: 'message user'
}; };
// Stocker le fileData séparément
try { try {
const fileKey = `file_${newMessage.id}`; const fileKey = `file_${newMessage.id}`;
localStorage.setItem(fileKey, fileData); localStorage.setItem(fileKey, fileData);
@ -907,7 +905,6 @@ class ChatElement extends HTMLElement {
this.messagesMock = messageStore.getMessages(); this.messagesMock = messageStore.getMessages();
} }
// Récupérer le process_id du parent (conversation)
const groupItem = this.shadowRoot?.querySelector('[data-process-id]'); const groupItem = this.shadowRoot?.querySelector('[data-process-id]');
const parentProcessId = groupItem?.getAttribute('data-process-id'); const parentProcessId = groupItem?.getAttribute('data-process-id');