Ross
b0d8c72636
- Added a new LogLevel "silent" to suppress logging output. - Replaced the debug boolean flag in LoggerConfig with a minLevel property to specify the minimum log level. - Updated shouldLog function to respect the new minLevel configuration. - Modified parseDebugFlag to return appropriate LogLevel based on truthy values. - Updated main.tsx to accommodate changes in logging configuration, including parsing minLevel from attributes and options. - Deprecated the debug flag in favor of minLevel for better clarity and control over logging behavior.
129 lines
3.5 KiB
HTML
129 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Fluoro Multiframe Test</title>
|
|
<style>
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
.dicom-viewer-root {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div
|
|
id="main_viewer"
|
|
class="dicom-viewer-root"
|
|
data-auto-cache-stack="false"
|
|
></div>
|
|
|
|
<!-- Provide noop React Refresh preamble to avoid plugin-react runtime errors -->
|
|
<script>
|
|
window.$RefreshReg$ = window.$RefreshReg$ || function () {};
|
|
window.$RefreshSig$ =
|
|
window.$RefreshSig$ ||
|
|
function () {
|
|
return function (type) {
|
|
return type;
|
|
};
|
|
};
|
|
</script>
|
|
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
|
|
<script>
|
|
// Viewer state for fluoro multiframe images (using relative paths from public/test_images/)
|
|
const state = {
|
|
grid: { rows: 1, cols: 2 },
|
|
modes: ["stack", "stack"],
|
|
stacks: [
|
|
{
|
|
i: [
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/1.3.12.2.1107.5.4.5.180506.30000026031914043350300000126.4.dcm",
|
|
],
|
|
},
|
|
],
|
|
stackIdx: [0, 1],
|
|
stackPos: [0, 1],
|
|
props: [
|
|
{
|
|
voiRange: { lower: 0, upper: 500 },
|
|
invert: false,
|
|
interpolationType: 1,
|
|
VOILUTFunction: "LINEAR",
|
|
colormap: { name: "Grayscale", opacity: [] },
|
|
},
|
|
{
|
|
voiRange: { lower: 0, upper: 500 },
|
|
invert: false,
|
|
interpolationType: 1,
|
|
VOILUTFunction: "LINEAR",
|
|
colormap: { name: "Grayscale", opacity: [] },
|
|
},
|
|
],
|
|
cam: [
|
|
{
|
|
viewUp: [0, 0, 1],
|
|
viewPlaneNormal: [1, 0, 0],
|
|
position: [150, 0, 0],
|
|
focalPoint: [0, 0, 0],
|
|
parallelProjection: true,
|
|
parallelScale: 100,
|
|
viewAngle: 90,
|
|
flipHorizontal: false,
|
|
flipVertical: false,
|
|
rotation: 0,
|
|
},
|
|
{
|
|
viewUp: [0, 0, 1],
|
|
viewPlaneNormal: [1, 0, 0],
|
|
position: [150, 0, 0],
|
|
focalPoint: [0, 0, 0],
|
|
parallelProjection: true,
|
|
parallelScale: 100,
|
|
viewAngle: 90,
|
|
flipHorizontal: false,
|
|
flipVertical: false,
|
|
rotation: 0,
|
|
},
|
|
],
|
|
orientations: [null, null],
|
|
volumeSliceIndices: [null, null],
|
|
};
|
|
|
|
function callWhenReady(fnName, payload) {
|
|
const maxWait = 5000;
|
|
const start = Date.now();
|
|
(function check() {
|
|
if (window[fnName] && typeof window[fnName] === "function") {
|
|
try {
|
|
window[fnName](payload);
|
|
console.log("imported viewer state via", fnName);
|
|
} catch (e) {
|
|
console.error("importViewerState call failed", e);
|
|
}
|
|
return;
|
|
}
|
|
if (Date.now() - start > maxWait) {
|
|
console.warn("Timed out waiting for", fnName);
|
|
return;
|
|
}
|
|
setTimeout(check, 2000);
|
|
})();
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
callWhenReady("importViewerState", state);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|