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

css_modal_members_signature_ok

Browse Source
This commit is contained in:
Pascal 2025-01-29 17:03:14 +01:00
parent ec1bdd61cc
commit dfb6212bef
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/style/chat.css
View File

@ -470,7 +470,7 @@ body {
} }
.modal-content { .modal-content {
background: var(--background-color); background-color: var(--secondary-color);
padding: 20px; padding: 20px;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
@ -492,6 +492,15 @@ body {
color: var(--accent-color); color: var(--accent-color);
} }
.modal-members {
display: flex;
justify-content: space-between;
}
.modal-members ul li{
list-style: none;
}
#message-input { #message-input {
width: 100%; width: 100%;
height: 50px; height: 50px;

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

@ -1154,10 +1154,12 @@ class ChatElement extends HTMLElement {
<div class="modal-content"> <div class="modal-content">
<h2>New Request for ${emoji}</h2> <h2>New Request for ${emoji}</h2>
<button class="close-modal">&times;</button> <button class="close-modal">&times;</button>
<h2>To:</h2> <div class="modal-members">
<ul class="members-list-modal"> <h2>To:</h2>
<ul class="members-list-modal">
${membersList} ${membersList}
</ul> </ul>
</div>
<div class="modal-body"> <div class="modal-body">
<textarea id="message-input" placeholder="Write your message here..."></textarea> <textarea id="message-input" placeholder="Write your message here..."></textarea>
<input type="file" id="file-input" placeholder="Select a file"> <input type="file" id="file-input" placeholder="Select a file">
@ -1180,9 +1182,8 @@ class ChatElement extends HTMLElement {
private async generateMembersList(members: string[]) { private async generateMembersList(members: string[]) {
let html = ''; let html = '';
for (const member of members) { for (const member of members) {
console.log("Je suis le membre :", member);
const emoji = await addressToEmoji(member); const emoji = await addressToEmoji(member);
html += `<li>${emoji}</li>`; html += `<li>${emoji}<input type="checkbox" class="member-checkbox" data-member="${member}"></li>`;
} }
return html; return html;
} }