fullgream/ai-adventure-labs
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Add getting charlist on frontend

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
server/frontend/public/js/connect/api.js
View File

@ -109,8 +109,29 @@ class ApiHTML {
document.getElementById("server.area").innerHTML = ''; document.getElementById("server.area").innerHTML = '';
$(document.getElementById("server.area")).append(ServerAuth.mainMenuForm); $(document.getElementById("server.area")).append(ServerAuth.mainMenuForm);
// JS-Events // JS-Events
const charactersEvents = await this.api.methods.characters(); this.api.methods.characters()
console.debug({ charactersEvents }); .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) { async renderAuth (authMode, bgUrl = null, favicon = null) {

12
server/frontend/public/js/connect/auth.js
View File

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