mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
update user image in chat list
This commit is contained in:
parent
5c21d4521c
commit
3ebd49fad4
1 changed files with 18 additions and 1 deletions
|
@ -885,16 +885,19 @@ update_chat = function (obj) {
|
||||||
var callsign_selected = "active show";
|
var callsign_selected = "active show";
|
||||||
//document.getElementById('chatModuleDxCall').value = dxcallsign;
|
//document.getElementById('chatModuleDxCall').value = dxcallsign;
|
||||||
selected_callsign = dxcallsign;
|
selected_callsign = dxcallsign;
|
||||||
|
|
||||||
//get user information
|
//get user information
|
||||||
getSetUserInformation(selected_callsign);
|
getSetUserInformation(selected_callsign);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getSetUserInformation(dxcallsign)
|
||||||
var new_callsign = `
|
var new_callsign = `
|
||||||
<a class="list-group-item list-group-item-action rounded-4 rounded-top rounded-bottom border-1 mb-2 ${callsign_selected}" id="chat-${dxcallsign}-list" data-bs-toggle="list" href="#chat-${dxcallsign}" role="tab" aria-controls="chat-${dxcallsign}">
|
<a class="list-group-item list-group-item-action rounded-4 rounded-top rounded-bottom border-1 mb-2 ${callsign_selected}" id="chat-${dxcallsign}-list" data-bs-toggle="list" href="#chat-${dxcallsign}" role="tab" aria-controls="chat-${dxcallsign}">
|
||||||
|
|
||||||
<div class="d-flex w-100 justify-content-between">
|
<div class="d-flex w-100 justify-content-between">
|
||||||
<div class="rounded-circle p-0">
|
<div class="rounded-circle p-0">
|
||||||
<i class="bi bi-person-circle p-1" style="font-size:2rem;"></i>
|
<img id="user-image-${dxcallsign}" class="p-1 rounded-circle w-50" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCA4YTggOCAwIDEgMSAxNiAwQTggOCAwIDAgMSAwIDh6bTgtN2E3IDcgMCAwIDAtNS40NjggMTEuMzdDMy4yNDIgMTEuMjI2IDQuODA1IDEwIDggMTBzNC43NTcgMS4yMjUgNS40NjggMi4zN0E3IDcgMCAwIDAgOCAxeiIvPgo8L3N2Zz4="></img>
|
||||||
|
<!--<i class="bi bi-person-circle p-1" style="font-size:2rem;"></i>-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h5 class="mb-1">${dxcallsign}</h5>
|
<h5 class="mb-1">${dxcallsign}</h5>
|
||||||
|
@ -906,6 +909,9 @@ update_chat = function (obj) {
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
document
|
document
|
||||||
.getElementById("list-tab")
|
.getElementById("list-tab")
|
||||||
.insertAdjacentHTML("beforeend", new_callsign);
|
.insertAdjacentHTML("beforeend", new_callsign);
|
||||||
|
@ -1734,6 +1740,11 @@ function getSetUserInformation(selected_callsign) {
|
||||||
document.getElementById("dx_user_info_comments").innerHTML =
|
document.getElementById("dx_user_info_comments").innerHTML =
|
||||||
data.user_info_comments;
|
data.user_info_comments;
|
||||||
document.getElementById("dx_user_info_image").src = data.user_info_image;
|
document.getElementById("dx_user_info_image").src = data.user_info_image;
|
||||||
|
document.getElementById("user-image-" + selected_callsign).src = data.user_info_image;
|
||||||
|
document.getElementById("user-image-" + selected_callsign).className =
|
||||||
|
"p-1 rounded-circle w-50";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
document.getElementById("dx_user_info_gridsquare").className = "";
|
document.getElementById("dx_user_info_gridsquare").className = "";
|
||||||
document.getElementById("dx_user_info_name").className =
|
document.getElementById("dx_user_info_name").className =
|
||||||
|
@ -1751,6 +1762,12 @@ function getSetUserInformation(selected_callsign) {
|
||||||
.catch(function (err) {
|
.catch(function (err) {
|
||||||
document.getElementById("dx_user_info_image").src =
|
document.getElementById("dx_user_info_image").src =
|
||||||
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWJvdW5kaW5nLWJveCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMS41IDFhLjUuNSAwIDAgMC0uNS41djNhLjUuNSAwIDAgMS0xIDB2LTNBMS41IDEuNSAwIDAgMSAxLjUgMGgzYS41LjUgMCAwIDEgMCAxaC0zek0xMSAuNWEuNS41IDAgMCAxIC41LS41aDNBMS41IDEuNSAwIDAgMSAxNiAxLjV2M2EuNS41IDAgMCAxLTEgMHYtM2EuNS41IDAgMCAwLS41LS41aC0zYS41LjUgMCAwIDEtLjUtLjV6TS41IDExYS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDAgLjUuNWgzYS41LjUgMCAwIDEgMCAxaC0zQTEuNSAxLjUgMCAwIDEgMCAxNC41di0zYS41LjUgMCAwIDEgLjUtLjV6bTE1IDBhLjUuNSAwIDAgMSAuNS41djNhMS41IDEuNSAwIDAgMS0xLjUgMS41aC0zYS41LjUgMCAwIDEgMC0xaDNhLjUuNSAwIDAgMCAuNS0uNXYtM2EuNS41IDAgMCAxIC41LS41eiIvPgogIDxwYXRoIGQ9Ik0zIDE0cy0xIDAtMS0xIDEtNCA2LTQgNiAzIDYgNC0xIDEtMSAxSDN6bTgtOWEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6Ii8+Cjwvc3ZnPg==";
|
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWJvdW5kaW5nLWJveCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMS41IDFhLjUuNSAwIDAgMC0uNS41djNhLjUuNSAwIDAgMS0xIDB2LTNBMS41IDEuNSAwIDAgMSAxLjUgMGgzYS41LjUgMCAwIDEgMCAxaC0zek0xMSAuNWEuNS41IDAgMCAxIC41LS41aDNBMS41IDEuNSAwIDAgMSAxNiAxLjV2M2EuNS41IDAgMCAxLTEgMHYtM2EuNS41IDAgMCAwLS41LS41aC0zYS41LjUgMCAwIDEtLjUtLjV6TS41IDExYS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDAgLjUuNWgzYS41LjUgMCAwIDEgMCAxaC0zQTEuNSAxLjUgMCAwIDEgMCAxNC41di0zYS41LjUgMCAwIDEgLjUtLjV6bTE1IDBhLjUuNSAwIDAgMSAuNS41djNhMS41IDEuNSAwIDAgMS0xLjUgMS41aC0zYS41LjUgMCAwIDEgMC0xaDNhLjUuNSAwIDAgMCAuNS0uNXYtM2EuNS41IDAgMCAxIC41LS41eiIvPgogIDxwYXRoIGQ9Ik0zIDE0cy0xIDAtMS0xIDEtNCA2LTQgNiAzIDYgNC0xIDEtMSAxSDN6bTgtOWEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6Ii8+Cjwvc3ZnPg==";
|
||||||
|
document.getElementById("user-image-" + selected_callsign).src = src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCA4YTggOCAwIDEgMSAxNiAwQTggOCAwIDAgMSAwIDh6bTgtN2E3IDcgMCAwIDAtNS40NjggMTEuMzdDMy4yNDIgMTEuMjI2IDQuODA1IDEwIDggMTBzNC43NTcgMS4yMjUgNS40NjggMi4zN0E3IDcgMCAwIDAgOCAxeiIvPgo8L3N2Zz4="
|
||||||
|
document.getElementById("user-image-" + selected_callsign).className =
|
||||||
|
"p-1 rounded-circle w-100";
|
||||||
|
document.getElementById("user-image-" + selected_callsign).style =
|
||||||
|
"height:60px";
|
||||||
|
|
||||||
|
|
||||||
document.getElementById("dx_user_info_gridsquare").className =
|
document.getElementById("dx_user_info_gridsquare").className =
|
||||||
"placeholder col-4";
|
"placeholder col-4";
|
||||||
|
|
Loading…
Reference in a new issue