Nouveau système de cache (les pages chargent plus rapidement)

OlopTech · Aug 19, 2023 · 1ca5a64 · 1ca5a64
1 parent 60da1a0
commit 1ca5a64
Show file tree

Hide file tree

Showing 6 changed files with 90 additions and 25 deletions.
diff --git a/Olop b/Olop
diff --git a/Olop.pro.user b/Olop.pro.user
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE QtCreatorProject>
-<!-- Written by QtCreator 11.0.1, 2023-08-16T11:26:12. -->
+<!-- Written by QtCreator 11.0.1, 2023-08-19T19:53:16. -->
 <qtcreator>
  <data>
   <variable>EnvironmentId</variable>

diff --git a/assets.qrc b/assets.qrc
@@ -12,5 +12,6 @@
         <file>assets/Store.html</file>
         <file>assets/settings.html</file>
         <file>assets/Olop.js</file>
+        <file>assets/pages.txt</file>
     </qresource>
 </RCC>
diff --git a/assets/index.html b/assets/index.html
@@ -429,24 +429,78 @@
         var themeMode = 1;
         var FirstTATheme = 21;
         var secondTATheme = 8;
+        var pageCache = {};
+        var useCache = 1;
 
         function loadPage(page) {
-            var loader = $("#loader");
-            var content = $("#content");
-            loader.show();
-            content.hide();
-
-            content.load(page + ".html", function(response, status, xhr) {
-                loader.hide();
-                if (status === "error") {
-                    var errorMessage = "Erreur: " + xhr.status + " " + xhr.statusText;
-                    showNotification(-1, "Erreur "+xhr.status, errorMessage);
-                } else {
-                    content.show();
+    var loader = $("#loader");
+    var content = $("#content");
+
+    loader.show();
+    content.hide();
+
+    if (useCache === 1 && pageCache[page]) {
+        content.html(pageCache[page]);
+        loader.hide();
+        content.show();
+    } else {
+        content.load(page + ".html", function(response, status, xhr) {
+            loader.hide();
+            if (status === "error") {
+                var errorMessage = "Erreur: " + xhr.status + " " + xhr.statusText;
+                showNotification(-1, "Erreur "+xhr.status, errorMessage);
+            } else {
+                if (useCache === 1) {
+                    // Si useCache est défini à 1, stockez le contenu chargé dans le cache
+                    pageCache[page] = response;
                 }
-            });
-        }
+                content.show();
+            }
+        });
+    }
+}
+
+function preloadPage(page) {
+    if (useCache === 1) {
+    $.get(page + ".html", function(response) {
+        pageCache[page] = response;
+    });
+}
+}
+
+function clearPageCache() {
+    pageCache = {};
+}
+
+function preloadAllPages() {
+    return new Promise((resolve) => {
+        $.get("pages.txt", function(data) {
+            // Divisez les données en lignes
+            var pages = data.split("\n");
+
+            var promises = []; // Utilisé pour stocker toutes les promesses de préchargement
+
+            // Préchargez chaque page
+            for (var i = 0; i < pages.length; i++) {
+                // Enlevez les espaces blancs inutiles
+                var page = pages[i].trim();
+
+                if (page) { // Ignorez les lignes vides
+                    promises.push($.get(page + ".html", function(response) {
+                        if (useCache === 1) {
+                            pageCache[page] = response;
+                        }
+                    }));
+                }
+            }
 
+            // Lorsque toutes les pages sont préchargées, masquez le loader et résolvez la promesse
+            $.when(...promises).then(() => {
+                resolve();
+            });
+        });
+    });
+}
         // Afficher ou masquer le menu
         function toggleMenu() {
     var sidebar = document.getElementById("sidebar");
@@ -1094,15 +1148,24 @@
 
 setTimeout(() => {
     updateTheme();
-setInterval(updateTheme, 60000); // Vérifie le thème chaque minute
-    loadPage("home");
-            updateTime();
-            update();
-            toggleMenu();
-
-      // Masquer le loader
-      var loader = document.getElementById('loader');
-      loader.style.display = 'none';
+    setInterval(updateTheme, 60000); // Vérifie le thème chaque minute
+
+    var loader = document.getElementById('loader');
+    loader.style.display = 'block'; // Affichez le loader avant de précharger les pages
+
+    preloadAllPages().then(() => {
+        // Lorsque toutes les pages sont préchargées, continuez avec le reste de la logique
+
+        // Charger la page 'home'
+        loadPage("home");
+
+        updateTime();
+        update();
+        toggleMenu();
+
+        // Masquer le loader
+        loader.style.display = 'none';
+    });
 
 }, 10);
 

diff --git a/assets/pages.txt b/assets/pages.txt
@@ -0,0 +1,2 @@
+home
+Library
diff --git a/mainwindow.cpp b/mainwindow.cpp
@@ -40,4 +40,3 @@ void MainWindow::on_actionQuitter_triggered()
 {
     exit(0);
 }
-