bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

revert webpack sans print

Browse Source
This commit is contained in:
ouidade
2025-09-22 12:10:08 +02:00
parent 11bb49e694
commit fd8c0d2e1e
8 changed files with 43 additions and 526 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/print.css
Vendored
-202
View File
@@ -1,202 +0,0 @@
/*!**********************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./scss/print.scss ***!
\**********************************************************************************************************/
@charset "UTF-8";
/* -----------------------/*
* 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;
@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 */
* {
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;
}
.back-cover {
break-before: page;
margin-top: 55rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.back-cover h2 {
margin-top: 1rem;
color: rgb(9, 57, 139);
font-size: 1.2rem;
}
.back-cover h2 ::before {
content: "";
border-top: 1px solid black;
}
.back-cover .view-id-partenaires .view-content img {
width: 5rem;
height: auto;
}
.back-cover .view-id-partenaires .view-content a[href^=http]:after {
display: none;
}
.back-cover .view-id-partenaires .views-row-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
/* 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 .slick-dots, .page-node-type-projet .layout__region--top .top_top .slick-arrow {
display: none;
}
.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;
}
}
web/themes/custom/eql/dist/assets/js/bundle.js
Vendored
-32
View File
File diff suppressed because one or more lines are too long
web/themes/custom/eql/dist/assets/js/paged-setup.js
Vendored
-32
View File
@@ -1,32 +0,0 @@
/*
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
* This devtool is neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
/******/ (function() { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "./scripts/paged-setup.js":
/*!********************************!*\
!*** ./scripts/paged-setup.js ***!
\********************************/
/***/ (function() {
eval("// window.runPagedIfPrinting = function () {\n// console.log(\"📄 Impression via iframe\");\n \n// // 1. Créer une iframe cachée\n// const iframe = document.createElement(\"iframe\");\n// iframe.style.position = \"fixed\";\n// iframe.style.left = \"-100vw\"; // hors de la vue\n// iframe.style.top = \"-100vh\";\n// iframe.style.width = \"0\";\n// iframe.style.height = \"0\";\n// iframe.style.visibility = \"hidden\";\n// iframe.setAttribute(\"aria-hidden\", \"true\");\n \n// document.body.appendChild(iframe);\n \n// // 2. Copier tout le document dans l’iframe\n// const clonedHTML = document.documentElement.outerHTML;\n// const doc = iframe.contentWindow.document;\n// doc.open();\n// doc.write(clonedHTML);\n// doc.close();\n \n// // 3. Attendre que tout soit chargé\n// iframe.onload = () => {\n// console.log(\"📦 Iframe chargée, injection manuelle de Paged.js\");\n \n// const pagedScript = iframe.contentDocument.createElement(\"script\");\n// pagedScript.src = \"https://unpkg.com/pagedjs/dist/paged.js\";\n// pagedScript.onload = () => {\n// console.log(\"📚 Paged.js chargé, génération des pages...\");\n \n// const previewer = new iframe.contentWindow.Paged.Previewer();\n \n// previewer.preview().then(() => {\n// console.log(\"🖨️ Aperçu prêt, impression dans iframe…\");\n \n// setTimeout(() => {\n// const printScript = iframe.contentDocument.createElement(\"script\");\n// printScript.textContent = `\n// window.addEventListener(\"load\", () => {\n// setTimeout(() => {\n// window.print();\n// window.onafterprint = () => window.close(); // facultatif\n// }, 100);\n// });\n// `;\n// iframe.contentDocument.body.appendChild(printScript);\n// }, 300);\n \n// });\n// };\n \n// // Injecte le script dans <head> de l’iframe\n// iframe.contentDocument.head.appendChild(pagedScript);\n// };\n \n// };\n \n// // 📎 Listeners impression\n// function setupPagedPrintListeners() {\n// window.addEventListener(\"beforeprint\", (e) => {\n// e.preventDefault(); // empêcher la version native\n// });\n \n// if (window.matchMedia) {\n// window.matchMedia(\"print\").addEventListener(\"change\", (e) => {\n// if (e.matches) {\n// window.runPagedIfPrinting();\n// }\n// });\n// }\n \n// console.log(\"✅ Paged.js listeners (iframe) installés.\");\n// }\n \n// if (document.readyState !== \"loading\") {\n// setupPagedPrintListeners();\n// } else {\n// document.addEventListener(\"DOMContentLoaded\", setupPagedPrintListeners);\n// }\n \n\nwindow.runPagedIfPrinting = function () {\n console.log(\"📄 Impression détectée — Paged.js va s'exécuter\");\n \n if (typeof Paged !== \"undefined\" && Paged.Previewer) {\n // Sauvegarde du DOM actuel\n const original = document.body.cloneNode(true);\n \n const previewer = new Paged.Previewer();\n \n previewer.preview().then(() => {\n console.log(\"📃 Paged.js rendu terminé\");\n \n const restoreDOM = () => {\n console.log(\"🔄 Restauration du DOM après impression\");\n document.body.replaceWith(original);\n window.removeEventListener(\"afterprint\", restoreDOM);\n };\n \n // ✅ Restauration après impression (ou annulation)\n window.addEventListener(\"afterprint\", restoreDOM);\n });\n } else {\n console.warn(\"❌ Paged.js non chargé ou Previewer indisponible !\");\n }\n };\n \n // Initialisation automatique\n function setupPagedPrintListeners() {\n // Classique\n window.addEventListener(\"beforeprint\", window.runPagedIfPrinting);\n \n // Pour certains navigateurs modernes\n if (window.matchMedia) {\n const mediaQueryList = window.matchMedia(\"print\");\n if (mediaQueryList.addEventListener) {\n mediaQueryList.addEventListener(\"change\", (e) => {\n if (e.matches) {\n window.runPagedIfPrinting();\n }\n });\n } else {\n // Safari fallback\n mediaQueryList.addListener((e) => {\n if (e.matches) {\n window.runPagedIfPrinting();\n }\n });\n }\n }\n \n console.log(\"✅ Paged.js listeners installés.\");\n }\n \n // Démarrage au bon moment\n if (document.readyState !== \"loading\") {\n setupPagedPrintListeners();\n } else {\n document.addEventListener(\"DOMContentLoaded\", setupPagedPrintListeners);\n }\n \n\n//# sourceURL=webpack://dev.eql.fr/./scripts/paged-setup.js?");
/***/ })
/******/ });
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module can't be inlined because the eval devtool is used.
/******/ var __webpack_exports__ = {};
/******/ __webpack_modules__["./scripts/paged-setup.js"]();
/******/
/******/ })()
;
web/themes/custom/eql/dist/assets/js/print.js
Vendored
-32
View File
@@ -1,32 +0,0 @@
/*
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
* This devtool is neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
/******/ (function() { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "./scss/print.scss":
/*!*************************!*\
!*** ./scss/print.scss ***!
\*************************/
/***/ (function() {
eval("{throw new Error(\"Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):\\nHookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\\nUndefined variable.\\n ╷\\n81 │ border-left: $blue-light solid 1px;\\n │ ^^^^^^^^^^^\\n ╵\\n scss/print.scss 81:22 root stylesheet\\n at tryRunOrWebpackError (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/HookWebpackError.js:87:9)\\n at __webpack_require_module__ (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/Compilation.js:5485:12)\\n at __webpack_require__ (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/Compilation.js:5432:18)\\n at /home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/Compilation.js:5520:20\\n at symbolIterator (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/neo-async/async.js:3485:9)\\n at done (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/neo-async/async.js:3527:9)\\n at Hook.eval [as callAsync] (eval at create (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)\\n at /home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/Compilation.js:5407:43\\n at symbolIterator (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/neo-async/async.js:3482:9)\\n at timesSync (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/neo-async/async.js:2297:7)\\n-- inner error --\\nError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\\nUndefined variable.\\n ╷\\n81 │ border-left: $blue-light solid 1px;\\n │ ^^^^^^^^^^^\\n ╵\\n scss/print.scss 81:22 root stylesheet\\n at Object.<anonymous> (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/css-loader/dist/cjs.js!/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/sass-loader/dist/cjs.js!/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/scss/print.scss:1:7)\\n at /home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:519:10\\n at Hook.eval [as call] (eval at create (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)\\n at /home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/Compilation.js:5487:39\\n at tryRunOrWebpackError (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/HookWebpackError.js:82:7)\\n at __webpack_require_module__ (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/Compilation.js:5485:12)\\n at __webpack_require__ (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/Compilation.js:5432:18)\\n at /home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/webpack/lib/Compilation.js:5520:20\\n at symbolIterator (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/neo-async/async.js:3485:9)\\n at done (/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/neo-async/async.js:3527:9)\\n\\nGenerated code for /home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/css-loader/dist/cjs.js!/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/node_modules/sass-loader/dist/cjs.js!/home/ouidade/Developer/docker-eql/src_d9/web/themes/custom/eql/scss/print.scss\\n1 | throw new Error(\\\"Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\\\\nUndefined variable.\\\\n ╷\\\\n81 │ border-left: $blue-light solid 1px;\\\\n │ ^^^^^^^^^^^\\\\n ╵\\\\n scss/print.scss 81:22 root stylesheet\\\");\");\n\n//# sourceURL=webpack://dev.eql.fr/./scss/print.scss?\n}");
/***/ })
/******/ });
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module doesn't tell about it's top-level declarations so it can't be inlined
/******/ var __webpack_exports__ = {};
/******/ __webpack_modules__["./scss/print.scss"]();
/******/
/******/ })()
;
web/themes/custom/eql/dist/assets/js/scripts.js
Vendored
-43
View File
File diff suppressed because one or more lines are too long
web/themes/custom/eql/eql.libraries.yml
+5 -14
View File
@@ -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: {}
web/themes/custom/eql/scripts/paged-setup.js
-142
View File
@@ -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/webpack.config.js
+38 -29
View File
@@ -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;