Update login.html

Server21 · web-flow · commit a699bc3be94b · 2025-03-25T18:15:14.000+01:00
Signed-off-by: Server Tutorial &lt;servertutorial45@gmail.com&gt;
diff --git a/Best/login.html b/Best/login.html
@@ -66,6 +66,12 @@
         color: red;
         text-align: center;
       }
+      /* Stile per l'icona di donazione */
+      .donation-icon {
+        max-width: 40px;
+        vertical-align: middle;
+        margin-right: 8px;
+      }
     </style>
   </head>
   <body>
@@ -80,11 +86,10 @@ <h2>Accedi per visualizzare i giochi</h2>
           <label for="password">Password:</label>
           <input type="password" id="password" name="password" required />
         </div>
+        <!-- Sezione donazione: verrà popolata dinamicamente tramite version.json -->
         <div id="donation-section">
-          <!-- Il campo donazione viene visualizzato solo per account che non hanno già attivato l'abbonamento -->
-          <p class="info">Per attivare l'abbonamento è richiesta una donazione.</p>
-          <label for="donation">Importo donazione (minimo 5€):</label>
-          <input type="number" id="donation" name="donation" min="5" step="any" />
+          <!-- Il contenuto statico viene sostituito dal fetch al file version.json -->
+          <p class="info">Caricamento informazioni donazione...</p>
         </div>
         <button type="submit">Accedi</button>
       </form>
@@ -93,6 +98,7 @@ <h2>Accedi per visualizzare i giochi</h2>
 
     <script>
       let accountsData = null;
+      let versionData = null;
 
       // Funzione per caricare i dati degli account da remoto
       async function fetchAccounts() {
@@ -108,27 +114,64 @@ <h2>Accedi per visualizzare i giochi</h2>
           console.error(error);
         }
       }
+
+      // Funzione per caricare i dati di versione/donazione
+      async function fetchVersionInfo() {
+        try {
+          const response = await fetch(
+            "https://raw.githubusercontent.com/Server21/PCGames/refs/heads/main/version.json"
+          );
+          if (!response.ok) throw new Error("Errore di rete");
+          versionData = await response.json();
+          updateDonationSection();
+        } catch (error) {
+          console.error("Errore nel caricamento delle info di versione:", error);
+        }
+      }
+
+      // Aggiorna il blocco donazione con i dati caricati in version.json
+      function updateDonationSection() {
+        const donationSection = document.getElementById("donation-section");
+        if (versionData) {
+          donationSection.innerHTML = `
+            <p class="info">
+              <img src="${versionData.icon_link}" alt="Icona donazione" class="donation-icon"> 
+              ${versionData.donation_message}
+            </p>
+            <label for="donation">Importo donazione (minimo 5€):</label>
+            <input type="number" id="donation" name="donation" min="5" step="any" />
+            <p>
+              <a href="${versionData.donation_link}" target="_blank">Effettua la donazione</a>
+            </p>
+          `;
+        }
+      }
+
+      // Inizializza il fetch dei dati
       fetchAccounts();
+      fetchVersionInfo();
 
-      // In base all'username inserito, mostra o nasconde la sezione donazione
+      // Mostra o nasconde la sezione donazione in base all'account
       document.getElementById("username").addEventListener("blur", function () {
         if (!accountsData) return;
         const username = this.value.trim();
         const donationSection = document.getElementById("donation-section");
-        // Se l'account esiste e ha proprietà "expires", non è richiesta la donazione
+        // Se l'account esiste ed è già attivo (ha proprietà "expires"), nascondiamo la sezione donazione
         if (username in accountsData && typeof accountsData[username] === "object") {
           donationSection.style.display = "none";
         } else {
           donationSection.style.display = "block";
         }
       });
 
-      // Gestione del submit con async/await
+      // Gestione del submit del form con async/await
       document.getElementById("login-form").addEventListener("submit", async (e) => {
         e.preventDefault();
         const username = document.getElementById("username").value.trim();
         const passwordInput = document.getElementById("password").value;
-        const donationValue = document.getElementById("donation").value;
+        const donationValue = document.getElementById("donation")
+          ? document.getElementById("donation").value
+          : "";
         const errorDiv = document.getElementById("error-message");
 
         if (!accountsData) {
