user information

server/front/main/index.html

@@ -12,12 +12,16 @@
             <form id="logoutForm">
                 <button type="submit">Logout</button>
             </form>
-            <h2>data</h2>
-            <form action="#" method="POST">
-                <p>Data</p>
+            <h2 id ="Account_Email">data</h2>
+            <form>
+                <p id = "Account_Description">Data</p>
+                <p id = "Account_Activated">Data</p>
+                <p id = "Account_Created">Data</p>
+                
             </form>
         </div>
     </div>
     <script src="js.js"></script>
+    <script type="module" src="profile.js"></script>
 </body>
 </html>

server/front/main/profile.js

@@ -0,0 +1,45 @@
+async function loadUser() {
+    try {
+        const token = getToken();
+        const response = await fetch("http://localhost:8000/me", {
+            method: "GET",
+            headers: {
+                "Authorization": `Bearer ${token}`
+            }
+        });
+
+        if (!response.ok) {
+            throw new Error("Unauthorized");
+        }
+
+        const data = await response.json();
+        console.log("User info:", data);
+        show_data(data)
+    } catch (err) {
+        showError(["Connection error"]);
+    }
+    
+}
+loadUser();
+function show_data(data) {
+    const emailElem = document.getElementById('Account_Email');
+    if (emailElem) {
+        emailElem.textContent = data.email;
+    }
+
+    const descElem = document.getElementById('Account_Description');
+    if (descElem) {
+        descElem.textContent = data.description || "—";
+    }
+
+    const activatedElem = document.getElementById('Account_Activated');
+    if (activatedElem) {
+        activatedElem.textContent = `Active: ${data.activated ? "Yes" : "No"}`;
+    }
+
+    const createdElem = document.getElementById('Account_Created');
+    if (createdElem) {
+        // красиво обрезать дату
+        createdElem.textContent = new Date(data.created_at).toLocaleString();
+    }
+}