Mercurial > hg > orthanc-webviewer

diff WebApplication/viewer.html @ 0:02f7a0400a91

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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>