admin.suherdy/sign_image_field
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Ensure sign items are always visible by injecting CSS overrides and explicitly removing the d-none class.

Browse Source
This commit is contained in:
Suherdy Yacob 2026-03-16 17:15:11 +07:00
parent 424e68c57c
commit bf06e5be06
1 changed files with 105 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

192
static/src/js/sign_image_upload.js
View File

@ -4,19 +4,20 @@ import { patch } from "@web/core/utils/patch";
import { PDFIframe } from "@sign/components/sign_request/PDF_iframe"; import { PDFIframe } from "@sign/components/sign_request/PDF_iframe";
import { SignablePDFIframe } from "@sign/components/sign_request/signable_PDF_iframe"; import { SignablePDFIframe } from "@sign/components/sign_request/signable_PDF_iframe";
console.log("Sign Image Field: Re-evaluating patch strategy without overriding enableCustom for base classes"); console.log("Sign Image Field: Initializing CSS-forced visibility patches...");
/** /**
* Diagnostic Bridge Restoration * Diagnostic Bridge Restoration & Universal Force-Show
* We re-connect the bridge but ALSO forcefully inject CSS to ensure elements are never hidden.
*/ */
const restoreBridge = (instance, caller) => { const restoreBridgeAndForceShow = (instance, caller) => {
if (!instance || !instance.root || !instance.root.defaultView) return; if (!instance || !instance.root || !instance.root.defaultView) return;
const iwin = instance.root.defaultView; const iwin = instance.root.defaultView;
const iframe = iwin.frameElement; const iframe = iwin.frameElement;
const isDocReady = iwin.document && iwin.document.head;
if (iframe && !iframe.odoo_iframe_instance) { if (iframe && !iframe.odoo_iframe_instance) {
// Only log once per frame to reduce noise
if (!iframe._odoo_bridge_logged) { if (!iframe._odoo_bridge_logged) {
console.log(`[Diagnostic] Restoring bridge on iframe element from ${caller}`); console.log(`[Diagnostic] Restoring bridge on iframe element from ${caller}`);
iframe._odoo_bridge_logged = true; iframe._odoo_bridge_logged = true;
@ -28,13 +29,27 @@ const restoreBridge = (instance, caller) => {
iwin.odoo_iframe_instance = instance; iwin.odoo_iframe_instance = instance;
} }
if (iwin.document && !iwin.document.odoo_iframe_instance) {
iwin.document.odoo_iframe_instance = instance;
}
if (iwin.PDFViewerApplication && !iwin.PDFViewerApplication.odoo_iframe_instance) { if (iwin.PDFViewerApplication && !iwin.PDFViewerApplication.odoo_iframe_instance) {
iwin.PDFViewerApplication.odoo_iframe_instance = instance; iwin.PDFViewerApplication.odoo_iframe_instance = instance;
} }
// ULTIMATE FALLBACK: Inject CSS to override Odoo's broken d-none toggler
if (isDocReady && !iwin.document._odoo_force_show_injected) {
console.log(`[Diagnostic] Injecting permanent override CSS from ${caller}`);
const style = iwin.document.createElement('style');
style.type = 'text/css';
// Force display block and override any inline or class-based display:none
style.innerHTML = `
.o_sign_sign_item.d-none {
display: block !important;
}
.o_sign_sign_item[style*="display: none"] {
display: block !important;
}
`;
iwin.document.head.appendChild(style);
iwin.document._odoo_force_show_injected = true;
}
}; };
/** /**
@ -88,107 +103,106 @@ const setupLazyObserver = (el) => {
} }
}; };
window.diagnosticForceShowFields = () => {
const hiddenItems = document.querySelectorAll('iframe.o_sign_pdf_iframe')?.length ?
document.querySelector('iframe.o_sign_pdf_iframe').contentDocument.querySelectorAll('.o_sign_sign_item.d-none') : [];
console.log(`[Diagnostic] Forcing show on ${hiddenItems.length} hidden items`);
hiddenItems.forEach(el => el.classList.remove('d-none'));
};
const processedItems = new WeakSet(); const processedItems = new WeakSet();
// Safest Patching Strategy: Only patch `PDFIframe.prototype.refreshSignItemsForPage` // Patching Strategy: Use refreshSignItemsForPage as the hook point because it's
// This avoids ANY issues with `enableCustom` halting mid-execution. // called every time page renders, giving us a reliable hook to inject CSS
patch(PDFIframe.prototype, { patch(PDFIframe.prototype, {
refreshSignItemsForPage(page) { refreshSignItemsForPage(page) {
// Restore bridge right before items are evaluated restoreBridgeAndForceShow(this, 'PDFIframe.refreshSignItemsForPage');
restoreBridge(this, 'PDFIframe.refreshSignItemsForPage');
// Execute original first so elements get un-hidden (d-none removed) try {
const result = super.refreshSignItemsForPage(...arguments); const result = super.refreshSignItemsForPage(...arguments);
// Now find all image elements and apply our custom observer // Image tracking
if (this.signItems && this.signItems[page]) { if (this.signItems && this.signItems[page]) {
for (const id in this.signItems[page]) { for (const id in this.signItems[page]) {
const item = this.signItems[page][id]; const item = this.signItems[page][id];
if (item && item.data && item.data.type === 'image' && item.el && !processedItems.has(item.el)) { // Also forcefully remove d-none via JS just in case
processedItems.add(item.el); if (item && item.el) {
setupLazyObserver(item.el); item.el.classList.remove('d-none');
}
// Add upload logic for active signer if (item && item.data && item.data.type === 'image' && item.el && !processedItems.has(item.el)) {
if (!this.readonly && item.data.responsible > 0 && item.data.responsible === this.currentRole) { processedItems.add(item.el);
const el = item.el; setupLazyObserver(item.el);
const data = item.data;
el.setAttribute('data-type', 'image');
const input = el.querySelector('.o_sign_image_upload_input');
if (input && !el._hasImgListener) {
el.addEventListener('click', (e) => {
if (e.target !== input) input.click();
});
input.addEventListener('change', (e) => { // Add upload logic for active signer
const file = e.target.files[0]; if (!this.readonly && item.data.responsible > 0 && item.data.responsible === this.currentRole) {
if (!file) return; const el = item.el;
const data = item.data;
el.setAttribute('data-type', 'image');
const input = el.querySelector('.o_sign_image_upload_input');
if (input && !el._hasImgListener) {
el.addEventListener('click', (e) => {
if (e.target !== input) input.click();
});
const reader = new FileReader(); input.addEventListener('change', (e) => {
reader.onload = (readerEvent) => { const file = e.target.files[0];
const img = new Image(); if (!file) return;
img.onload = () => {
const canvas = document.createElement('canvas'); const reader = new FileReader();
let width = img.width; reader.onload = (readerEvent) => {
let height = img.height; const img = new Image();
const MAX_SIZE = 1080; img.onload = () => {
if (width > height) { const canvas = document.createElement('canvas');
if (width > MAX_SIZE) { let width = img.width;
height *= MAX_SIZE / width; let height = img.height;
width = MAX_SIZE; const MAX_SIZE = 1080;
if (width > height) {
if (width > MAX_SIZE) {
height *= MAX_SIZE / width;
width = MAX_SIZE;
}
} else if (height > MAX_SIZE) {
width *= MAX_SIZE / height;
height = MAX_SIZE;
} }
} else if (height > MAX_SIZE) { canvas.width = width;
width *= MAX_SIZE / height; canvas.height = height;
height = MAX_SIZE; const ctx = canvas.getContext('2d');
} ctx.drawImage(img, 0, 0, width, height);
canvas.width = width;
canvas.height = height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0, width, height);
const compressedDataUrl = canvas.toDataURL('image/jpeg', 0.8); const compressedDataUrl = canvas.toDataURL('image/jpeg', 0.8);
data.value = compressedDataUrl; data.value = compressedDataUrl;
el.dataset.value = compressedDataUrl; el.dataset.value = compressedDataUrl;
const placeholder = el.querySelector('.o_placeholder'); const placeholder = el.querySelector('.o_placeholder');
if (placeholder) placeholder.remove(); if (placeholder) placeholder.remove();
let existingImg = el.querySelector('img'); let existingImg = el.querySelector('img');
if (!existingImg) { if (!existingImg) {
existingImg = document.createElement('img'); existingImg = document.createElement('img');
Object.assign(existingImg.style, { Object.assign(existingImg.style, {
maxWidth: '100%', maxWidth: '100%',
maxHeight: '100%', maxHeight: '100%',
objectFit: 'contain', objectFit: 'contain',
opacity: 1 opacity: 1
}); });
const body = el.querySelector('.sign_item_body') || el; const body = el.querySelector('.sign_item_body') || el;
body.appendChild(existingImg); body.appendChild(existingImg);
} }
existingImg.src = compressedDataUrl; existingImg.src = compressedDataUrl;
el.classList.remove('o_sign_image_loading_container'); el.classList.remove('o_sign_image_loading_container');
if (this.handleInput) this.handleInput(); if (this.handleInput) this.handleInput();
};
img.src = readerEvent.target.result;
}; };
img.src = readerEvent.target.result; reader.readAsDataURL(file);
}; });
reader.readAsDataURL(file); el._hasImgListener = true;
}); }
el._hasImgListener = true;
} }
} }
} }
} }
return result;
} catch (error) {
console.error("[Diagnostic] Error inside refreshSignItemsForPage:", error);
// Even if super fails, don't crash our script
} }
return result;
} }
}); });