diff --git a/packages/esm-commons-app/src/ward-app/o2-iframe.component.tsx b/packages/esm-commons-app/src/ward-app/o2-iframe.component.tsx index 9709c93..9b633d2 100644 --- a/packages/esm-commons-app/src/ward-app/o2-iframe.component.tsx +++ b/packages/esm-commons-app/src/ward-app/o2-iframe.component.tsx @@ -16,9 +16,14 @@ interface O2IFrame { * a list of css selectors defining elements to be made un-clickable within the iframe */ elementsToDisable?: string[]; + + /** + * JavaScript code to inject into the iframe to run + */ + customJavaScript?: string; } -const O2IFrame: React.FC = ({ src, elementsToHide, elementsToDisable }) => { +const O2IFrame: React.FC = ({ src, elementsToHide, elementsToDisable, customJavaScript = '' }) => { const iframeRef = useRef(); const [isIframeLoading, setIsIframeLoading] = useState(true); const [isGoingBack, setIsGoingBack] = useState(false); @@ -32,7 +37,7 @@ const O2IFrame: React.FC = ({ src, elementsToHide, elementsToDisable } return `@media screen { ${toHide} - ${toDisable} + ${toDisable} }`; }, [elementsToHide, elementsToDisable]); @@ -48,6 +53,10 @@ const O2IFrame: React.FC = ({ src, elementsToHide, elementsToDisable } const styleTag = contentDocument.createElement('style'); styleTag.innerHTML = customCss; contentDocument.head.appendChild(styleTag); + + const scriptTag = contentDocument.createElement('script'); + scriptTag.innerHTML = customJavaScript; + contentDocument.body.appendChild(scriptTag); }; const goBack = () => { diff --git a/packages/esm-commons-app/src/ward-app/o2-visit-summary-workspace.component.tsx b/packages/esm-commons-app/src/ward-app/o2-visit-summary-workspace.component.tsx index bb65545..d8ace48 100644 --- a/packages/esm-commons-app/src/ward-app/o2-visit-summary-workspace.component.tsx +++ b/packages/esm-commons-app/src/ward-app/o2-visit-summary-workspace.component.tsx @@ -24,10 +24,15 @@ const O2VisitSummaryWorkspace: React.FC = ({ wardPati toClass(MATERNAL_ADMISSION_ENCOUNTER_TYPE), toClass(POSTPARTUM_DAILY_PROGRESS), ]; + const customJavaScript = ` + jQuery('#formBreadcrumb').show(); + jQuery('.simple-form-ui form section').width(300); + jQuery('#nav-buttons').hide(); + `; if (patient && visit) { const src = `${window.openmrsBase}/pihcore/visit/visit.page?patient=${patient.uuid}&visit=${visit.uuid}`; - return ; + return ; } else { return
{t('patientHasNoActiveVisit', 'Patient has no active visit')}
; }