0
|
1 <!doctype html>
|
|
2
|
|
3 <html lang="us">
|
|
4 <head>
|
|
5 <meta charset="utf-8" />
|
|
6 <title>Orthanc Web Viewer</title>
|
|
7 <link href="../libs/jquery-ui.min.css" rel="stylesheet" />
|
|
8 <link href="../libs/jquery-ui.theme.min.css" rel="stylesheet" />
|
|
9 <link href="../libs/cornerstone.min.css" rel="stylesheet" />
|
|
10 <link href="../libs/jquery.jspanel.min.css" rel="stylesheet" />
|
|
11 <link href="viewer.css" rel="stylesheet" />
|
|
12 </head>
|
|
13 <body>
|
|
14 <div id="dicomImageWrapper"
|
|
15 class="cornerstone-enabled-image"
|
|
16 oncontextmenu="return false"
|
|
17 unselectable="on"
|
|
18 onselectstart="return false;"
|
|
19 onmousedown="return false;">
|
|
20 <div id="dicomImage" oncontextmenu="return false" />
|
|
21 </div>
|
|
22
|
|
23 <div id="topleft">
|
|
24 <button id="open-toolbar"></button>
|
|
25 </div>
|
|
26
|
|
27 <div id="topright">Render Time:</div>
|
|
28 <div id="bottomright">Zoom:</div>
|
|
29 <div id="bottomleft">WW/WC:</div>
|
|
30 <div id="bottomcenter" class="alert">Not for diagnostic purpose</div>
|
|
31 <div id="bottom">
|
|
32 <div id="slider"></div>
|
|
33 </div>
|
|
34
|
|
35 <div id="toolbar-content" style="display:none">
|
|
36 View<br/>
|
|
37 <div class="toolbar-view">
|
|
38 <button title="Series information"></button>
|
|
39 <button title="Reverse contrast"></button>
|
|
40 <button title="Interpolation"></button>
|
|
41 <button title="Download DICOM"></button>
|
|
42 </div>
|
|
43 Zoom<br/>
|
|
44 <div class="toolbar-zoom">
|
|
45 <button title="Adjust"></button>
|
|
46 <button title="Zoom in"></button>
|
|
47 <button title="Zoom out"></button>
|
|
48 </div>
|
|
49 Windowing<br/>
|
|
50 <div class="toolbar-windowing">
|
|
51 <button title="Default windowing"></button>
|
|
52 <button title="Stretch contrast"></button>
|
|
53 <button title="Lung"></button>
|
|
54 <button title="Bone"></button>
|
|
55 </div>
|
|
56 Quality<br/>
|
|
57 <div class="toolbar-quality">
|
|
58 <button title="Low quality"></button>
|
|
59 <button title="Medium quality"></button>
|
|
60 <button title="Best quality (lossless)"></button>
|
|
61 </div>
|
|
62 </div>
|
|
63
|
|
64 <!-- jQuery, jQuery UI and jsPanel -->
|
|
65 <script src="../libs/jquery.js" type="text/javascript"></script>
|
|
66 <script src="../libs/jquery-ui.min.js" type="text/javascript"></script>
|
|
67 <script src="../libs/mobile-detect.min.js" type="text/javascript"></script>
|
|
68 <script src="../libs/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
|
|
69 <script src="../libs/jquery.jspanel.min.js" type="text/javascript"></script>
|
|
70
|
|
71 <!-- Cornerstone -->
|
|
72 <script src="../libs/cornerstone.min.js" type="text/javascript"></script>
|
|
73
|
|
74 <!-- For zlib (deflate) and JPEG decompression -->
|
|
75 <script src="../libs/pako_inflate.min.js" type="text/javascript"></script>
|
|
76 <script src="jpeg-decoder.js" type="text/javascript"></script>
|
|
77
|
|
78 <script src="../libs/url.min.js" type="text/javascript"></script>
|
|
79 <script src="viewer.js" type="text/javascript"></script>
|
|
80 </body>
|
|
81 </html>
|