Mercurial > hg > orthanc

comparison OrthancExplorer/explorer.html @ 2594:7fbe3f024ac9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
new screen in OrthancExplorer to list studies
author Sebastien Jodogne <s.jodogne@gmail.com>
date Wed, 16 May 2018 14:32:16 +0200
parents 9d87f308d35c
children ef7ba1b21d58
comparison
equal deleted inserted replaced
2588:1f7b459b247b 2594:7fbe3f024ac9
35 </head> 35 </head>
36 <body> 36 <body>
37 <div data-role="page" id="find-patients" > 37 <div data-role="page" id="find-patients" >
38 <div data-role="header" > 38 <div data-role="header" >
39 <h1><span class="orthanc-name"></span>Find a patient</h1> 39 <h1><span class="orthanc-name"></span>Find a patient</h1>
40 <a href="#plugins" data-icon="grid" class="ui-btn-left" data-direction="reverse">Plugins</a> 40 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
41 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
42 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
43 </div>
41 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 44 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
42 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 45 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
43 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 46 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
44 </div> 47 </div>
45 </div> 48 </div>
47 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true"> 50 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true">
48 </ul> 51 </ul>
49 </div> 52 </div>
50 </div> 53 </div>
51 54
52 <div data-role="page" id="upload" > 55 <div data-role="page" id="find-studies" >
56 <div data-role="header" >
57 <h1><span class="orthanc-name"></span>Find a study</h1>
58 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
59 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
60 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
61 </div>
62 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
63 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
64 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
65 </div>
66 </div>
67 <div data-role="content">
68 <ul id="all-studies" data-role="listview" data-inset="true" data-filter="true">
69 </ul>
70 </div>
71 </div>
72
73 <div data-role="page" id="upload">
53 <div data-role="header" > 74 <div data-role="header" >
54 <h1><span class="orthanc-name"></span>Upload DICOM files</h1> 75 <h1><span class="orthanc-name"></span>Upload DICOM files</h1>
55 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 76 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
77 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
78 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
79 </div>
56 </div> 80 </div>
57 <div data-role="content"> 81 <div data-role="content">
58 <div style="display:none"> 82 <div style="display:none">
59 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple> 83 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple>
60 </div> 84 </div>
76 </div> 100 </div>
77 101
78 <div data-role="page" id="patient" > 102 <div data-role="page" id="patient" >
79 <div data-role="header" > 103 <div data-role="header" >
80 <h1><span class="orthanc-name"></span>Patient</h1> 104 <h1><span class="orthanc-name"></span>Patient</h1>
81 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 105 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
106 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
107 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
108 </div>
82 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 109 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
83 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 110 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
84 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 111 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
85 </div> 112 </div>
86 </div> 113 </div>
133 <h1> 160 <h1>
134 <span class="orthanc-name"></span> 161 <span class="orthanc-name"></span>
135 <a href="#" class="patient-link">Patient</a> &raquo; 162 <a href="#" class="patient-link">Patient</a> &raquo;
136 Study 163 Study
137 </h1> 164 </h1>
138 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 165 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
166 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
167 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
168 </div>
139 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 169 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
140 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 170 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
141 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 171 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
142 </div> 172 </div>
143 </div> 173 </div>
184 <span class="orthanc-name"></span> 214 <span class="orthanc-name"></span>
185 <a href="#" class="patient-link">Patient</a> &raquo; 215 <a href="#" class="patient-link">Patient</a> &raquo;
186 <a href="#" class="study-link">Study</a> &raquo; 216 <a href="#" class="study-link">Study</a> &raquo;
187 Series 217 Series
188 </h1> 218 </h1>
189 219 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
190 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 220 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
221 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
222 </div>
191 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 223 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
192 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 224 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
193 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 225 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
194 </div> 226 </div>
195 </div> 227 </div>
238 <a href="#" class="patient-link">Patient</a> &raquo; 270 <a href="#" class="patient-link">Patient</a> &raquo;
239 <a href="#" class="study-link">Study</a> &raquo; 271 <a href="#" class="study-link">Study</a> &raquo;
240 <a href="#" class="series-link">Series</a> &raquo; 272 <a href="#" class="series-link">Series</a> &raquo;
241 Instance 273 Instance
242 </h1> 274 </h1>
243 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 275 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
276 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
277 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
278 </div>
244 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 279 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
245 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 280 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
246 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 281 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
247 </div> 282 </div>
248 </div> 283 </div>
290 </div> 325 </div>
291 326
292 <div data-role="page" id="plugins" > 327 <div data-role="page" id="plugins" >
293 <div data-role="header" > 328 <div data-role="header" >
294 <h1><span class="orthanc-name"></span>Plugins</h1> 329 <h1><span class="orthanc-name"></span>Plugins</h1>
295 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 330 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
331 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
332 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
333 </div>
296 </div> 334 </div>
297 <div data-role="content"> 335 <div data-role="content">
298 <ul id="all-plugins" data-role="listview" data-inset="true" data-filter="true"> 336 <ul id="all-plugins" data-role="listview" data-inset="true" data-filter="true">
299 </ul> 337 </ul>
300 </div> 338 </div>
301 </div> 339 </div>
302 340
303 <div data-role="page" id="query-retrieve" > 341 <div data-role="page" id="query-retrieve" >
304 <div data-role="header" > 342 <div data-role="header" >
305 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (1/4)</h1> 343 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (1/4)</h1>
306 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 344 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
345 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
346 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
347 </div>
307 </div> 348 </div>
308 <div data-role="content"> 349 <div data-role="content">
309 <form data-ajax="false"> 350 <form data-ajax="false">
310 <div data-role="fieldcontain"> 351 <div data-role="fieldcontain">
311 <label for="qr-server">DICOM server:</label> 352 <label for="qr-server">DICOM server:</label>
368 409
369 410
370 <div data-role="page" id="query-retrieve-2" > 411 <div data-role="page" id="query-retrieve-2" >
371 <div data-role="header" > 412 <div data-role="header" >
372 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (2/4)</h1> 413 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (2/4)</h1>
373 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 414 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
415 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
416 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
417 </div>
374 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> 418 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
375 </div> 419 </div>
376 <div data-role="content"> 420 <div data-role="content">
377 <ul data-role="listview" data-inset="true" data-filter="true" data-split-icon="arrow-d" data-split-theme="b"> 421 <ul data-role="listview" data-inset="true" data-filter="true" data-split-icon="arrow-d" data-split-theme="b">
378 </ul> 422 </ul>
381 425
382 426
383 <div data-role="page" id="query-retrieve-3" > 427 <div data-role="page" id="query-retrieve-3" >
384 <div data-role="header" > 428 <div data-role="header" >
385 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (3/4)</h1> 429 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (3/4)</h1>
386 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 430 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
431 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
432 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
433 </div>
387 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> 434 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
388 </div> 435 </div>
389 <div data-role="content"> 436 <div data-role="content">
390 <ul data-role="listview" data-inset="true" data-filter="true"> 437 <ul data-role="listview" data-inset="true" data-filter="true">
391 </ul> 438 </ul>
394 441
395 442
396 <div data-role="page" id="query-retrieve-4" > 443 <div data-role="page" id="query-retrieve-4" >
397 <div data-role="header" > 444 <div data-role="header" >
398 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (4/4)</h1> 445 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (4/4)</h1>
399 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 446 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
447 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
448 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
449 </div>
400 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> 450 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
401 </div> 451 </div>
402 452
403 <div data-role="content"> 453 <div data-role="content">
404 <form data-ajax="false" id="retrieve-form"> 454 <form data-ajax="false" id="retrieve-form">