From 6add83075c718e05dcce9a81317cfe4cc593919d Mon Sep 17 00:00:00 2001
From: fullgream <fullgream@i2pmail.org>
Date: Sun, 17 Aug 2025 23:58:18 +0300
Subject: [PATCH] Add getting charlist on frontend

---
 server/frontend/public/js/connect/api.js  | 25 +++++++++++++++++++++--
 server/frontend/public/js/connect/auth.js | 12 ++++++-----
 2 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/server/frontend/public/js/connect/api.js b/server/frontend/public/js/connect/api.js
index 51851a7..4bd51e8 100644
--- a/server/frontend/public/js/connect/api.js
+++ b/server/frontend/public/js/connect/api.js
@@ -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) {
diff --git a/server/frontend/public/js/connect/auth.js b/server/frontend/public/js/connect/auth.js
index fe3987b..c3dbbf6 100644
--- a/server/frontend/public/js/connect/auth.js
+++ b/server/frontend/public/js/connect/auth.js
@@ -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>
 `;