comparison WebApplication/viewer.html @ 0:02f7a0400a91

initial commit
author Sebastien Jodogne <s.jodogne@gmail.com>
date Wed, 25 Feb 2015 13:45:35 +0100
parents
children c919d488471f
comparison
equal deleted inserted replaced
-1:000000000000 0:02f7a0400a91
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>