Mercurial > hg > orthanc-webviewer
diff 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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/WebApplication/viewer.html Wed Feb 25 13:45:35 2015 +0100 @@ -0,0 +1,81 @@ +<!doctype html> + +<html lang="us"> + <head> + <meta charset="utf-8" /> + <title>Orthanc Web Viewer</title> + <link href="../libs/jquery-ui.min.css" rel="stylesheet" /> + <link href="../libs/jquery-ui.theme.min.css" rel="stylesheet" /> + <link href="../libs/cornerstone.min.css" rel="stylesheet" /> + <link href="../libs/jquery.jspanel.min.css" rel="stylesheet" /> + <link href="viewer.css" rel="stylesheet" /> + </head> + <body> + <div id="dicomImageWrapper" + class="cornerstone-enabled-image" + oncontextmenu="return false" + unselectable="on" + onselectstart="return false;" + onmousedown="return false;"> + <div id="dicomImage" oncontextmenu="return false" /> + </div> + + <div id="topleft"> + <button id="open-toolbar"></button> + </div> + + <div id="topright">Render Time:</div> + <div id="bottomright">Zoom:</div> + <div id="bottomleft">WW/WC:</div> + <div id="bottomcenter" class="alert">Not for diagnostic purpose</div> + <div id="bottom"> + <div id="slider"></div> + </div> + + <div id="toolbar-content" style="display:none"> + View<br/> + <div class="toolbar-view"> + <button title="Series information"></button> + <button title="Reverse contrast"></button> + <button title="Interpolation"></button> + <button title="Download DICOM"></button> + </div> + Zoom<br/> + <div class="toolbar-zoom"> + <button title="Adjust"></button> + <button title="Zoom in"></button> + <button title="Zoom out"></button> + </div> + Windowing<br/> + <div class="toolbar-windowing"> + <button title="Default windowing"></button> + <button title="Stretch contrast"></button> + <button title="Lung"></button> + <button title="Bone"></button> + </div> + Quality<br/> + <div class="toolbar-quality"> + <button title="Low quality"></button> + <button title="Medium quality"></button> + <button title="Best quality (lossless)"></button> + </div> + </div> + + <!-- jQuery, jQuery UI and jsPanel --> + <script src="../libs/jquery.js" type="text/javascript"></script> + <script src="../libs/jquery-ui.min.js" type="text/javascript"></script> + <script src="../libs/mobile-detect.min.js" type="text/javascript"></script> + <script src="../libs/jquery.ui.touch-punch.min.js" type="text/javascript"></script> + <script src="../libs/jquery.jspanel.min.js" type="text/javascript"></script> + + <!-- Cornerstone --> + <script src="../libs/cornerstone.min.js" type="text/javascript"></script> + + <!-- For zlib (deflate) and JPEG decompression --> + <script src="../libs/pako_inflate.min.js" type="text/javascript"></script> + <script src="jpeg-decoder.js" type="text/javascript"></script> + + <script src="../libs/url.min.js" type="text/javascript"></script> + <script src="viewer.js" type="text/javascript"></script> + </body> +</html>