694 lines
31 KiB
HTML
694 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Orthanc Explorer</title>
|
|
|
|
<link rel="shortcut icon" href="images/favicon.ico">
|
|
|
|
<link rel="stylesheet" href="libs/jquery.mobile.min.css" />
|
|
<link rel="stylesheet" href="libs/jqtree.css" />
|
|
<link rel="stylesheet" href="libs/jquery.mobile.simpledialog.min.css" />
|
|
<link rel="stylesheet" href="libs/jquery-file-upload/css/style.css" />
|
|
<link rel="stylesheet" href="libs/jquery-file-upload/css/jquery.fileupload-ui.css" />
|
|
<link rel="stylesheet" href="libs/slimbox2/slimbox2.css" />
|
|
|
|
<script src="libs/jquery.min.js"></script>
|
|
<script src="libs/jquery.mobile.min.js"></script>
|
|
<script src="libs/jqm.page.params.js"></script>
|
|
<script src="libs/tree.jquery.js"></script>
|
|
<script src="libs/date.js"></script>
|
|
<script src="libs/jquery.mobile.simpledialog2.js"></script>
|
|
<script src="libs/slimbox2.js"></script>
|
|
<script src="libs/jquery.blockui.js"></script>
|
|
|
|
<!-- https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin -->
|
|
<script src="libs/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
|
|
<script src="libs/jquery-file-upload/js/jquery.iframe-transport.js"></script>
|
|
<script src="libs/jquery-file-upload/js/jquery.fileupload.js"></script>
|
|
|
|
<link rel="stylesheet" href="explorer.css" />
|
|
<script src="file-upload.js"></script>
|
|
<script src="explorer.js"></script>
|
|
<script src="query-retrieve.js"></script>
|
|
<script src="../plugins/explorer.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div data-role="page" id="lookup">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>Lookup studies</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
|
|
<a href="#upload" data-icon="gear" data-role="button">Upload</a>
|
|
<a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
|
|
<a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<div data-role="content" id="content" style="padding:0px">
|
|
<p align="center">
|
|
<a href="http://www.orthanc-server.com/" target="_blank" alt="Orthanc homepage">
|
|
<img src="orthanc-logo.png" alt="Orthanc" style="max-width:100%" />
|
|
</a>
|
|
</p>
|
|
</div>
|
|
|
|
<form data-ajax="false" id="lookup-form">
|
|
<div data-role="fieldcontain">
|
|
<label for="lookup-patient-id">Patient ID:</label>
|
|
<input type="text" name="lookup-patient-id" id="lookup-patient-id" value="" />
|
|
</div>
|
|
|
|
<div data-role="fieldcontain">
|
|
<label for="lookup-patient-name">Patient Name:</label>
|
|
<input type="text" name="lookup-patient-name" id="lookup-patient-name" value="" />
|
|
</div>
|
|
|
|
<div data-role="fieldcontain">
|
|
<label for="lookup-accession-number">Accession Number:</label>
|
|
<input type="text" name="lookup-accession-number" id="lookup-accession-number" value="" />
|
|
</div>
|
|
|
|
<div data-role="fieldcontain">
|
|
<label for="lookup-study-description">Study Description:</label>
|
|
<input type="text" name="lookup-study-description" id="lookup-study-description" value="" />
|
|
</div>
|
|
|
|
<div data-role="fieldcontain" id="lookup-study-labels-div">
|
|
<label for="lookup-study-labels">Labels:</label>
|
|
<input type="text" name="lookup-study-description" id="lookup-study-labels" value="" />
|
|
</div>
|
|
|
|
<div data-role="fieldcontain">
|
|
<label for="lookup-study-date">Study Date:</label>
|
|
<select name="lookup-study-date" id="lookup-study-date">
|
|
</select>
|
|
</div>
|
|
|
|
<div data-role="fieldcontain">
|
|
<label for="lookup-study-date-specific"></label>
|
|
<input type="date" name="lookup-study-date-specific" id="lookup-study-date-specific" />
|
|
</div>
|
|
|
|
<fieldset class="ui-grid-b">
|
|
<div class="ui-block-a">
|
|
<a href="#find-patients" data-role="button" data-theme="b" data-direction="reverse">All patients</a>
|
|
</div>
|
|
<div class="ui-block-b">
|
|
<a href="#find-studies" data-role="button" data-theme="b" data-direction="reverse">All studies</a>
|
|
</div>
|
|
<div class="ui-block-c">
|
|
<button id="lookup-submit" type="submit" data-theme="e">Do lookup</button>
|
|
</div>
|
|
</fieldset>
|
|
<div> </div>
|
|
</form>
|
|
<div id="lookup-result">
|
|
<div id="lookup-alert">
|
|
<div class="ui-bar ui-bar-e">
|
|
<h3>Warning:</h3> Your lookup led to many results!
|
|
Showing only <span id="lookup-count">?</span> studies to
|
|
avoid performance issue. Please make your query more
|
|
specific, then relaunch the lookup.
|
|
</div>
|
|
<div> </div>
|
|
</div>
|
|
<ul data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="find-patients">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>All patients</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
|
|
<a href="#upload" data-icon="gear" data-role="button">Upload</a>
|
|
<a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
|
|
<a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<div id="alert-patients">
|
|
<div class="ui-bar ui-bar-e">
|
|
<h3>Warning:</h3> This is a large Orthanc server. Showing
|
|
only <span id="count-patients">?</span> patients to avoid
|
|
performance issue. Make sure to use lookup if targeting
|
|
specific patients!
|
|
</div>
|
|
<div> </div>
|
|
</div>
|
|
<ul id="all-patients" data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="find-studies">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>All studies</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
|
|
<a href="#upload" data-icon="gear" data-role="button">Upload</a>
|
|
<a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
|
|
<a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<div id="alert-studies">
|
|
<div class="ui-bar ui-bar-e">
|
|
<h3>Warning:</h3> This is a large Orthanc server. Showing
|
|
only <span id="count-studies">?</span> studies to avoid
|
|
performance issue. Make sure to use lookup if targeting
|
|
specific studies!
|
|
</div>
|
|
<div> </div>
|
|
</div>
|
|
<ul id="all-studies" data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="upload">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>Upload DICOM files</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<div>
|
|
<!-- It's very difficult to style a "file" input so we
|
|
actually hide it and create a "proxy" button that is
|
|
forwarding its click to the "file" input -->
|
|
<input id="fileupload" type="file" name="files[]" data-url="../instances/" style="display:none" multiple>
|
|
</div>
|
|
<p>
|
|
<ul data-role="listview" data-inset="true">
|
|
<li id="fileupload-proxy" onclick="$('#fileupload').click()" data-icon="arrow-r" data-theme="e">
|
|
<a href="#">Select files to upload ...</a>
|
|
</li>
|
|
<li data-icon="arrow-r" data-theme="e"><a href="#" id="upload-button">Start the upload</a></li>
|
|
<!--li data-icon="gear" data-theme="e"><a href="#" id="upload-abort" class="ui-disabled">Abort the current upload</a></li-->
|
|
<li data-icon="delete" data-theme="d"><a href="#" id="upload-clear">Clear the pending uploads</a></li>
|
|
</ul>
|
|
<div id="progress" class="ui-corner-all">
|
|
<span class="bar ui-corner-all"></span>
|
|
<div class="label"></div>
|
|
</div>
|
|
</p>
|
|
<div class="ui-bar ui-bar-e" id="issue-21-warning">
|
|
<h3>Warning:</h3> Orthanc issue #21: On Firefox, especially on
|
|
Linux & OSX systems, files might be missing if using
|
|
drag-and-drop. Please use the "Select files to upload" button
|
|
instead, or use the command-line "ImportDicomFiles.py" script.
|
|
</div>
|
|
<ul id="upload-list" data-role="listview" data-inset="true">
|
|
<li data-role="list-divider">Drag and drop DICOM files here</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="patient">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>Patient</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
|
|
<a href="#upload" data-icon="gear" data-role="button">Upload</a>
|
|
<a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
|
|
<a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<div class="ui-grid-a">
|
|
<div class="ui-block-a" style="width:30%">
|
|
<div style="padding-right:10px">
|
|
<ul data-role="listview" data-inset="true" data-theme="a" id="patient-info">
|
|
</ul>
|
|
<p>
|
|
<div class="switch-container">
|
|
<select name="protection" id="protection" data-role="slider">
|
|
<option value="off">Unprotected</option>
|
|
<option value="on">Protected</option>
|
|
</select>
|
|
</div>
|
|
</p>
|
|
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
|
|
<li data-role="list-divider">Interact</li>
|
|
<li data-icon="delete"><a href="#" id="patient-delete">Delete this patient</a></li>
|
|
<li data-icon="forward"><a href="#" id="patient-store">Send to remote modality</a></li>
|
|
<li data-icon="star"><a href="#" id="patient-anonymize">Anonymize</a></li>
|
|
</ul>
|
|
|
|
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c" id="patient-access">
|
|
<li data-role="list-divider">Access</li>
|
|
<li data-icon="info" data-theme="e" style="display:none">
|
|
<a href="#" id="patient-anonymized-from">Before anonymization</a>
|
|
</li>
|
|
<li data-icon="info" data-theme="e" style="display:none">
|
|
<a href="#" id="patient-modified-from">Before modification</a>
|
|
</li>
|
|
<li data-icon="gear"><a href="#" id="patient-archive">Download ZIP</a></li>
|
|
<li data-icon="gear"><a href="#" id="patient-media">Download DICOMDIR</a></li>
|
|
<li data-icon="gear"><a href="#" id="patient-archive-link">Copy link to ZIP</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="ui-block-b" style="width:70%">
|
|
<div style="padding:10px">
|
|
<ul id="list-studies" data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="study">
|
|
<div data-role="header">
|
|
<h1>
|
|
<span class="orthanc-name"></span>
|
|
<a href="#" class="patient-link">Patient</a> »
|
|
Study
|
|
</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
|
|
<a href="#upload" data-icon="gear" data-role="button">Upload</a>
|
|
<a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
|
|
<a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<div class="ui-grid-a">
|
|
<div class="ui-block-a" style="width:30%">
|
|
<div style="padding-right:10px">
|
|
<ul data-role="listview" data-inset="true" data-theme="a" id="study-info">
|
|
</ul>
|
|
|
|
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
|
|
<li data-role="list-divider">Interact</li>
|
|
<li data-icon="delete"><a href="#" id="study-delete">Delete this study</a></li>
|
|
<li data-icon="forward"><a href="#" id="study-store">Send to DICOM modality</a></li>
|
|
<li data-icon="star"><a href="#" id="study-anonymize">Anonymize</a></li>
|
|
</ul>
|
|
|
|
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c" id="study-access">
|
|
<li data-role="list-divider">Access</li>
|
|
<li data-icon="info" data-theme="e" style="display:none">
|
|
<a href="#" id="study-anonymized-from">Before anonymization</a>
|
|
</li>
|
|
<li data-icon="info" data-theme="e" style="display:none">
|
|
<a href="#" id="study-modified-from">Before modification</a>
|
|
</li>
|
|
<li data-icon="gear"><a href="#" id="study-archive">Download ZIP</a></li>
|
|
<li data-icon="gear"><a href="#" id="study-media">Download DICOMDIR</a></li>
|
|
<li data-icon="gear"><a href="#" id="study-archive-link">Copy link to ZIP</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="ui-block-b" style="width:70%">
|
|
<div style="padding:10px">
|
|
<ul id="list-series" data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="series">
|
|
<div data-role="header">
|
|
<h1>
|
|
<span class="orthanc-name"></span>
|
|
<a href="#" class="patient-link">Patient</a> »
|
|
<a href="#" class="study-link">Study</a> »
|
|
Series
|
|
</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
|
|
<a href="#upload" data-icon="gear" data-role="button">Upload</a>
|
|
<a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
|
|
<a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<div class="ui-grid-a">
|
|
<div class="ui-block-a" style="width:30%">
|
|
<div style="padding-right:10px">
|
|
<ul data-role="listview" data-inset="true" data-theme="a" id="series-info">
|
|
</ul>
|
|
|
|
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
|
|
<li data-role="list-divider">Interact</li>
|
|
<li data-icon="delete"><a href="#" id="series-delete">Delete this series</a></li>
|
|
<li data-icon="forward"><a href="#" id="series-store">Send to DICOM modality</a></li>
|
|
<li data-icon="star"><a href="#" id="series-anonymize">Anonymize</a></li>
|
|
</ul>
|
|
|
|
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c" id="series-access">
|
|
<li data-role="list-divider">Access</li>
|
|
<li data-icon="info" data-theme="e" style="display:none">
|
|
<a href="#" id="series-anonymized-from">Before anonymization</a>
|
|
</li>
|
|
<li data-icon="info" data-theme="e" style="display:none">
|
|
<a href="#" id="series-modified-from">Before modification</a>
|
|
</li>
|
|
<li data-icon="search"><a href="#" id="series-preview">Preview this series</a></li>
|
|
<li data-icon="gear"><a href="#" id="series-archive">Download ZIP</a></li>
|
|
<li data-icon="gear"><a href="#" id="series-media">Download DICOMDIR</a></li>
|
|
<li data-icon="gear"><a href="#" id="series-archive-link">Copy link to ZIP</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="ui-block-b" style="width:70%">
|
|
<div style="padding:10px">
|
|
<ul id="list-instances" data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="instance">
|
|
<div data-role="header">
|
|
<h1>
|
|
<span class="orthanc-name"></span>
|
|
<a href="#" class="patient-link">Patient</a> »
|
|
<a href="#" class="study-link">Study</a> »
|
|
<a href="#" class="series-link">Series</a> »
|
|
Instance
|
|
</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
|
|
<a href="#upload" data-icon="gear" data-role="button">Upload</a>
|
|
<a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
|
|
<a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<div class="ui-grid-a">
|
|
<div class="ui-block-a" style="width:30%">
|
|
<div style="padding-right:10px">
|
|
<ul data-role="listview" data-inset="true" data-theme="a" id="instance-info">
|
|
</ul>
|
|
|
|
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
|
|
<li data-role="list-divider">Interact</li>
|
|
<li data-icon="delete"><a href="#" id="instance-delete">Delete this instance</a></li>
|
|
<li data-icon="forward"><a href="#" id="instance-store">Send to DICOM modality</a></li>
|
|
</ul>
|
|
|
|
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c" id="instance-access">
|
|
<li data-role="list-divider">Access</li>
|
|
<li data-icon="info" data-theme="e" style="display:none">
|
|
<a href="#" id="instance-anonymized-from">Before anonymization</a>
|
|
</li>
|
|
<li data-icon="info" data-theme="e" style="display:none">
|
|
<a href="#" id="instance-modified-from">Before modification</a>
|
|
</li>
|
|
<li data-icon="arrow-d"><a href="#" id="instance-download-dicom">Download the DICOM file</a></li>
|
|
<li data-icon="arrow-d"><a href="#" id="instance-download-json">Download the JSON file</a></li>
|
|
<li data-icon="gear"><a href="#" id="instance-download-link">Copy link to the DICOM file</a></li>
|
|
<li data-icon="search"><a href="#" id="instance-preview">Preview the instance</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="ui-block-b" style="width:70%">
|
|
<div style="padding:10px">
|
|
<div class="ui-body ui-body-b">
|
|
<h1>DICOM Tags</h1>
|
|
<p align="right">
|
|
<input type="checkbox" id="show-tag-name" checked="checked" class="custom" data-mini="true" />
|
|
<label for="show-tag-name">Show tag description</label>
|
|
</p>
|
|
<h2>Meta header</h2>
|
|
<div id="dicom-metaheader"></div>
|
|
<h2>Dataset</h2>
|
|
<p align="right" id="transfer-syntax">
|
|
<em>Transfer syntax: <span id="transfer-syntax-text"></span></em>
|
|
</p>
|
|
<div id="dicom-tree"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="plugins">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>Plugins</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<ul id="all-plugins" data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="query-retrieve">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>DICOM Query/Retrieve (1/4)</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<form data-ajax="false">
|
|
<div data-role="fieldcontain">
|
|
<label for="qr-server">DICOM server:</label>
|
|
<select name="qr-server" id="qr-server">
|
|
</select>
|
|
</div>
|
|
|
|
<div data-role="fieldcontain" id="qr-fields">
|
|
<fieldset data-role="controlgroup">
|
|
<legend>Field of interest:</legend>
|
|
<input type="radio" name="qr-field" id="qr-patient-id" value="PatientID" checked="checked" />
|
|
<label for="qr-patient-id">Patient ID</label>
|
|
<input type="radio" name="qr-field" id="qr-patient-name" value="PatientName" />
|
|
<label for="qr-patient-name">Patient Name</label>
|
|
<input type="radio" name="qr-field" id="qr-accession-number" value="AccessionNumber" />
|
|
<label for="qr-accession-number">Accession Number</label>
|
|
<input type="radio" name="qr-field" id="qr-study-description" value="StudyDescription" />
|
|
<label for="qr-study-description">Study Description</label>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div data-role="fieldcontain">
|
|
<label for="qr-value">Value for this field:</label>
|
|
<input type="text" name="qr-value" id="qr-value" value="" />
|
|
</div>
|
|
|
|
<div data-role="fieldcontain">
|
|
<label for="qr-date">Study date:</label>
|
|
<select name="qr-date" id="qr-date">
|
|
</select>
|
|
</div>
|
|
|
|
<div data-role="fieldcontain">
|
|
<label for="qr-date-specific"></label>
|
|
<input type="date" name="qr-date-specific" id="qr-date-specific" />
|
|
</div>
|
|
|
|
<div data-role="fieldcontain" id="qr-modalities">
|
|
<div data-role="fieldcontain">
|
|
<fieldset data-role="controlgroup" data-type="horizontal">
|
|
<legend>Modalities:</legend>
|
|
<input type="checkbox" name="CR" id="qr-cr" class="custom" /> <label for="qr-cr">CR</label>
|
|
<input type="checkbox" name="CT" id="qr-ct" class="custom" /> <label for="qr-ct">CT</label>
|
|
<input type="checkbox" name="MR" id="qr-mr" class="custom" /> <label for="qr-mr">MR</label>
|
|
<input type="checkbox" name="NM" id="qr-nm" class="custom" /> <label for="qr-nm">NM</label>
|
|
<input type="checkbox" name="PT" id="qr-pt" class="custom" /> <label for="qr-pt">PT</label>
|
|
<input type="checkbox" name="US" id="qr-us" class="custom" /> <label for="qr-us">US</label>
|
|
<input type="checkbox" name="XA" id="qr-xa" class="custom" /> <label for="qr-xa">XA</label>
|
|
<input type="checkbox" name="DR" id="qr-dr" class="custom" /> <label for="qr-dr">DR</label>
|
|
<input type="checkbox" name="DX" id="qr-dx" class="custom" /> <label for="qr-dx">DX</label>
|
|
<input type="checkbox" name="MG" id="qr-mg" class="custom" /> <label for="qr-mg">MG</label>
|
|
<input type="checkbox" name="XC" id="qr-xc" class="custom" /> <label for="qr-xc">XC</label>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<fieldset class="ui-grid-a">
|
|
<div class="ui-block-a">
|
|
<button id="qr-echo" data-theme="a">Test Echo</button>
|
|
</div>
|
|
<div class="ui-block-b">
|
|
<button id="qr-submit" type="submit" data-theme="b">Search studies</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div data-role="page" id="query-retrieve-2">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>DICOM Query/Retrieve (2/4)</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
|
|
</div>
|
|
<div data-role="content">
|
|
<ul data-role="listview" data-inset="true" data-filter="true" data-split-icon="arrow-d" data-split-theme="b">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div data-role="page" id="query-retrieve-3">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>DICOM Query/Retrieve (3/4)</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
|
|
</div>
|
|
<div data-role="content">
|
|
<ul data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div data-role="page" id="query-retrieve-4">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>DICOM Query/Retrieve (4/4)</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
|
|
</div>
|
|
|
|
<div data-role="content">
|
|
<form data-ajax="false" id="retrieve-form">
|
|
<div data-role="fieldcontain">
|
|
<label for="retrieve-target">Target AET:</label>
|
|
<input type="text" name="retrieve-target" id="retrieve-target"></input>
|
|
</div>
|
|
|
|
<fieldset class="ui-grid-b">
|
|
<div class="ui-block-a"></div>
|
|
<div class="ui-block-b">
|
|
<button id="retrieve-submit" type="submit" data-theme="b">Retrieve</button>
|
|
</div>
|
|
<div class="ui-block-c"></div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div data-role="page" id="jobs">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>Jobs</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<ul id="all-jobs" data-role="listview" data-inset="true" data-filter="true">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="page" id="job">
|
|
<div data-role="header">
|
|
<h1><span class="orthanc-name"></span>Job</h1>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
|
|
<a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a>
|
|
<a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
|
|
</div>
|
|
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
|
|
<a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content">
|
|
<ul data-role="listview" data-inset="true" data-filter="true" id="job-info">
|
|
</ul>
|
|
|
|
<fieldset class="ui-grid-b">
|
|
<div class="ui-block-a"></div>
|
|
<div class="ui-block-b">
|
|
<button id="job-cancel" data-theme="b">Cancel job</button>
|
|
<button id="job-resubmit" data-theme="b">Resubmit job</button>
|
|
<button id="job-pause" data-theme="b">Pause job</button>
|
|
<button id="job-resume" data-theme="b">Resume job</button>
|
|
</div>
|
|
<div class="ui-block-c"></div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="peer-store" style="display:none;" class="ui-body-c">
|
|
<p align="center"><b>Sending to Orthanc peer...</b></p>
|
|
<p><img src="libs/images/ajax-loader.gif" alt="" /></p>
|
|
</div>
|
|
|
|
<div id="dicom-store" style="display:none;" class="ui-body-c">
|
|
<p align="center"><b>Sending to DICOM modality...</b></p>
|
|
<p><img src="libs/images/ajax-loader.gif" alt="" /></p>
|
|
</div>
|
|
|
|
<div id="info-retrieve" style="display:none;" class="ui-body-c">
|
|
<p align="center"><b>Retrieving images from DICOM modality...</b></p>
|
|
<p><img src="libs/images/ajax-loader.gif" alt="" /></p>
|
|
</div>
|
|
|
|
<div id="dialog" style="display:none">
|
|
</div>
|
|
|
|
<div id="template-insecure" style="display:none">
|
|
<div class="warning-insecure ui-body ui-body-e">
|
|
<h1>Insecure setup</h1>
|
|
<p>
|
|
Your Orthanc server is accepting remote connections, but is
|
|
using the default username and password, or has user
|
|
authentication explicitly turned off. Please carefully read
|
|
your logs and review your configuration, especially
|
|
options <tt>RemoteAccessAllowed</tt>, <tt>AuthenticationEnabled</tt>,
|
|
and <tt>RegisteredUsers</tt>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|