Mercurial > hg > orthanc
annotate OrthancExplorer/explorer.html @ 819:992be7e1736a Orthanc-0.7.5
set version
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Thu, 08 May 2014 17:03:22 +0200 |
parents | a8be42bcf2bb |
children | 2e11c3353356 |
rev | line source |
---|---|
0 | 1 <!DOCTYPE html> |
2 | |
3 <html> | |
4 <head> | |
5 <meta charset="utf-8"> | |
6 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
61
d1c511efd6b1
renaming of explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
57
diff
changeset
|
7 <title>Orthanc Explorer</title> |
0 | 8 |
9 <link rel="stylesheet" href="libs/jquery.mobile-1.1.0.min.css" /> | |
10 <link rel="stylesheet" href="libs/jqtree.css" /> | |
11 <link rel="stylesheet" href="libs/jquery.mobile.simpledialog.min.css" /> | |
12 <link rel="stylesheet" href="libs/jquery-file-upload/css/style.css" /> | |
13 <link rel="stylesheet" href="libs/jquery-file-upload/css/jquery.fileupload-ui.css" /> | |
14 <link rel="stylesheet" href="libs/slimbox2/slimbox2.css" /> | |
15 | |
16 <script src="libs/jquery-1.7.2.min.js"></script> | |
17 <script src="libs/jquery.mobile-1.1.0.min.js"></script> | |
18 <script src="libs/jqm.page.params.js"></script> | |
19 <script src="libs/tree.jquery.js"></script> | |
20 <script src="libs/date.js"></script> | |
21 <script src="libs/jquery.mobile.simpledialog2.js"></script> | |
22 <script src="libs/slimbox2.js"></script> | |
125 | 23 <script src="libs/jquery.blockui.js"></script> |
0 | 24 |
25 <!-- https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin --> | |
26 <script src="libs/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script> | |
27 <script src="libs/jquery-file-upload/js/jquery.iframe-transport.js"></script> | |
28 <script src="libs/jquery-file-upload/js/jquery.fileupload.js"></script> | |
29 | |
30 <link rel="stylesheet" href="explorer.css" /> | |
31 <script src="file-upload.js"></script> | |
32 <script src="explorer.js"></script> | |
33 </head> | |
34 <body> | |
35 <div data-role="page" id="find-patients" > | |
36 <div data-role="header" > | |
151 | 37 <h1><span class="orthanc-name"></span>Find a patient</h1> |
0 | 38 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> |
39 </div> | |
40 <div data-role="content"> | |
41 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true"> | |
42 </ul> | |
43 </div> | |
44 </div> | |
45 | |
46 <div data-role="page" id="upload" > | |
47 <div data-role="header" > | |
151 | 48 <h1><span class="orthanc-name"></span>Upload DICOM files</h1> |
0 | 49 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> |
50 </div> | |
51 <div data-role="content"> | |
52 <div style="display:none"> | |
83 | 53 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple> |
0 | 54 </div> |
55 <p> | |
56 <ul data-role="listview" data-inset="true"> | |
57 <li data-icon="arrow-r" data-theme="e"><a href="#" id="upload-button">Start the upload</a></li> | |
58 <!--li data-icon="gear" data-theme="e"><a href="#" id="upload-abort" class="ui-disabled">Abort the current upload</a></li--> | |
59 <li data-icon="delete" data-theme="e"><a href="#" id="upload-clear">Clear the pending uploads</a></li> | |
60 </ul> | |
61 <div id="progress" class="ui-corner-all"> | |
62 <span class="bar ui-corner-all"></span> | |
63 <div class="label"></div> | |
64 </div> | |
65 </p> | |
66 <ul id="upload-list" data-role="listview" data-inset="true"> | |
67 <li data-role="list-divider">Drag and drop DICOM files here</li> | |
68 </ul> | |
69 </div> | |
70 </div> | |
71 | |
72 <div data-role="page" id="patient" > | |
73 <div data-role="header" > | |
152
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
74 <h1><span class="orthanc-name"></span>Patient</h1> |
0 | 75 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> |
76 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> | |
77 </div> | |
78 <div data-role="content"> | |
79 <div class="ui-grid-a"> | |
80 <div class="ui-block-a" style="width:30%"> | |
81 <div style="padding-right:10px"> | |
82 <ul data-role="listview" data-inset="true" data-theme="a" id="patient-info"> | |
83 </ul> | |
84 <p> | |
274
f2286c741109
patient protection in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
250
diff
changeset
|
85 <div class="switch-container"> |
f2286c741109
patient protection in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
250
diff
changeset
|
86 <select name="protection" id="protection" data-role="slider"> |
f2286c741109
patient protection in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
250
diff
changeset
|
87 <option value="off">Unprotected</option> |
f2286c741109
patient protection in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
250
diff
changeset
|
88 <option value="on">Protected</option> |
f2286c741109
patient protection in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
250
diff
changeset
|
89 </select> |
f2286c741109
patient protection in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
250
diff
changeset
|
90 </div> |
0 | 91 </p> |
442 | 92 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> |
93 <li data-role="list-divider">Interact</li> | |
94 <li data-icon="delete"><a href="#" id="patient-delete">Delete this patient</a></li> | |
484
b8ace6fc1d1f
preparation for handling Orthanc peers
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
443
diff
changeset
|
95 <li data-icon="forward"><a href="#" id="patient-store">Send to remote modality</a></li> |
442 | 96 <li data-icon="star"><a href="#" id="patient-anonymize">Anonymize</a></li> |
97 </ul> | |
98 | |
99 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
100 <li data-role="list-divider">Access</li> | |
443
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
101 <li data-icon="info" data-theme="e" style="display:none"> |
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
102 <a href="#" id="patient-anonymized-from">Before anonymization</a> |
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
103 </li> |
515
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
104 <li data-icon="info" data-theme="e" style="display:none"> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
105 <a href="#" id="patient-modified-from">Before modification</a> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
106 </li> |
442 | 107 <li data-icon="gear"><a href="#" id="patient-archive">Download ZIP</a></li> |
108 </ul> | |
0 | 109 </div> |
110 </div> | |
111 <div class="ui-block-b" style="width:70%"> | |
112 <div style="padding:10px"> | |
113 <ul id="list-studies" data-role="listview" data-inset="true" data-filter="true"> | |
114 </ul> | |
115 </div> | |
116 </div> | |
117 </div> | |
118 </div> | |
119 </div> | |
120 | |
121 <div data-role="page" id="study"> | |
122 <div data-role="header"> | |
152
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
123 <h1> |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
124 <span class="orthanc-name"></span> |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
125 <a href="#" class="patient-link">Patient</a> » |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
126 Study |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
127 </h1> |
0 | 128 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> |
129 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> | |
130 </div> | |
131 <div data-role="content"> | |
132 <div class="ui-grid-a"> | |
133 <div class="ui-block-a" style="width:30%"> | |
134 <div style="padding-right:10px"> | |
135 <ul data-role="listview" data-inset="true" data-theme="a" id="study-info"> | |
136 </ul> | |
442 | 137 |
138 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
139 <li data-role="list-divider">Interact</li> | |
140 <li data-icon="delete"><a href="#" id="study-delete">Delete this study</a></li> | |
141 <li data-icon="forward"><a href="#" id="study-store">Send to DICOM modality</a></li> | |
142 <li data-icon="star"><a href="#" id="study-anonymize">Anonymize</a></li> | |
143 </ul> | |
144 | |
145 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
146 <li data-role="list-divider">Access</li> | |
443
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
147 <li data-icon="info" data-theme="e" style="display:none"> |
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
148 <a href="#" id="study-anonymized-from">Before anonymization</a> |
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
149 </li> |
515
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
150 <li data-icon="info" data-theme="e" style="display:none"> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
151 <a href="#" id="study-modified-from">Before modification</a> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
152 </li> |
442 | 153 <li data-icon="gear"><a href="#" id="study-archive">Download ZIP</a></li> |
154 </ul> | |
0 | 155 </div> |
156 </div> | |
157 <div class="ui-block-b" style="width:70%"> | |
158 <div style="padding:10px"> | |
159 <ul id="list-series" data-role="listview" data-inset="true" data-filter="true"> | |
160 </ul> | |
161 </div> | |
162 </div> | |
163 </div> | |
164 </div> | |
165 </div> | |
166 | |
167 <div data-role="page" id="series"> | |
168 <div data-role="header"> | |
152
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
169 <h1> |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
170 <span class="orthanc-name"></span> |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
171 <a href="#" class="patient-link">Patient</a> » |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
172 <a href="#" class="study-link">Study</a> » |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
173 Series |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
174 </h1> |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
175 |
0 | 176 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> |
177 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> | |
178 </div> | |
179 <div data-role="content"> | |
180 <div class="ui-grid-a"> | |
181 <div class="ui-block-a" style="width:30%"> | |
182 <div style="padding-right:10px"> | |
442 | 183 <ul data-role="listview" data-inset="true" data-theme="a" id="series-info"> |
0 | 184 </ul> |
442 | 185 |
186 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
187 <li data-role="list-divider">Interact</li> | |
188 <li data-icon="delete"><a href="#" id="series-delete">Delete this series</a></li> | |
189 <li data-icon="forward"><a href="#" id="series-store">Send to DICOM modality</a></li> | |
190 <li data-icon="star"><a href="#" id="series-anonymize">Anonymize</a></li> | |
191 </ul> | |
192 | |
193 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
194 <li data-role="list-divider">Access</li> | |
443
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
195 <li data-icon="info" data-theme="e" style="display:none"> |
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
196 <a href="#" id="series-anonymized-from">Before anonymization</a> |
be93b666ed79
link anonymized to original resource in OrthancExplorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
442
diff
changeset
|
197 </li> |
515
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
198 <li data-icon="info" data-theme="e" style="display:none"> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
199 <a href="#" id="series-modified-from">Before modification</a> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
200 </li> |
442 | 201 <li data-icon="search"><a href="#" id="series-preview">Preview this series</a></li> |
202 <li data-icon="gear"><a href="#" id="series-archive">Download ZIP</a></li> | |
203 </ul> | |
0 | 204 </div> |
205 </div> | |
206 <div class="ui-block-b" style="width:70%"> | |
207 <div style="padding:10px"> | |
208 <ul id="list-instances" data-role="listview" data-inset="true" data-filter="true"> | |
209 </ul> | |
210 </div> | |
211 </div> | |
212 </div> | |
213 </div> | |
214 </div> | |
215 | |
216 <div data-role="page" id="instance"> | |
217 <div data-role="header"> | |
152
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
218 <h1> |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
219 <span class="orthanc-name"></span> |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
220 <a href="#" class="patient-link">Patient</a> » |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
221 <a href="#" class="study-link">Study</a> » |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
222 <a href="#" class="series-link">Series</a> » |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
223 Instance |
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
224 </h1> |
0 | 225 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> |
226 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> | |
227 </div> | |
228 <div data-role="content"> | |
229 <div class="ui-grid-a"> | |
230 <div class="ui-block-a" style="width:30%"> | |
231 <div style="padding-right:10px"> | |
232 <ul data-role="listview" data-inset="true" data-theme="a" id="instance-info"> | |
233 </ul> | |
442 | 234 |
235 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
236 <li data-role="list-divider">Interact</li> | |
237 <li data-icon="delete"><a href="#" id="instance-delete">Delete this instance</a></li> | |
238 <li data-icon="forward"><a href="#" id="instance-store">Send to DICOM modality</a></li> | |
239 </ul> | |
240 | |
241 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
242 <li data-role="list-divider">Access</li> | |
515
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
243 <li data-icon="info" data-theme="e" style="display:none"> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
244 <a href="#" id="instance-anonymized-from">Before anonymization</a> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
245 </li> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
246 <li data-icon="info" data-theme="e" style="display:none"> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
247 <a href="#" id="instance-modified-from">Before modification</a> |
a8be42bcf2bb
Link from modified to original resource in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
485
diff
changeset
|
248 </li> |
442 | 249 <li data-icon="arrow-d"><a href="#" id="instance-download-dicom">Download the DICOM file</a></li> |
250 <li data-icon="arrow-d"><a href="#" id="instance-download-json">Download the JSON file</a></li> | |
251 <li data-icon="search"><a href="#" id="instance-preview">Preview the instance</a></li> | |
252 </ul> | |
0 | 253 </div> |
254 </div> | |
255 <div class="ui-block-b" style="width:70%"> | |
256 <div style="padding:10px"> | |
257 <div class="ui-body ui-body-b"> | |
258 <h1>DICOM Tags</h1> | |
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
259 <p align="right"> |
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
260 <input type="checkbox" id="show-tag-name" checked="checked" class="custom" data-mini="true" /> |
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
261 <label for="show-tag-name">Show tag description</label> |
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
262 </p> |
0 | 263 <div id="dicom-tree"></div> |
264 </div> | |
265 </div> | |
266 </div> | |
267 </div> | |
268 </div> | |
269 </div> | |
270 | |
485
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
271 <div id="peer-store" style="display:none;" class="ui-body-c"> |
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
272 <p align="center"><b>Sending to Orthanc peer...</b></p> |
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
273 <p><img src="libs/images/ajax-loader2.gif" alt="" /></p> |
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
274 </div> |
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
275 |
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
276 <div id="dicom-store" style="display:none;" class="ui-body-c"> |
0 | 277 <p align="center"><b>Sending to DICOM modality...</b></p> |
278 <p><img src="libs/images/ajax-loader2.gif" alt="" /></p> | |
279 </div> | |
280 | |
281 <div id="dialog" style="display:none" > | |
282 </div> | |
283 </body> | |
284 </html> |