ajout de fonctionnalités à l'ui

2024-02-08 01:19:42 +01:00
parent abc1b70eb5
commit 20540db49c
17 changed files with 319 additions and 41 deletions
@@ -0,0 +1,15 @@
+// hardcoder les numéros de page plutôt que la propriété css de paged
+// pour permettre d'exporter par intervales de pages
+if (debug) console.log('start harcodePageNumbers');
+
+(function() {
+
+    let middleMargins = document.querySelectorAll('.pagedjs_left_page .pagedjs_margin-left-middle');
+    for (let middleMargin of middleMargins) {
+        middleMargin.innerHTML = middleMargin.parentNode.parentNode.parentNode.parentNode.dataset.pageNumber;
+    }
+
+})();
+
+if (debug) console.log('end hardcodePageNumbers');
+
@@ -0,0 +1,18 @@
+// alerte que le rendu est fini et actualise l'ui
+if (debug) console.log('%cBook is ready', boldLogging);
+
+(function() {
+    let loading = document.querySelector('.loading');
+    loading.innerHTML = 'Le livre est prêt';
+
+    let pageAmount = document.querySelectorAll('.pagedjs_page').length;
+    let pageAmountContainer = document.querySelector('.pageAmount');
+    pageAmountContainer.style.display = 'block';
+    pageAmountContainer.innerText = `${pageAmount} pages`;
+
+    let jumpToPage = document.querySelector('.jumpToPage');
+    jumpToPage.style.display = 'block';
+
+    let pagesToDisplay = document.querySelector('.pagesToDisplay');
+    pagesToDisplay.style.display = 'block';
+})();
@@ -1,19 +0,0 @@
-// afficher l'interface par dessus le livre
-if (debug) console.log('start ui');
-
-(function() {
-
-    // indication du chargement
-    let chargement = document.createElement('div');
-    chargement.setAttribute('id', 'chargement');
-    chargement.innerHTML = 'chargement';
-    chargement.style.color = "orange";
-    chargement.style.position = "fixed";
-    chargement.style.fontWeight = "bold";
-    chargement.style.zIndex = "9999";
-    document.querySelector('body').prepend(chargement);
-    
-})();
-
-
-if (debug) console.log('end ui');