Mercurial > hg > orthanc

comparison OrthancExplorer/explorer.html @ 2597:ef7ba1b21d58 jobs

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
integration mainline->jobs
author Sebastien Jodogne <s.jodogne@gmail.com>
date Wed, 16 May 2018 14:40:05 +0200
parents 56770d54d13a 7fbe3f024ac9
children 4ecb79c6e81c
comparison
equal deleted inserted replaced
2596:56770d54d13a 2597:ef7ba1b21d58
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 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> 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> 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>
42 </div> 43 </div>
43 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 44 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
44 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 45 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
45 <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>
46 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> 47 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
50 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true"> 51 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true">
51 </ul> 52 </ul>
52 </div> 53 </div>
53 </div> 54 </div>
54 55
55 <div data-role="page" id="upload" > 56 <div data-role="page" id="find-studies" >
57 <div data-role="header" >
58 <h1><span class="orthanc-name"></span>Find a study</h1>
59 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
60 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a>
61 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
62 </div>
63 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
64 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
65 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
66 </div>
67 </div>
68 <div data-role="content">
69 <ul id="all-studies" data-role="listview" data-inset="true" data-filter="true">
70 </ul>
71 </div>
72 </div>
73
74 <div data-role="page" id="upload">
56 <div data-role="header" > 75 <div data-role="header" >
57 <h1><span class="orthanc-name"></span>Upload DICOM files</h1> 76 <h1><span class="orthanc-name"></span>Upload DICOM files</h1>
58 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 77 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
78 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
79 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
80 </div>
59 </div> 81 </div>
60 <div data-role="content"> 82 <div data-role="content">
61 <div style="display:none"> 83 <div style="display:none">
62 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple> 84 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple>
63 </div> 85 </div>
79 </div> 101 </div>
80 102
81 <div data-role="page" id="patient" > 103 <div data-role="page" id="patient" >
82 <div data-role="header" > 104 <div data-role="header" >
83 <h1><span class="orthanc-name"></span>Patient</h1> 105 <h1><span class="orthanc-name"></span>Patient</h1>
84 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 106 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
107 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
108 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
109 </div>
85 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 110 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
86 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 111 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
87 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 112 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
88 </div> 113 </div>
89 </div> 114 </div>
136 <h1> 161 <h1>
137 <span class="orthanc-name"></span> 162 <span class="orthanc-name"></span>
138 <a href="#" class="patient-link">Patient</a> &raquo; 163 <a href="#" class="patient-link">Patient</a> &raquo;
139 Study 164 Study
140 </h1> 165 </h1>
141 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 166 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
167 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
168 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
169 </div>
142 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 170 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
143 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 171 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
144 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 172 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
145 </div> 173 </div>
146 </div> 174 </div>
187 <span class="orthanc-name"></span> 215 <span class="orthanc-name"></span>
188 <a href="#" class="patient-link">Patient</a> &raquo; 216 <a href="#" class="patient-link">Patient</a> &raquo;
189 <a href="#" class="study-link">Study</a> &raquo; 217 <a href="#" class="study-link">Study</a> &raquo;
190 Series 218 Series
191 </h1> 219 </h1>
192 220 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
193 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 221 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
222 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
223 </div>
194 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 224 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
195 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 225 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
196 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 226 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
197 </div> 227 </div>
198 </div> 228 </div>
241 <a href="#" class="patient-link">Patient</a> &raquo; 271 <a href="#" class="patient-link">Patient</a> &raquo;
242 <a href="#" class="study-link">Study</a> &raquo; 272 <a href="#" class="study-link">Study</a> &raquo;
243 <a href="#" class="series-link">Series</a> &raquo; 273 <a href="#" class="series-link">Series</a> &raquo;
244 Instance 274 Instance
245 </h1> 275 </h1>
246 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 276 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
277 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
278 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
279 </div>
247 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> 280 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
248 <a href="#upload" data-icon="gear" data-role="button">Upload</a> 281 <a href="#upload" data-icon="gear" data-role="button">Upload</a>
249 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> 282 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a>
250 </div> 283 </div>
251 </div> 284 </div>
293 </div> 326 </div>
294 327
295 <div data-role="page" id="plugins" > 328 <div data-role="page" id="plugins" >
296 <div data-role="header" > 329 <div data-role="header" >
297 <h1><span class="orthanc-name"></span>Plugins</h1> 330 <h1><span class="orthanc-name"></span>Plugins</h1>
298 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 331 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
332 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
333 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
334 </div>
299 </div> 335 </div>
300 <div data-role="content"> 336 <div data-role="content">
301 <ul id="all-plugins" data-role="listview" data-inset="true" data-filter="true"> 337 <ul id="all-plugins" data-role="listview" data-inset="true" data-filter="true">
302 </ul> 338 </ul>
303 </div> 339 </div>
304 </div> 340 </div>
305 341
306 <div data-role="page" id="query-retrieve" > 342 <div data-role="page" id="query-retrieve" >
307 <div data-role="header" > 343 <div data-role="header" >
308 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (1/4)</h1> 344 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (1/4)</h1>
309 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 345 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
346 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
347 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
348 </div>
310 </div> 349 </div>
311 <div data-role="content"> 350 <div data-role="content">
312 <form data-ajax="false"> 351 <form data-ajax="false">
313 <div data-role="fieldcontain"> 352 <div data-role="fieldcontain">
314 <label for="qr-server">DICOM server:</label> 353 <label for="qr-server">DICOM server:</label>
371 410
372 411
373 <div data-role="page" id="query-retrieve-2" > 412 <div data-role="page" id="query-retrieve-2" >
374 <div data-role="header" > 413 <div data-role="header" >
375 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (2/4)</h1> 414 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (2/4)</h1>
376 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 415 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
416 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
417 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
418 </div>
377 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> 419 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
378 </div> 420 </div>
379 <div data-role="content"> 421 <div data-role="content">
380 <ul data-role="listview" data-inset="true" data-filter="true" data-split-icon="arrow-d" data-split-theme="b"> 422 <ul data-role="listview" data-inset="true" data-filter="true" data-split-icon="arrow-d" data-split-theme="b">
381 </ul> 423 </ul>
384 426
385 427
386 <div data-role="page" id="query-retrieve-3" > 428 <div data-role="page" id="query-retrieve-3" >
387 <div data-role="header" > 429 <div data-role="header" >
388 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (3/4)</h1> 430 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (3/4)</h1>
389 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 431 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
432 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
433 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
434 </div>
390 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> 435 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
391 </div> 436 </div>
392 <div data-role="content"> 437 <div data-role="content">
393 <ul data-role="listview" data-inset="true" data-filter="true"> 438 <ul data-role="listview" data-inset="true" data-filter="true">
394 </ul> 439 </ul>
397 442
398 443
399 <div data-role="page" id="query-retrieve-4" > 444 <div data-role="page" id="query-retrieve-4" >
400 <div data-role="header" > 445 <div data-role="header" >
401 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (4/4)</h1> 446 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (4/4)</h1>
402 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 447 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
448 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
449 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
450 </div>
403 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> 451 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a>
404 </div> 452 </div>
405 453
406 <div data-role="content"> 454 <div data-role="content">
407 <form data-ajax="false" id="retrieve-form"> 455 <form data-ajax="false" id="retrieve-form">
423 471
424 472
425 <div data-role="page" id="jobs" > 473 <div data-role="page" id="jobs" >
426 <div data-role="header" > 474 <div data-role="header" >
427 <h1><span class="orthanc-name"></span>Jobs</h1> 475 <h1><span class="orthanc-name"></span>Jobs</h1>
428 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a> 476 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
477 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
478 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
479 </div>
429 </div> 480 </div>
430 <div data-role="content"> 481 <div data-role="content">
431 <ul id="all-jobs" data-role="listview" data-inset="true" data-filter="true"> 482 <ul id="all-jobs" data-role="listview" data-inset="true" data-filter="true">
432 </ul> 483 </ul>
433 </div> 484 </div>
434 </div> 485 </div>
435 486
436 <div data-role="page" id="job" > 487 <div data-role="page" id="job" >
437 <div data-role="header" > 488 <div data-role="header" >
438 <h1><span class="orthanc-name"></span>Job</h1> 489 <h1><span class="orthanc-name"></span>Job</h1>
439 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> 490 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left">
440 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> 491 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a>
492 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a>
493 </div>
494 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
441 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> 495 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a>
442 </div> 496 </div>
443 </div> 497 </div>
444 <div data-role="content"> 498 <div data-role="content">
445 <ul data-role="listview" data-inset="true" data-filter="true" id="job-info"> 499 <ul data-role="listview" data-inset="true" data-filter="true" id="job-info">