inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-06-17 12:35:46 +00:00
Code Activity

Load raw HTML content

Browse Source
This commit is contained in:
Oliver Walters
2024-08-12 00:44:35 +00:00
parent 250970e55d
commit 452d44cea3
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/frontend/src/components/plugins/PluginPanel.tsx
View File

@ -8,7 +8,7 @@ import { ModelType } from '../../enums/ModelType';
import { PanelType } from '../nav/Panel'; import { PanelType } from '../nav/Panel';
interface PluginPanelProps extends PanelType { interface PluginPanelProps extends PanelType {
src?: string; source?: string;
params?: any; params?: any;
targetInstance?: any; targetInstance?: any;
targetModel?: ModelType | string; targetModel?: ModelType | string;
@ -61,8 +61,14 @@ export default function PluginPanel({ props }: { props: PluginPanelProps }) {
const ref = useRef<HTMLDivElement>(); const ref = useRef<HTMLDivElement>();
const loadExternalSource = async () => { const loadExternalSource = async () => {
if (!props.source) {
return;
}
// TODO: Gate where this content may be loaded from (e.g. only allow certain domains)
// Load content from external source // Load content from external source
const src = await import(/* @vite-ignore */ props.src ?? ''); const src = await import(/* @vite-ignore */ props.source ?? '');
// We expect the external source to define a function which will render the content // We expect the external source to define a function which will render the content
if (src && src.render_panel && typeof src.render_panel === 'function') { if (src && src.render_panel && typeof src.render_panel === 'function') {
@ -78,20 +84,20 @@ export default function PluginPanel({ props }: { props: PluginPanelProps }) {
}; };
useEffect(() => { useEffect(() => {
if (props.src) { if (props.source) {
// Load content from external source // Load content from external source
loadExternalSource(); loadExternalSource();
} else if (props.content) { } else if (props.content) {
// If content is provided directly, render it into the panel // If content is provided directly, render it into the panel
// ref.current.innerHTML = props.content; if (ref) {
} else { ref.current?.setHTMLUnsafe(props.content.toString());
// Something... went wrong? }
} }
}, [props]); }, [props]);
if (!props.content && !props.src) { if (!props.content && !props.source) {
return <PanelNoContent />; return <PanelNoContent />;
} }
return <div ref={ref as any}>{props.content}</div>; return <div ref={ref as any}></div>;
} }