273 lines
12 KiB
HTML
273 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<!-- <html manifest="cache.manifest"> -->
|
|
<html>
|
|
|
|
<head>
|
|
<title>DICOM Web Viewer</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="description" content="DICOM Web Viewer (DWV) mobile version">
|
|
<meta name="keywords" content="DICOM,HTML5,JavaScript,medical,imaging,DWV">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
<link type="text/css" rel="stylesheet" href="../../css/style.css" />
|
|
<style type="text/css" >
|
|
body { margin: 10px; padding: 0; }
|
|
.layerContainer { margin: auto; text-align: center; }
|
|
.imageLayer { left: 0px; }
|
|
.dropBox { margin: 20px auto; }
|
|
.inline { display: inline-block !important; }
|
|
</style>
|
|
<link type="text/css" rel="stylesheet" href="../../ext/jquery-mobile/jquery.mobile-1.4.5.min.css" />
|
|
<link type="text/css" rel="stylesheet" href="../../ext/nprogress/nprogress.css" />
|
|
<style type="text/css" >
|
|
.ui-popup .ui-controlgroup { background-color: #252525; }
|
|
.colourLi > .ui-input-text { text-align: center; }
|
|
.colourLi > .ui-input-text input { min-height: 2em; width: 7em; display:inline-block }
|
|
.lwColourLi > .ui-input-text { text-align: center; }
|
|
.lwColourLi > .ui-input-text input { min-height: 2em; width: 7em; display:inline-block }
|
|
.ffColourLi > .ui-input-text { text-align: center; }
|
|
.ffColourLi > .ui-input-text input { min-height: 2em; width: 7em; display:inline-block }
|
|
/* jquery-mobile strip not visible enough */
|
|
.table-stripe tbody tr:nth-child(odd) td,
|
|
.table-stripe tbody tr:nth-child(odd) th {
|
|
background-color: #eeeeee; /* non-RGBA fallback */
|
|
background-color: rgba(0,0,0,0.1);
|
|
}
|
|
</style>
|
|
<!-- mobile web app -->
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<link rel="shortcut icon" sizes="16x16" href="../../resources/icons/dwv-16.png" />
|
|
<link rel="shortcut icon" sizes="60x60" href="../../resources/icons/dwv-60.png" />
|
|
<link rel="shortcut icon" sizes="128x128" href="../../resources/icons/dwv-128.png" />
|
|
<!-- apple specific -->
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<link rel="apple-touch-icon" sizes="16x16" href="../../resources/icons/dwv-16.png" />
|
|
<link rel="apple-touch-icon" sizes="60x60" href="../../resources/icons/dwv-60.png" />
|
|
<link rel="apple-touch-icon" sizes="128x128" href="../../resources/icons/dwv-128.png" />
|
|
<!-- Third party (dwv) -->
|
|
<script type="text/javascript" src="../../ext/modernizr/modernizr.js"></script>
|
|
<script type="text/javascript" src="../../ext/i18next/i18next.min.js"></script>
|
|
<script type="text/javascript" src="../../ext/i18next/i18nextXHRBackend.min.js"></script>
|
|
<script type="text/javascript" src="../../ext/i18next/i18nextBrowserLanguageDetector.min.js"></script>
|
|
<script type="text/javascript" src="../../ext/konva/konva.min.js"></script>
|
|
<script type="text/javascript" src="../../ext/magic-wand/magic-wand.js"></script>
|
|
<script type="text/javascript" src="../../ext/jszip/jszip.min.js"></script>
|
|
<!-- Third party (viewer) -->
|
|
<script type="text/javascript" src="../../ext/jquery/jquery-2.1.4.min.js"></script>
|
|
<script type="text/javascript" src="../../ext/jquery-mobile/jquery.mobile-1.4.5.min.js"></script>
|
|
<script type="text/javascript" src="../../ext/nprogress/nprogress.js"></script>
|
|
<script type="text/javascript" src="../../ext/flot/jquery.flot.min.js"></script>
|
|
<!-- decoders -->
|
|
<script type="text/javascript" src="../../decoders/pdfjs/jpx.js"></script>
|
|
<script type="text/javascript" src="../../decoders/pdfjs/util.js"></script>
|
|
<script type="text/javascript" src="../../decoders/pdfjs/arithmetic_decoder.js"></script>
|
|
<script type="text/javascript" src="../../decoders/pdfjs/jpg.js"></script>
|
|
<script type="text/javascript" src="../../decoders/rii-mango/lossless-min.js"></script>
|
|
<!-- Local -->
|
|
<script type="text/javascript" src="../../src/app/application.js"></script>
|
|
<script type="text/javascript" src="../../src/app/drawController.js"></script>
|
|
<script type="text/javascript" src="../../src/app/infoController.js"></script>
|
|
<script type="text/javascript" src="../../src/app/state.js"></script>
|
|
<script type="text/javascript" src="../../src/app/toolboxController.js"></script>
|
|
<script type="text/javascript" src="../../src/app/viewController.js"></script>
|
|
<script type="text/javascript" src="../../src/dicom/dicomParser.js"></script>
|
|
<script type="text/javascript" src="../../src/dicom/dictionary.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/filter.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/generic.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/help.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/html.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/info.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/layer.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/loader.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/style.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/tools.js"></script>
|
|
<script type="text/javascript" src="../../src/gui/undo.js"></script>
|
|
<script type="text/javascript" src="../../src/image/decoder.js"></script>
|
|
<script type="text/javascript" src="../../src/image/dicomBufferToView.js"></script>
|
|
<script type="text/javascript" src="../../src/image/domReader.js"></script>
|
|
<script type="text/javascript" src="../../src/image/filter.js"></script>
|
|
<script type="text/javascript" src="../../src/image/geometry.js"></script>
|
|
<script type="text/javascript" src="../../src/image/image.js"></script>
|
|
<script type="text/javascript" src="../../src/image/luts.js"></script>
|
|
<script type="text/javascript" src="../../src/image/view.js"></script>
|
|
<script type="text/javascript" src="../../src/io/filesLoader.js"></script>
|
|
<script type="text/javascript" src="../../src/io/urlsLoader.js"></script>
|
|
<script type="text/javascript" src="../../src/io/memoryLoader.js"></script>
|
|
<script type="text/javascript" src="../../src/io/dicomDataLoader.js"></script>
|
|
<script type="text/javascript" src="../../src/io/jsonTextLoader.js"></script>
|
|
<script type="text/javascript" src="../../src/io/rawImageLoader.js"></script>
|
|
<script type="text/javascript" src="../../src/io/rawVideoLoader.js"></script>
|
|
<script type="text/javascript" src="../../src/io/zipLoader.js"></script>
|
|
<script type="text/javascript" src="../../src/math/matrix.js"></script>
|
|
<script type="text/javascript" src="../../src/math/bucketQueue.js"></script>
|
|
<script type="text/javascript" src="../../src/math/point.js"></script>
|
|
<script type="text/javascript" src="../../src/math/scissors.js"></script>
|
|
<script type="text/javascript" src="../../src/math/shapes.js"></script>
|
|
<script type="text/javascript" src="../../src/math/stats.js"></script>
|
|
<script type="text/javascript" src="../../src/math/vector.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/arrow.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/draw.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/drawCommands.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/editor.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/ellipse.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/filter.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/floodfill.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/freeHand.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/livewire.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/protractor.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/rectangle.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/roi.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/ruler.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/scroll.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/toolbox.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/undo.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/windowLevel.js"></script>
|
|
<script type="text/javascript" src="../../src/tools/zoomPan.js"></script>
|
|
<script type="text/javascript" src="../../src/utils/browser.js" data-cover></script>
|
|
<script type="text/javascript" src="../../src/utils/i18n.js"></script>
|
|
<script type="text/javascript" src="../../src/utils/listen.js"></script>
|
|
<script type="text/javascript" src="../../src/utils/progress.js"></script>
|
|
<script type="text/javascript" src="../../src/utils/string.js"></script>
|
|
<script type="text/javascript" src="../../src/utils/uri.js"></script>
|
|
<script type="text/javascript" src="../../src/utils/thread.js"></script>
|
|
|
|
<!-- Google -->
|
|
<script type="text/javascript" src="https://apis.google.com/js/client.js"></script>
|
|
<script type="text/javascript" src="https://apis.google.com/js/api.js"></script>
|
|
<script type="text/javascript" src="google.js"></script>
|
|
|
|
<!-- Dropbox -->
|
|
<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js"
|
|
id="dropboxjs" data-app-key="96u3396jtx3bwr8"></script>
|
|
<script type="text/javascript" src="dropbox.js"></script>
|
|
|
|
<!-- Launch the app -->
|
|
<script type="text/javascript" src="appgui.js"></script>
|
|
<script type="text/javascript" src="applauncher.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Main page -->
|
|
<div data-role="page" data-theme="b" id="main">
|
|
|
|
<!-- pageHeader #dwvversion -->
|
|
<div id="pageHeader" data-role="header">
|
|
<h1>DWV <span class="dwv-version"></span></h1>
|
|
<a href="#help_page" data-icon="carat-r" class="ui-btn-right"
|
|
data-transition="slide" data-i18n="basics.help">Help</a>
|
|
</div><!-- /pageHeader -->
|
|
|
|
<!-- DWV -->
|
|
<div id="dwv">
|
|
|
|
<div id="pageMain" data-role="content" style="padding:2px;">
|
|
|
|
<!-- Toolbar -->
|
|
<div class="toolbar"></div>
|
|
|
|
<!-- Auth popup -->
|
|
<div data-role="popup" id="popupAuth">
|
|
<a href="#" data-rel="back" data-role="button" data-icon="delete"
|
|
data-iconpos="notext" class="ui-btn-right" data-i18n="basics.close">Close</a>
|
|
<div style="padding:10px 20px;">
|
|
<h3 data-i18n="io.GoogleDrive.auth.title">Google Drive Authorization</h3>
|
|
<p data-i18n="io.GoogleDrive.auth.body">Please authorize DWV to access your Google Drive.
|
|
<br>This is only needed the first time you connect.</p>
|
|
<button id="gauth-button" class="ui-btn" data-i18n="io.GoogleDrive.auth.button">Authorize</button>
|
|
</div>
|
|
</div><!-- /popup -->
|
|
|
|
<!-- Open popup -->
|
|
<div data-role="popup" id="popupOpen">
|
|
<a href="#" data-rel="back" data-role="button" data-icon="delete"
|
|
data-iconpos="notext" class="ui-btn-right" data-i18n="basics.close">Close</a>
|
|
<div style="padding:10px 20px;">
|
|
<h3 data-i18n="basics.open">Open</h3>
|
|
<div id="dwv-loaderlist"></div>
|
|
</div>
|
|
</div><!-- /popup -->
|
|
|
|
<!-- Layer Container -->
|
|
<div class="layerContainer">
|
|
<div class="dropBox"></div>
|
|
<canvas class="imageLayer">Only for HTML5 compatible browsers...</canvas>
|
|
<div class="drawDiv"></div>
|
|
<div class="infoLayer">
|
|
<div class="infotl info"></div>
|
|
<div class="infotc infoc"></div>
|
|
<div class="infotr info"></div>
|
|
<div class="infocl infoc"></div>
|
|
<div class="infocr infoc"></div>
|
|
<div class="infobl info"></div>
|
|
<div class="infobc infoc"></div>
|
|
<div class="infobr info"></div>
|
|
</div><!-- /infoLayer -->
|
|
</div><!-- /layerContainer -->
|
|
|
|
<!-- History -->
|
|
<div class="history" title="History" style="display:none;"></div>
|
|
|
|
</div><!-- /content -->
|
|
|
|
<div data-role="footer">
|
|
<div data-role="navbar" class="toolList">
|
|
</div><!-- /navbar -->
|
|
</div><!-- /footer -->
|
|
|
|
</div><!-- /page main -->
|
|
|
|
</div><!-- /dwv -->
|
|
|
|
<!-- Tags page -->
|
|
<div data-role="page" data-theme="b" id="tags_page">
|
|
|
|
<div data-role="header">
|
|
<a href="#main" data-icon="back" data-transition="slide"
|
|
data-direction="reverse" data-i18n="basics.back">Back</a>
|
|
<h1 data-i18n="basics.dicomTags">DICOM Tags</h1>
|
|
</div><!-- /header -->
|
|
|
|
<div data-role="content">
|
|
<!-- Tags -->
|
|
<div id="dwv-tags" title="Tags"></div>
|
|
</div><!-- /content -->
|
|
|
|
</div><!-- /page tags_page-->
|
|
|
|
<!-- Draw list page -->
|
|
<div data-role="page" data-theme="b" id="drawList_page">
|
|
|
|
<div data-role="header">
|
|
<a href="#main" data-icon="back" data-transition="slide"
|
|
data-direction="reverse" data-i18n="basics.back">Back</a>
|
|
<h1 data-i18n="basics.drawList">Draw list</h1>
|
|
</div><!-- /header -->
|
|
|
|
<div data-role="content">
|
|
<!-- DrawList -->
|
|
<div id="dwv-drawList" title="Draw list"></div>
|
|
</div><!-- /content -->
|
|
|
|
</div><!-- /page draw-list_page-->
|
|
|
|
|
|
<!-- Help page -->
|
|
<div data-role="page" data-theme="b" id="help_page">
|
|
|
|
<div data-role="header">
|
|
<a href="#main" data-icon="back" data-transition="slide"
|
|
data-direction="reverse" data-i18n="basics.back">Back</a>
|
|
<h1 data-i18n="basics.help">Help</h1>
|
|
</div><!-- /header -->
|
|
|
|
<div data-role="content">
|
|
<!-- Help -->
|
|
<div id="dwv-help" title="Help"></div>
|
|
</div><!-- /content -->
|
|
|
|
</div><!-- /page help_page-->
|
|
|
|
</body>
|
|
</html>
|