Add getting charlist on frontend

This commit is contained in:
fullgream 2025-08-17 23:58:18 +03:00
parent cc2ed1c277
commit 6add83075c
2 changed files with 30 additions and 7 deletions

View File

@ -109,8 +109,29 @@ class ApiHTML {
document.getElementById("server.area").innerHTML = '';
$(document.getElementById("server.area")).append(ServerAuth.mainMenuForm);
// JS-Events
const charactersEvents = await this.api.methods.characters();
console.debug({ charactersEvents });
this.api.methods.characters()
.then(characters => {
const addCharBtn = document.createElement("button");
addCharBtn.setAttribute("type", "button");
["btn", "btn-success", "btn-outline-light"].forEach(c =>
addCharBtn.classList.add(c));
const charlist = $.find("#user-charlist")[0];
for (let character of characters) {
// TODO: Create add chars to charlist
}
charlist.append(addCharBtn);
// Display
$.find("#mainmenu-load")[0].hidden = true;
$.find("#main-panel")[0].hidden = false;
}).catch(err => {
// Logging error
console.error(err.stack);
// Display
$.find("#mainmenu-load")[0].hidden = true;
$.find("#mainmenu-error")[0].hidden = false;
});
}
async renderAuth (authMode, bgUrl = null, favicon = null) {

View File

@ -101,17 +101,17 @@ ServerAuth.mainMenuForm.innerHTML = `
</div>
</div>
<div id="main-panel" >
<div id="main-panel" hidden>
<div id="main-content">
<center><h2>Your Profile</h2></center><hr/>
<div class="flex-box">
<div class="characters-menu">
<center><h4>Characters</h4></center>
<div class="user-character-list btn-group-vertical charlist-item" role="group" aria-label="Characters">
<button type="button" class="btn btn-dark btn-outline-light">
<div id="user-charlist" class="user-character-list btn-group-vertical charlist-item" role="group" aria-label="Characters">
<!--<button type="button" class="btn btn-dark btn-outline-light">
<div class="flex-box"><img src="https://fullgream.tech/assets/contacts-image.jpg" class="avatar-on-charlist" /><h5>John Doe</h5></div>
</button>
<button type="button" class="btn btn-success btn-outline-light">Add character</button>
<button type="button" class="btn btn-success btn-outline-light">Add character</button>-->
</div>
</div>
<div class="character-menu">
@ -123,5 +123,7 @@ ServerAuth.mainMenuForm.innerHTML = `
</div>
</div>
<div id="mainmenu-load" hidden><center>Loading...</center></div>
<div id="mainmenu-load"><center>Loading...</center></div>
<div id="mainmenu-error"><center>Throwed error</center></div>
`;