diff --git a/tools/server/public_simplechat/index.html b/tools/server/public_simplechat/index.html
index 91e69d269a..35ca8a9ee0 100644
--- a/tools/server/public_simplechat/index.html
+++ b/tools/server/public_simplechat/index.html
@@ -61,9 +61,12 @@
-
diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css
index bcb736d2bb..219e49d919 100644
--- a/tools/server/public_simplechat/simplechat.css
+++ b/tools/server/public_simplechat/simplechat.css
@@ -122,9 +122,9 @@ body {
max-width: fit-content;
max-height: 20vh;
}
-.user-in-img {
- max-width: 20vmin;
- max-height: 20vmin;
+#user-in-imgs img {
+ max-width: 12vmin;
+ max-height: 12vmin;
}
#popover-chatmsg {
position:fixed;
diff --git a/tools/server/public_simplechat/simplechat.js b/tools/server/public_simplechat/simplechat.js
index bbd009b8b7..4be599da57 100644
--- a/tools/server/public_simplechat/simplechat.js
+++ b/tools/server/public_simplechat/simplechat.js
@@ -1064,6 +1064,7 @@ class MultiChatUI {
this.elDivChat = /** @type{HTMLDivElement} */(document.getElementById("chat-div"));
this.elBtnUser = /** @type{HTMLButtonElement} */(document.getElementById("user-btn"));
this.elInUser = /** @type{HTMLInputElement} */(document.getElementById("user-in"));
+ this.elDivUserInImgs = /** @type{HTMLSelectElement} */(document.getElementById("user-in-imgs"));
this.elDivHeading = /** @type{HTMLSelectElement} */(document.getElementById("heading"));
this.elDivSessions = /** @type{HTMLDivElement} */(document.getElementById("sessions-div"));
this.elBtnSettings = /** @type{HTMLButtonElement} */(document.getElementById("settings"));
@@ -1172,26 +1173,28 @@ class MultiChatUI {
*/
dataurl_plus_add(dataUrl) {
if (typeof(dataUrl) == 'string') {
- //this.me.dataURLs.push(dataUrl)
+ this.me.dataURLs.push(dataUrl)
this.me.dataURLs[0] = dataUrl
- this.elInFileX.elImg.src = dataUrl
+ let elImg = document.createElement('img')
+ elImg.src = dataUrl
+ this.elDivUserInImgs.appendChild(elImg)
}
}
/**
* Get the stored dataUrl
+ * @param {number} index
*/
- dataurl_get() {
- //this.me.dataURLs.pop()
- return /** @type{string} */(this.me.dataURLs[0])
+ dataurl_get(index) {
+ return /** @type{string} */(this.me.dataURLs[index])
}
/**
* Clear dataUrls, as well as clear Image.
*/
dataurl_plus_clear() {
- this.elInFileX.elImg.src = "";
this.me.dataURLs.length = 0;
+ this.elDivUserInImgs.replaceChildren()
}
/**
@@ -1669,7 +1672,7 @@ class MultiChatUI {
try {
let image = undefined
if (this.me.dataURLs.length > 0) {
- image = this.dataurl_get()
+ image = this.dataurl_get(0)
}
this.chatmsg_addsmart_uishow(chat.chatId, new ChatMessageEx(new NSChatMessage(Roles.User, content, undefined, undefined, undefined, undefined, image)))
} catch (err) {