FIX - Maintenance (no staff skip)

src/assets/css/launcher.css

@@ -3,6 +3,7 @@
 @import 'panels/login.css';
 @import 'panels/home.css';
 @import 'panels/settings.css';
+@import 'panels/maintenance.css';
 
 body {
     margin: 0;

src/assets/css/panels/maintenance.css

@@ -0,0 +1,23 @@
+.maintenance .container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}
+
+.maintenance-tabs {
+    position: absolute;
+    padding: 15px;
+    background: var(--background);
+    border-radius: 15px;
+    text-align: center;
+    min-width: 40%;
+}
+
+.maintenance-text {
+    font-size: 1.3rem;
+}
+
+.store {
+    text-decoration: underline;
+}

src/assets/js/launcher.js

@@ -27,6 +27,10 @@ class Launcher {
         if (await this.config.error) return this.errorConnect()
         this.db = new database();
         await this.initConfigClient();
+        if (this.config.maintenance == true) {
+            this.createPanels(Maintenance);
+            return changePanel('maintenance');
+        }
         this.createPanels(Login, Home, Settings);
         this.startLauncher();
     }
@@ -144,7 +148,7 @@ class Launcher {
                     console.log(`Account Type: ${account.meta.type} | Username: ${account.name}`);
                     popupRefresh.openPopup({
                         title: 'Connexion',
-                        content: `Refresh account Type: ${account.meta.type} | Username: ${account.name}`,
+                        content: `Connecté·e en tant que ${account.name}`,
                         color: 'var(--color)',
                         background: false
                     });

src/assets/js/panels/maintenance.js

@@ -3,18 +3,23 @@
  * @license CC-BY-NC 4.0 - https://creativecommons.org/licenses/by-nc/4.0/
  */
 
-'use strict';
+import { config } from '../utils.js'
 
-import { database } from '../utils.js';
 const { ipcRenderer } = require('electron');
 
 class Maintenance {
     static id = "maintenance";
     async init() {
-        this.database = await new database().init();
+        this.config = config;
+        this.initMsg();
         this.initBtn();
     }
 
+    async initMsg() {
+        let maintenance_message = await config.GetConfig().then(res => res.maintenance_message).catch(err => err) || "Le launcher est en maintenance, veuillez réessayer plus tard.";
+        if (maintenance_message) document.querySelector("#maintenance_message").innerHTML = maintenance_message;
+    }
+
     initBtn() {
         document.querySelector("#maintenance").addEventListener("click", () => {
             ipcRenderer.send("main-window-close");

src/panels/maintenance.html

@@ -1,8 +1,14 @@
-<div class="login-content">
-    <div class="login-card">
+<style>
+p, h2 {
+    color: #fff;
+}
+</style>
+<div class="container dark">
+    <div class="maintenance-home maintenance-tabs">
         <img style="height: 120px" src="assets/images/logo/AO.png">
         <hr>
-        <h2>Oops, c'est pas prêt !</h2><p>Le launcher est actuellement en maintenance, veuillez réessayer plus tard.</p>
-        <button id="maintenance" class="login-btn">Fermer</button>
+        <h2>Oops, c'est pas prêt !</h2>
+        <p id="maintenance_message"></p>
+        <button id="maintenance" class="cancel cancel-home">Fermer</button>
     </div>
 </div>