Mercurial > hg > orthanc
annotate OrthancExplorer/explorer.html @ 485:bdbde1fbfab3
send resources through HTTP
| author | Sebastien Jodogne <s.jodogne@gmail.com> |
|---|---|
| date | Tue, 16 Jul 2013 13:48:33 +0200 |
| parents | b8ace6fc1d1f |
| children | a8be42bcf2bb |
| 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> |
| 442 | 104 <li data-icon="gear"><a href="#" id="patient-archive">Download ZIP</a></li> |
| 105 </ul> | |
| 0 | 106 </div> |
| 107 </div> | |
| 108 <div class="ui-block-b" style="width:70%"> | |
| 109 <div style="padding:10px"> | |
| 110 <ul id="list-studies" data-role="listview" data-inset="true" data-filter="true"> | |
| 111 </ul> | |
| 112 </div> | |
| 113 </div> | |
| 114 </div> | |
| 115 </div> | |
| 116 </div> | |
| 117 | |
| 118 <div data-role="page" id="study"> | |
| 119 <div data-role="header"> | |
|
152
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
120 <h1> |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
121 <span class="orthanc-name"></span> |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
122 <a href="#" class="patient-link">Patient</a> » |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
123 Study |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
124 </h1> |
| 0 | 125 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> |
| 126 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> | |
| 127 </div> | |
| 128 <div data-role="content"> | |
| 129 <div class="ui-grid-a"> | |
| 130 <div class="ui-block-a" style="width:30%"> | |
| 131 <div style="padding-right:10px"> | |
| 132 <ul data-role="listview" data-inset="true" data-theme="a" id="study-info"> | |
| 133 </ul> | |
| 442 | 134 |
| 135 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
| 136 <li data-role="list-divider">Interact</li> | |
| 137 <li data-icon="delete"><a href="#" id="study-delete">Delete this study</a></li> | |
| 138 <li data-icon="forward"><a href="#" id="study-store">Send to DICOM modality</a></li> | |
| 139 <li data-icon="star"><a href="#" id="study-anonymize">Anonymize</a></li> | |
| 140 </ul> | |
| 141 | |
| 142 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
| 143 <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
|
144 <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
|
145 <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
|
146 </li> |
| 442 | 147 <li data-icon="gear"><a href="#" id="study-archive">Download ZIP</a></li> |
| 148 </ul> | |
| 0 | 149 </div> |
| 150 </div> | |
| 151 <div class="ui-block-b" style="width:70%"> | |
| 152 <div style="padding:10px"> | |
| 153 <ul id="list-series" data-role="listview" data-inset="true" data-filter="true"> | |
| 154 </ul> | |
| 155 </div> | |
| 156 </div> | |
| 157 </div> | |
| 158 </div> | |
| 159 </div> | |
| 160 | |
| 161 <div data-role="page" id="series"> | |
| 162 <div data-role="header"> | |
|
152
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
163 <h1> |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
164 <span class="orthanc-name"></span> |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
165 <a href="#" class="patient-link">Patient</a> » |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
166 <a href="#" class="study-link">Study</a> » |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
167 Series |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
168 </h1> |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
169 |
| 0 | 170 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> |
| 171 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> | |
| 172 </div> | |
| 173 <div data-role="content"> | |
| 174 <div class="ui-grid-a"> | |
| 175 <div class="ui-block-a" style="width:30%"> | |
| 176 <div style="padding-right:10px"> | |
| 442 | 177 <ul data-role="listview" data-inset="true" data-theme="a" id="series-info"> |
| 0 | 178 </ul> |
| 442 | 179 |
| 180 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
| 181 <li data-role="list-divider">Interact</li> | |
| 182 <li data-icon="delete"><a href="#" id="series-delete">Delete this series</a></li> | |
| 183 <li data-icon="forward"><a href="#" id="series-store">Send to DICOM modality</a></li> | |
| 184 <li data-icon="star"><a href="#" id="series-anonymize">Anonymize</a></li> | |
| 185 </ul> | |
| 186 | |
| 187 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
| 188 <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
|
189 <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
|
190 <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
|
191 </li> |
| 442 | 192 <li data-icon="search"><a href="#" id="series-preview">Preview this series</a></li> |
| 193 <li data-icon="gear"><a href="#" id="series-archive">Download ZIP</a></li> | |
| 194 </ul> | |
| 0 | 195 </div> |
| 196 </div> | |
| 197 <div class="ui-block-b" style="width:70%"> | |
| 198 <div style="padding:10px"> | |
| 199 <ul id="list-instances" data-role="listview" data-inset="true" data-filter="true"> | |
| 200 </ul> | |
| 201 </div> | |
| 202 </div> | |
| 203 </div> | |
| 204 </div> | |
| 205 </div> | |
| 206 | |
| 207 <div data-role="page" id="instance"> | |
| 208 <div data-role="header"> | |
|
152
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
209 <h1> |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
210 <span class="orthanc-name"></span> |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
211 <a href="#" class="patient-link">Patient</a> » |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
212 <a href="#" class="study-link">Study</a> » |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
213 <a href="#" class="series-link">Series</a> » |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
214 Instance |
|
4829c054751a
improved navigation in Orthanc Explorer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
151
diff
changeset
|
215 </h1> |
| 0 | 216 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> |
| 217 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> | |
| 218 </div> | |
| 219 <div data-role="content"> | |
| 220 <div class="ui-grid-a"> | |
| 221 <div class="ui-block-a" style="width:30%"> | |
| 222 <div style="padding-right:10px"> | |
| 223 <ul data-role="listview" data-inset="true" data-theme="a" id="instance-info"> | |
| 224 </ul> | |
| 442 | 225 |
| 226 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
| 227 <li data-role="list-divider">Interact</li> | |
| 228 <li data-icon="delete"><a href="#" id="instance-delete">Delete this instance</a></li> | |
| 229 <li data-icon="forward"><a href="#" id="instance-store">Send to DICOM modality</a></li> | |
| 230 </ul> | |
| 231 | |
| 232 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c"> | |
| 233 <li data-role="list-divider">Access</li> | |
| 234 <li data-icon="arrow-d"><a href="#" id="instance-download-dicom">Download the DICOM file</a></li> | |
| 235 <li data-icon="arrow-d"><a href="#" id="instance-download-json">Download the JSON file</a></li> | |
| 236 <li data-icon="search"><a href="#" id="instance-preview">Preview the instance</a></li> | |
| 237 </ul> | |
| 0 | 238 </div> |
| 239 </div> | |
| 240 <div class="ui-block-b" style="width:70%"> | |
| 241 <div style="padding:10px"> | |
| 242 <div class="ui-body ui-body-b"> | |
| 243 <h1>DICOM Tags</h1> | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
244 <p align="right"> |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
245 <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
|
246 <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
|
247 </p> |
| 0 | 248 <div id="dicom-tree"></div> |
| 249 </div> | |
| 250 </div> | |
| 251 </div> | |
| 252 </div> | |
| 253 </div> | |
| 254 </div> | |
| 255 | |
|
485
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
256 <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
|
257 <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
|
258 <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
|
259 </div> |
|
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
260 |
|
bdbde1fbfab3
send resources through HTTP
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
484
diff
changeset
|
261 <div id="dicom-store" style="display:none;" class="ui-body-c"> |
| 0 | 262 <p align="center"><b>Sending to DICOM modality...</b></p> |
| 263 <p><img src="libs/images/ajax-loader2.gif" alt="" /></p> | |
| 264 </div> | |
| 265 | |
| 266 <div id="dialog" style="display:none" > | |
| 267 </div> | |
| 268 </body> | |
| 269 </html> |