354 lines
19 KiB
HTML
354 lines
19 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Penra Courses — Viewer 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 to import
|
|
const state = {
|
|
grid: { rows: 1, cols: 3 },
|
|
modes: ["stack", "stack", "stack"],
|
|
stacks: [
|
|
{
|
|
i: [
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_573_PN7j4gd.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_580_kBgyDxS.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_572_DYQisSg.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_579_ya291yy.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_571_nThHs31.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_578_1eEKjB2.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_570_qT5wuZX.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_577_v2bo1kn.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_569_oV2dHz8.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_576_kgF1iXK.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_568_iY1z50L.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_575_BipYnZH.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_567_HawAeuC.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_574_FrcCKA7.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_566_AUDtXEf.dcm",
|
|
],
|
|
},
|
|
{
|
|
i: [
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_588_tGfMjqb.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_592_Js4efiI.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_584_U8WCsNY.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_595_vFPcByt.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_587_jnB3wGF.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_591_1XZY7Le.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_583_C9KGrQ9.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_594_SqzeIRU.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_586_Hupum4d.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_590_pbyuWr4.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_582_6u9iQt1.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_593_rOYWenQ.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_585_4z2K1tj.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_589_F5fn0Wp.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_581_jmCHi0D.dcm",
|
|
],
|
|
},
|
|
{
|
|
i: [
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_631_NxRBhMn.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_619_2cVhUyC.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_607_VvL52Af.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_627_RVhaiKA.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_615_nQtPQHJ.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_603_bAAqdKn.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_623_wy2tc7i.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_611_zZY7rSC.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_599_PUL3TkF.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_630_wIQBYJQ.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_618_oi80wJN.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_606_47SpfNJ.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_626_UNSOCYt.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_614_vcVgojF.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_602_VoRYz3y.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_622_Rj39VCd.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_610_AhQNlyr.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_598_pnjpR3G.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_629_hKAK6Ph.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_617_smztH5n.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_605_EfNQSic.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_625_asIOR8i.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_613_Qaa63p7.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_601_E8lUIGL.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_621_X45Edxw.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_609_P3mWXkz.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_597_alsdinT.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_628_51IriRz.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_616_sc6CY4V.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_604_HG8um6d.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_624_qr7EmUd.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_612_NUr6yLq.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_600_ngZGDnx.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_620_FfONZ99.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_608_j131qxy.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_596_stFfHXn.dcm",
|
|
],
|
|
},
|
|
{
|
|
i: [
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_792_og2P5S6.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_793_3tKkg87.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_794_s8FB3dq.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_795_8HeRpXV.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_796_tllvzjH.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_797_AXieNgu.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_798_L8YapjK.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_799_kvuLUsW.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_800_i2eSNzF.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_801_dR3KPL5.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_802_cDgm138.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_803_Bj3PZyX.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_804_CEqcWo2.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_805_5R2LmiA.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_806_RgmKU6b.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_807_BKTkmJv.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_808_OQOf2MC.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_809_lxnU3mr.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_810_8vG5Ett.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_811_poX6D2s.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_812_k46Ws88.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_813_7Ft4JOE.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_814_V5lJKxR.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_815_1hFehRl.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_816_34UqY7Z.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_817_YG28gpL.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_818_wonhIz5.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_819_bv3zaOx.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_820_xEjnfcI.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_821_cH9fPxl.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_822_lWmBHxs.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_823_ybix6Gz.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_824_q430lCK.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_825_28trFVc.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_826_7BF6HBF.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_827_ipmO3HH.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_828_Zuppb9h.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_829_TMuror5.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_830_Mnaj7oR.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_831_2U6zI7M.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_832_V9fvVdM.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_833_AAFaoOW.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_834_vxBJLIn.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_835_ZppFa6u.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_836_adRHoD3.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_837_jjfHCn3.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_838_N21h3ne.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_839_n6FWmeX.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_840_dErur0M.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_841_PcoTakk.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_842_UmTu7Fg.dcm",
|
|
"wadouri:https://www.penracourses.org.uk/media/atlas/dicom/IMG_843_USByQXH.dcm",
|
|
|
|
],
|
|
|
|
}
|
|
],
|
|
stackIdx: [0, 2, 1],
|
|
stackPos: [0, 0, 2],
|
|
props: [
|
|
{
|
|
voiRange: { lower: 39.150000000000034, upper: 559.1700000000001 },
|
|
invert: false,
|
|
interpolationType: 1,
|
|
VOILUTFunction: "LINEAR",
|
|
colormap: { name: "Grayscale", opacity: [] },
|
|
},
|
|
{
|
|
voiRange: { lower: 23.330000000000013, upper: 333.23 },
|
|
invert: false,
|
|
interpolationType: 1,
|
|
VOILUTFunction: "LINEAR",
|
|
colormap: { name: "Grayscale", opacity: [] },
|
|
},
|
|
{
|
|
voiRange: { lower: 35.47000000000003, upper: 504.35 },
|
|
invert: false,
|
|
interpolationType: 1,
|
|
VOILUTFunction: "LINEAR",
|
|
colormap: { name: "Grayscale", opacity: [] },
|
|
},
|
|
],
|
|
cam: [
|
|
{
|
|
viewUp: [
|
|
-0.00001587091537658125, -0.015633516013622284,
|
|
0.9998778104782104,
|
|
],
|
|
viewPlaneNormal: [
|
|
0.9999420159200826, 0.010767119415860999, 0.00018422042758444397,
|
|
],
|
|
position: [
|
|
229.83617495377155, 41.64140067850747, 119.19293043555355,
|
|
],
|
|
focalPoint: [
|
|
-54.36633106082782, 38.581180913933935, 119.14057149238982,
|
|
],
|
|
parallelProjection: true,
|
|
parallelScale: 204.18618383081306,
|
|
viewAngle: 90,
|
|
flipHorizontal: false,
|
|
flipVertical: false,
|
|
rotation: 0,
|
|
},
|
|
{
|
|
viewUp: [
|
|
0.0010457660537213087, -0.9813110828399658, 0.1924252212047577,
|
|
],
|
|
viewPlaneNormal: [
|
|
0.04514460865590469, -0.19218279979693106, -0.9803202210357175,
|
|
],
|
|
position: [
|
|
-21.89042091369629, 36.68157196044922, 65.77458190917969,
|
|
],
|
|
focalPoint: [
|
|
-27.218482971191406, 59.3633918762207, 181.4740447998047,
|
|
],
|
|
parallelProjection: true,
|
|
parallelScale: 81.6656748487095,
|
|
viewAngle: 90,
|
|
flipHorizontal: false,
|
|
flipVertical: false,
|
|
rotation: 0,
|
|
},
|
|
{
|
|
viewUp: [
|
|
-0.00001587091537658125, -0.015633516013622284,
|
|
0.9998778104782104,
|
|
],
|
|
viewPlaneNormal: [
|
|
0.9999420159493561, 0.010767116601264741, 0.00018422603640028001,
|
|
],
|
|
position: [238.6157989501953, 43.7907600402832, 106.84664916992188],
|
|
focalPoint: [
|
|
-45.586692810058594, 40.73054122924805, 106.7942886352539,
|
|
],
|
|
parallelProjection: true,
|
|
parallelScale: 178.65974529053696,
|
|
viewAngle: 90,
|
|
flipHorizontal: false,
|
|
flipVertical: false,
|
|
rotation: 0,
|
|
},
|
|
],
|
|
orientations: [null, null, null],
|
|
volumeSliceIndices: [null, 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", () => {
|
|
// Ask the viewer to load the stacks first (via exposed API), then wait 2s and import the viewer state.
|
|
(function loadStacksThenImport() {
|
|
if (!state.stacks || !Array.isArray(state.stacks)) {
|
|
callWhenReady("importViewerState_main_viewer", state);
|
|
return;
|
|
}
|
|
|
|
function pushStacks() {
|
|
const fnName = "loadAdditionalStack_main_viewer";
|
|
if (window[fnName] && typeof window[fnName] === "function") {
|
|
try {
|
|
state.stacks.forEach((s) => {
|
|
if (s && Array.isArray(s.i) && s.i.length) {
|
|
// call the viewer API to load this stack into available stacks
|
|
window[fnName](s.i);
|
|
}
|
|
});
|
|
console.log(
|
|
"Requested viewer to load",
|
|
state.stacks.length,
|
|
"stacks",
|
|
);
|
|
} catch (e) {
|
|
console.warn("loadAdditionalStack call failed", e);
|
|
}
|
|
// Give the viewer 2 seconds to fetch/cache and mount imageIds, then import state
|
|
setTimeout(() => {
|
|
callWhenReady("importViewerState_main_viewer", state);
|
|
}, 2000);
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
const started = pushStacks();
|
|
if (!started) {
|
|
// wait for the viewer API then retry
|
|
const maxWait = 5000;
|
|
const start = Date.now();
|
|
(function waitForApi() {
|
|
if (pushStacks()) return;
|
|
if (Date.now() - start > maxWait) {
|
|
console.warn(
|
|
"Timed out waiting for loadAdditionalStack API; importing state directly",
|
|
);
|
|
callWhenReady("importViewerState_main_viewer", state);
|
|
return;
|
|
}
|
|
setTimeout(waitForApi, 2000);
|
|
})();
|
|
}
|
|
})();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|