checkVIP + mc username on home

package.json

@@ -1,7 +1,7 @@
 {
     "name": "launcher",
     "preductname": "Almyria Launcher",
-    "version": "1.0.8",
+    "version": "1.0.9",
     "description": "Launcher pour le serveur AlmyriaCraft",
     "main": "src/app.js",
     "author": "Luuxis, LeWarpy <coucou@lewarpy.fr",

src/assets/css/panels/home.css

@@ -320,4 +320,22 @@
 .center {
     display: table-cell;
     vertical-align: middle;
+}
+
+.player-info  {
+    position: absolute;
+    font: normal normal bold 17px/25px Roboto;
+    color: #E1E1E1;
+    top: 22px;
+    left: 90px;
+    transition: color .2s;
+}
+
+.player-username {
+    position: absolute;
+    font: normal normal bold 17px/25px Roboto;
+    color: #E1E1E1;
+    top: 22px;
+    left: 90px;
+    transition: color .2s;
 }

src/assets/js/launcher.js

@@ -31,11 +31,14 @@ class Launcher {
             this.createPanels(Login, Home, Settings);
             this.getaccounts();
         } else if (this.launcher == 2) {
-            console.log("Launcher is on staff only");
+            console.log("Launcher is on staff only mode");
             let staff = await config.GetStaffUsernames().then(res => res);
             let username = (await this.database.getAll('accounts'))[0]?.value?.uuid;
-            console.log(username);
-            if (staff.includes(username)) {
+            if (username === undefined) {
+                this.createPanels(Login, Home, Settings);
+                document.querySelector(".preload-content").style.display = "none";
+                changePanel("login");
+            } else if (staff.includes(username)) {
                 this.createPanels(Login, Home, Settings);
                 this.getaccounts();
             } else {

src/assets/js/utils.js

@@ -50,14 +50,24 @@ function accountSelect(uuid) {
     headplayer(pseudo, uuid);
 }
 
-function headplayer(pseudo, uuid) {
+async function isVIP(uuid) {
+    try {
+        const { data: response } = await axios.get(`https://api.almyria.fr/minecraft/checkvip/` + uuid); 
+        return response;
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+async function headplayer(pseudo, uuid) {
     document.querySelector(".player-head").style.backgroundImage = `url(https://minotar.net/helm/${pseudo}/100)`;
-    //Add border to the head
-    axios.get(`https://api.almyria.fr/minecraft/checkvip/` + uuid).then(res => {
-        if (res.data == true) {
-            document.querySelector(".player-head").style.border = "3px solid gold";
-        } else {
-            document.querySelector(".player-head").style.border = "2px solid #ffffff";
-        }
-    })
+    document.querySelector(".player-username").textContent = pseudo;
+
+    const checkVIP = await isVIP(uuid);
+
+    if (checkVIP == true) {
+        document.querySelector(".player-head").style.border = "3px solid gold";
+    } else {
+        document.querySelector(".player-head").style.border = "2px solid #ffffff";
+    }
 }

src/panels/home.html

@@ -1,6 +1,8 @@
 <div class="home-content">
     <div class="bottom-bar-home">
         <button class="player-head"></button>
+        <div class="player-username">Pseudo</div>
+
         <button class="settings-btn icon-settings"></button>
 
         <div class="play-element">