a

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -256,6 +256,171 @@ svg.ext {
     margin: auto;
   }
 }
+/* -----------------------/*
+ * Reset CSS Print "Bretzel"
+ * Made par Alsacréations
+ /* ---------------------- */
+/*
+ * Ressources et documentations :
+ * 1- https://www.docuseal.co/blog/css-print-page-style
+ * 2- https://www.alsacreations.com/astuce/lire/1160-Une-feuille-de-styles-de-base-pour-le-media-print.html
+*/
+@media print {
+  /* Dimension et marges de page */
+  @page {
+    size: A4 portrait;
+    margin: 1.5cm 1.5cm;
+  }
+  /* Reset général */
+  * {
+    all: unset;
+    display: revert;
+    box-sizing: border-box;
+  }
+  img {
+    max-width: 100%;
+  }
+  input,
+  textarea,
+  select {
+    all: revert;
+  }
+  /* On redéfinit les styles globaux (12pt = 16px) */
+  body {
+    width: auto;
+    margin: 0;
+    font-family: serif;
+    font-size: 12pt;
+    font-family: Georgia, serif;
+    line-height: 1.5;
+    color: #000000 !important;
+    background-color: #ffffff !important;
+  }
+  #fotter-bottom {
+    box-shadow: none !important;
+    border-top: rgba(0, 0, 0, 0.5);
+  }
+  #fotter-bottom a[href^=http]:after,
+  #fotter-bottom a[href^=https]:after {
+    content: "";
+  }
+  /* Espacements typographiques (15pt = 20px) */
+  p,
+  blockquote,
+  label,
+  ul,
+  ol {
+    margin-block: 0 15pt;
+  }
+  p:last-child {
+    margin-bottom: 0;
+  }
+  /* Titrages (24pt = 32px) */
+  h1 {
+    margin-block: 0 24pt;
+    font-weight: 700;
+    font-size: 18pt;
+    line-height: 1.1;
+  }
+  h2 {
+    margin-block: 0 18pt;
+    font-weight: 700;
+    font-size: 16pt;
+    line-height: 1.1;
+  }
+  h3 {
+    margin-block: 0 15pt;
+    font-weight: 700;
+    font-size: 14pt;
+  }
+  h4 {
+    margin-block: 0 12pt;
+    font-weight: 700;
+    font-size: 12pt;
+  }
+  /* Classes dédiées print / no-print */
+  .print {
+    display: revert;
+  }
+  .no-print {
+    display: none;
+  }
+  /* Pas de veuves ou orphelines (3 lignes minimum) */
+  p,
+  blockquote {
+    orphans: 3;
+    widows: 3;
+  }
+  /* Pas de saut de page au sein de ces éléments */
+  blockquote,
+  ul,
+  ol,
+  figure,
+  table,
+  .paragraph,
+  footer,
+  .top_top,
+  .top_bottom {
+    page-break-inside: avoid;
+  }
+  /* Pas de saut de page après ces éléments */
+  h1,
+  h2,
+  h3,
+  h4,
+  caption,
+  .field--name-field-titre {
+    page-break-after: avoid;
+  }
+  /* Styles des liens */
+  a,
+  a:link,
+  a:visited {
+    background: transparent !important;
+    color: unset;
+    font-weight: 700;
+    text-decoration: underline !important;
+  }
+  /* On affiche l'URL des liens externes */
+  a[href^=http]:after,
+  a[href^=https]:after {
+    content: " (" attr(href) ")";
+  }
+  /* On masque les vidéos, header et menu de navigation */
+  video,
+  object,
+  iframe,
+  header,
+  nav {
+    display: none !important;
+    width: 0 !important;
+    height: 0 !important;
+    overflow: hidden !important;
+  }
+  /*  Style page projet */
+  .page-node-type-projet .layout__region--top {
+    width: 100% !important;
+    padding-top: 0rem !important;
+  }
+  .page-node-type-projet .layout__region--top .top_top {
+    flex-direction: column !important;
+  }
+  .page-node-type-projet .layout__region--top .top_top .block-entity-fieldnodefield-photo {
+    width: 100% !important;
+  }
+  .page-node-type-projet .layout__region--top .top_top .top_right {
+    width: 100% !important;
+  }
+  .page-node-type-projet .layout__region--top .top_bottom {
+    width: 100% !important;
+  }
+  .page-node-type-projet .layout__region--first {
+    display: none;
+  }
+  .page-node-type-projet .layout__region--second {
+    flex: 0 1 100% !important;
+  }
+}
 /*pages*/
 /*
 @import "pages/partials/header_footer";

web/themes/custom/eql/eql.info.yml

@@ -9,9 +9,6 @@ base theme: false
 libraries:
   - eql/global-css
   - eql/global-js
-  - eql/print_only
-  # - eql/pagedjs
-
 
 
 regions:

web/themes/custom/eql/eql.libraries.yml

@@ -12,19 +12,10 @@ global-js:
     dist/assets/bundle.js: {}
     # librairies/slick-1.8.1/slick/slick.js: {}
     librairies/slick-1.8.1/slick/slick.min.js: {}
-  dependencies:
-    - core/jquery
 
-# pagedjs:
-#   version: 1.x
-#   js:
-#     https://unpkg.com/pagedjs/dist/paged.js: {}
-#     dist/assets/js/paged-setup.js: {}
-#   dependencies:
-#     - core/jquery
 
 
-print_only:
-  css:
-    theme:
-      dist/assets/css/print.css: {}
+
+ 
+  dependencies:
+    - core/jquery

web/themes/custom/eql/package.json

@@ -14,12 +14,9 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "css-loader": "^7.1.2",
-    "extract-loader": "^4.0.3",
     "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^2.9.2",
     "node-sass": "*",
-    "sass": "^1.89.2",
+    "sass": "^1.77.2",
     "sass-loader": "^14.2.1",
     "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4"

web/themes/custom/eql/scripts/paged-setup.js

@@ -1,142 +0,0 @@
-// window.runPagedIfPrinting = function () {
-//     console.log("📄 Impression via iframe");
-  
-//     // 1. Créer une iframe cachée
-//     const iframe = document.createElement("iframe");
-//     iframe.style.position = "fixed";
-//     iframe.style.left = "-100vw"; // hors de la vue
-//     iframe.style.top = "-100vh";
-//     iframe.style.width = "0";
-//     iframe.style.height = "0";
-//     iframe.style.visibility = "hidden";
-//     iframe.setAttribute("aria-hidden", "true");
-  
-//     document.body.appendChild(iframe);
-  
-//     // 2. Copier tout le document dans l’iframe
-//     const clonedHTML = document.documentElement.outerHTML;
-//     const doc = iframe.contentWindow.document;
-//     doc.open();
-//     doc.write(clonedHTML);
-//     doc.close();
-  
-//     // 3. Attendre que tout soit chargé
-//     iframe.onload = () => {
-//         console.log("📦 Iframe chargée, injection manuelle de Paged.js");
-      
-//         const pagedScript = iframe.contentDocument.createElement("script");
-//         pagedScript.src = "https://unpkg.com/pagedjs/dist/paged.js";
-//         pagedScript.onload = () => {
-//           console.log("📚 Paged.js chargé, génération des pages...");
-      
-//           const previewer = new iframe.contentWindow.Paged.Previewer();
-      
-//           previewer.preview().then(() => {
-//             console.log("🖨️ Aperçu prêt, impression dans iframe…");
-      
-//             setTimeout(() => {
-//                 const printScript = iframe.contentDocument.createElement("script");
-//                 printScript.textContent = `
-//                   window.addEventListener("load", () => {
-//                     setTimeout(() => {
-//                       window.print();
-//                       window.onafterprint = () => window.close(); // facultatif
-//                     }, 100);
-//                   });
-//                 `;
-//                 iframe.contentDocument.body.appendChild(printScript);
-//               }, 300);
-              
-//           });
-//         };
-      
-//         // Injecte le script dans <head> de l’iframe
-//         iframe.contentDocument.head.appendChild(pagedScript);
-//       };
-      
-//   };
-  
-//   // 📎 Listeners impression
-//   function setupPagedPrintListeners() {
-//     window.addEventListener("beforeprint", (e) => {
-//       e.preventDefault(); // empêcher la version native
-//     });
-  
-//     if (window.matchMedia) {
-//       window.matchMedia("print").addEventListener("change", (e) => {
-//         if (e.matches) {
-//           window.runPagedIfPrinting();
-//         }
-//       });
-//     }
-  
-//     console.log("✅ Paged.js listeners (iframe) installés.");
-//   }
-  
-//   if (document.readyState !== "loading") {
-//     setupPagedPrintListeners();
-//   } else {
-//     document.addEventListener("DOMContentLoaded", setupPagedPrintListeners);
-//   }
-  
-
-window.runPagedIfPrinting = function () {
-    console.log("📄 Impression détectée — Paged.js va s'exécuter");
-  
-    if (typeof Paged !== "undefined" && Paged.Previewer) {
-      // Sauvegarde du DOM actuel
-      const original = document.body.cloneNode(true);
-  
-      const previewer = new Paged.Previewer();
-  
-      previewer.preview().then(() => {
-        console.log("📃 Paged.js rendu terminé");
-  
-        const restoreDOM = () => {
-          console.log("🔄 Restauration du DOM après impression");
-          document.body.replaceWith(original);
-          window.removeEventListener("afterprint", restoreDOM);
-        };
-  
-        // ✅ Restauration après impression (ou annulation)
-        window.addEventListener("afterprint", restoreDOM);
-      });
-    } else {
-      console.warn("❌ Paged.js non chargé ou Previewer indisponible !");
-    }
-  };
-  
-  // Initialisation automatique
-  function setupPagedPrintListeners() {
-    // Classique
-    window.addEventListener("beforeprint", window.runPagedIfPrinting);
-  
-    // Pour certains navigateurs modernes
-    if (window.matchMedia) {
-      const mediaQueryList = window.matchMedia("print");
-      if (mediaQueryList.addEventListener) {
-        mediaQueryList.addEventListener("change", (e) => {
-          if (e.matches) {
-            window.runPagedIfPrinting();
-          }
-        });
-      } else {
-        // Safari fallback
-        mediaQueryList.addListener((e) => {
-          if (e.matches) {
-            window.runPagedIfPrinting();
-          }
-        });
-      }
-    }
-  
-    console.log("✅ Paged.js listeners installés.");
-  }
-  
-  // Démarrage au bon moment
-  if (document.readyState !== "loading") {
-    setupPagedPrintListeners();
-  } else {
-    document.addEventListener("DOMContentLoaded", setupPagedPrintListeners);
-  }
-  

web/themes/custom/eql/scss/print.scss → web/themes/custom/eql/scss/global/_print.scss

@@ -10,25 +10,13 @@
  * 1- https://www.docuseal.co/blog/css-print-page-style
  * 2- https://www.alsacreations.com/astuce/lire/1160-Une-feuille-de-styles-de-base-pour-le-media-print.html
 */
-// @media screen{
+
 @media print {
     /* Dimension et marges de page */
     @page {
       size: A4 portrait;
       margin: 1.5cm 1.5cm;
-      // @bottom-center {
-      //   content: "Page " counter(page) " / " counter(pages);
-      // }      
-    }
-    // @page:first {
-    //   @top-center {
-    //     content: "Titre du document";
-    //     font-size: 14pt;
-    //     font-weight: bold;
-    //   }
-    // }
-
-   
+    }
   
     /* Reset général */
     * {
@@ -57,45 +45,14 @@
       color: #000000 !important;
       background-color: #ffffff !important;
     }
-    // #fotter-bottom{
-    //     box-shadow: none !important;
-    //     border-top: rgba($color: #000000, $alpha: 0.5);
-    //     a[href^="http"]:after,
-    //     a[href^="https"]:after {
-    //       content: "";
-    //     }
-    // }
-    .back-cover{
-      break-before: page;
-      // margin-top: 55rem;
-      display: flex;
-      flex-direction: column ;
-      justify-content: center;
-      
-      .region{
-
-        h2{
-            margin-top: 0;
-            color: $blue-dark;
-            font-size: 1.2rem;
-        }
-      }
-      .view-id-partenaires{
-        .view-content {
-            img{
-              width: 5rem;
-              height: auto;
-            }
-            a[href^="http"]:after{display: none;}
-        }
-        .views-row-wrapper{
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
+    #fotter-bottom{
+        box-shadow: none !important;
+        border-top: rgba($color: #000000, $alpha: 0.5);
+        a[href^="http"]:after,
+        a[href^="https"]:after {
+          content: "";
         }
-      }
     }
-
   
     /* Espacements typographiques (15pt = 20px) */
     p,
@@ -209,19 +166,6 @@
                 .block-entity-fieldnodefield-photo{
                     width: 100% !important;
                 }
-                .slick-dots, .slick-arrow{
-                    display: none;
-                }
-                // .slick-list{
-                //     overflow: visible;
-                //     .slick-track{
-                //     display: flex;
-                //     flex-direction: row;
-                //     flex-wrap: wrap;
-                //     width: 100%;
-                //     }
-
-                // }
                 .top_right{
                     width: 100% !important;
                 }
@@ -238,5 +182,5 @@
         }
     }
 
-}
+  }
   

web/themes/custom/eql/scss/styles.scss

@@ -14,6 +14,7 @@
 // @import "global/_reset";
 @import "global/_typography";
 @import "global/_mediaqueries";
+@import "global/_print";
 // @import "global/_nodetyperessource.scss";
 
 

web/themes/custom/eql/webpack.config.js

@@ -1,32 +1,41 @@
+const webpack = require("webpack");
 const path = require("path");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-
-module.exports = {
-  mode: "development",
-  entry: {
-    bundle: "./scss/styles.scss",       // Pour l'affichage normal
-    print: "./scss/print.scss",         // Feuille de style print séparée
-    scripts: ["./scripts/main.js", "./scripts/extlink.js"]
-  },
-  output: {
-    path: path.resolve(__dirname, "./dist/assets"),
-    filename: "js/[name].js", // produit scripts.js
-  },
-  module: {
-    rules: [
-      {
-        test: /\.scss$/i,
-        use: [
-          MiniCssExtractPlugin.loader,
-          "css-loader",
-          "sass-loader"
-        ],
-      },
+
+let config = {
+    mode: 'development',
+    entry: [
+        "./scripts/main.js",
+        "./scripts/extlink.js",
+        "./scss/styles.scss",
+
     ],
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: "css/[name].css", // donne bundle.css et print.css
-    }),
-  ],
-};
+    
+    output: {
+        path: path.resolve(__dirname, "./dist/assets"),
+        filename: "./bundle.js"
+    },
+
+    module: {
+        rules: [
+            {
+                test: /\.scss$/i,
+                use: [
+                    {
+                        loader: 'file-loader',
+                        options: {
+                            name: './css/bundle.css',
+                        }
+                    },
+                    // Compile le Sass en CSS
+                    "sass-loader"
+                ],
+            },
+        ],
+    }
+}
+
+
+
+
+
+module.exports = config;