Mercurial > hg > orthanc
comparison OrthancExplorer/explorer.html @ 2873:703d1e848907
Orthanc Explorer: Lookup and limit the results to 100 patients/studies
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Tue, 09 Oct 2018 16:27:49 +0200 |
parents | 567d1be0849e |
children | 5713952f60c0 9b18c8d4d459 |
comparison
equal
deleted
inserted
replaced
2872:9d08edde614b | 2873:703d1e848907 |
---|---|
32 <script src="explorer.js"></script> | 32 <script src="explorer.js"></script> |
33 <script src="query-retrieve.js"></script> | 33 <script src="query-retrieve.js"></script> |
34 <script src="../plugins/explorer.js"></script> | 34 <script src="../plugins/explorer.js"></script> |
35 </head> | 35 </head> |
36 <body> | 36 <body> |
37 <div data-role="page" id="find-patients" > | 37 <div data-role="page" id="lookup" > |
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>Lookup studies</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="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 41 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
42 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> | 42 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
43 </div> | 43 </div> |
44 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> | 44 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> |
45 <a href="#upload" data-icon="gear" data-role="button">Upload</a> | 45 <a href="#upload" data-icon="gear" data-role="button">Upload</a> |
46 <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> |
47 <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> |
48 </div> | 48 </div> |
49 </div> | 49 </div> |
50 <div data-role="content"> | 50 <div data-role="content"> |
51 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true"> | 51 <form data-ajax="false" id="lookup-form"> |
52 </ul> | 52 <div data-role="fieldcontain"> |
53 </div> | 53 <label for="lookup-patient-id">Patient ID:</label> |
54 </div> | 54 <input type="text" name="lookup-patient-id" id="lookup-patient-id" value="" /> |
55 | 55 </div> |
56 <div data-role="page" id="find-studies" > | 56 |
57 <div data-role="header" > | 57 <div data-role="fieldcontain"> |
58 <h1><span class="orthanc-name"></span>Find a study</h1> | 58 <label for="lookup-patient-name">Patient Name:</label> |
59 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 59 <input type="text" name="lookup-patient-name" id="lookup-patient-name" value="" /> |
60 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 60 </div> |
61 | |
62 <div data-role="fieldcontain"> | |
63 <label for="lookup-accession-number">Accession Number:</label> | |
64 <input type="text" name="lookup-accession-number" id="lookup-accession-number" value="" /> | |
65 </div> | |
66 | |
67 <div data-role="fieldcontain"> | |
68 <label for="lookup-study-description">Study Description:</label> | |
69 <input type="text" name="lookup-study-description" id="lookup-study-description" value="" /> | |
70 </div> | |
71 | |
72 <div data-role="fieldcontain"> | |
73 <label for="lookup-study-date">Study Date:</label> | |
74 <select name="lookup-study-date" id="lookup-study-date"> | |
75 </select> | |
76 </div> | |
77 | |
78 <fieldset class="ui-grid-b"> | |
79 <div class="ui-block-a"> | |
80 <a href="#find-patients" data-role="button" data-theme="b" data-direction="reverse">All patients</a> | |
81 </div> | |
82 <div class="ui-block-b"> | |
83 <a href="#find-studies" data-role="button" data-theme="b" data-direction="reverse">All studies</a> | |
84 </div> | |
85 <div class="ui-block-c"> | |
86 <button id="lookup-submit" type="submit" data-theme="e">Do lookup</button> | |
87 </div> | |
88 </fieldset> | |
89 <div> </div> | |
90 </form> | |
91 <div id="lookup-result"> | |
92 <div id="lookup-alert"> | |
93 <div class="ui-bar ui-bar-e"> | |
94 <h3>Warning:</h3> Your lookup led to many results! | |
95 Showing only <span id="lookup-count">?</span> studies to | |
96 avoid performance issue. Please make your query more | |
97 specific, then relaunch the lookup. | |
98 </div> | |
99 <div> </div> | |
100 </div> | |
101 <ul data-role="listview" data-inset="true" data-filter="true"> | |
102 </ul> | |
103 </div> | |
104 </div> | |
105 </div> | |
106 | |
107 <div data-role="page" id="find-patients" > | |
108 <div data-role="header" > | |
109 <h1><span class="orthanc-name"></span>All patients</h1> | |
110 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | |
111 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> | |
61 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> | 112 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
62 </div> | 113 </div> |
63 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> | 114 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> |
64 <a href="#upload" data-icon="gear" data-role="button">Upload</a> | 115 <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> | 116 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> |
66 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> | 117 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> |
67 </div> | 118 </div> |
68 </div> | 119 </div> |
69 <div data-role="content"> | 120 <div data-role="content"> |
121 <div id="alert-patients"> | |
122 <div class="ui-bar ui-bar-e"> | |
123 <h3>Warning:</h3> This is a large Orthanc server. Showing | |
124 only <span id="count-patients">?</span> patients to avoid | |
125 performance issue. Make sure to use lookup if targeting | |
126 specific patients! | |
127 </div> | |
128 <div> </div> | |
129 </div> | |
130 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true"> | |
131 </ul> | |
132 </div> | |
133 </div> | |
134 | |
135 <div data-role="page" id="find-studies" > | |
136 <div data-role="header" > | |
137 <h1><span class="orthanc-name"></span>All studies</h1> | |
138 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | |
139 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> | |
140 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> | |
141 </div> | |
142 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> | |
143 <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> | |
145 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> | |
146 </div> | |
147 </div> | |
148 <div data-role="content"> | |
149 <div id="alert-studies"> | |
150 <div class="ui-bar ui-bar-e"> | |
151 <h3>Warning:</h3> This is a large Orthanc server. Showing | |
152 only <span id="count-studies">?</span> studies to avoid | |
153 performance issue. Make sure to use lookup if targeting | |
154 specific studies! | |
155 </div> | |
156 <div> </div> | |
157 </div> | |
70 <ul id="all-studies" data-role="listview" data-inset="true" data-filter="true"> | 158 <ul id="all-studies" data-role="listview" data-inset="true" data-filter="true"> |
71 </ul> | 159 </ul> |
72 </div> | 160 </div> |
73 </div> | 161 </div> |
74 | 162 |
75 <div data-role="page" id="upload"> | 163 <div data-role="page" id="upload"> |
76 <div data-role="header" > | 164 <div data-role="header" > |
77 <h1><span class="orthanc-name"></span>Upload DICOM files</h1> | 165 <h1><span class="orthanc-name"></span>Upload DICOM files</h1> |
78 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 166 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
79 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 167 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
80 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 168 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
81 </div> | 169 </div> |
82 </div> | 170 </div> |
83 <div data-role="content"> | 171 <div data-role="content"> |
84 <div style="display:none"> | 172 <div style="display:none"> |
85 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple> | 173 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple> |
103 | 191 |
104 <div data-role="page" id="patient" > | 192 <div data-role="page" id="patient" > |
105 <div data-role="header" > | 193 <div data-role="header" > |
106 <h1><span class="orthanc-name"></span>Patient</h1> | 194 <h1><span class="orthanc-name"></span>Patient</h1> |
107 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 195 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
108 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 196 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
109 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 197 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
110 </div> | 198 </div> |
111 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> | 199 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> |
112 <a href="#upload" data-icon="gear" data-role="button">Upload</a> | 200 <a href="#upload" data-icon="gear" data-role="button">Upload</a> |
113 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> | 201 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> |
114 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> | 202 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> |
164 <span class="orthanc-name"></span> | 252 <span class="orthanc-name"></span> |
165 <a href="#" class="patient-link">Patient</a> » | 253 <a href="#" class="patient-link">Patient</a> » |
166 Study | 254 Study |
167 </h1> | 255 </h1> |
168 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 256 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
169 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 257 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
170 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 258 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
171 </div> | 259 </div> |
172 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> | 260 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> |
173 <a href="#upload" data-icon="gear" data-role="button">Upload</a> | 261 <a href="#upload" data-icon="gear" data-role="button">Upload</a> |
174 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> | 262 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> |
175 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> | 263 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> |
219 <a href="#" class="patient-link">Patient</a> » | 307 <a href="#" class="patient-link">Patient</a> » |
220 <a href="#" class="study-link">Study</a> » | 308 <a href="#" class="study-link">Study</a> » |
221 Series | 309 Series |
222 </h1> | 310 </h1> |
223 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 311 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
224 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 312 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
225 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 313 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
226 </div> | 314 </div> |
227 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> | 315 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> |
228 <a href="#upload" data-icon="gear" data-role="button">Upload</a> | 316 <a href="#upload" data-icon="gear" data-role="button">Upload</a> |
229 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> | 317 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> |
230 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> | 318 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> |
276 <a href="#" class="study-link">Study</a> » | 364 <a href="#" class="study-link">Study</a> » |
277 <a href="#" class="series-link">Series</a> » | 365 <a href="#" class="series-link">Series</a> » |
278 Instance | 366 Instance |
279 </h1> | 367 </h1> |
280 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 368 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
281 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 369 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
282 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 370 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
283 </div> | 371 </div> |
284 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> | 372 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> |
285 <a href="#upload" data-icon="gear" data-role="button">Upload</a> | 373 <a href="#upload" data-icon="gear" data-role="button">Upload</a> |
286 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> | 374 <a href="#query-retrieve" data-icon="search" data-role="button">Query/Retrieve</a> |
287 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> | 375 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> |
332 | 420 |
333 <div data-role="page" id="plugins" > | 421 <div data-role="page" id="plugins" > |
334 <div data-role="header" > | 422 <div data-role="header" > |
335 <h1><span class="orthanc-name"></span>Plugins</h1> | 423 <h1><span class="orthanc-name"></span>Plugins</h1> |
336 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 424 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
337 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 425 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
338 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 426 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
339 </div> | 427 </div> |
340 </div> | 428 </div> |
341 <div data-role="content"> | 429 <div data-role="content"> |
342 <ul id="all-plugins" data-role="listview" data-inset="true" data-filter="true"> | 430 <ul id="all-plugins" data-role="listview" data-inset="true" data-filter="true"> |
343 </ul> | 431 </ul> |
346 | 434 |
347 <div data-role="page" id="query-retrieve" > | 435 <div data-role="page" id="query-retrieve" > |
348 <div data-role="header" > | 436 <div data-role="header" > |
349 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (1/4)</h1> | 437 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (1/4)</h1> |
350 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 438 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
351 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 439 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
352 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 440 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
353 </div> | 441 </div> |
354 </div> | 442 </div> |
355 <div data-role="content"> | 443 <div data-role="content"> |
356 <form data-ajax="false"> | 444 <form data-ajax="false"> |
357 <div data-role="fieldcontain"> | 445 <div data-role="fieldcontain"> |
417 | 505 |
418 <div data-role="page" id="query-retrieve-2" > | 506 <div data-role="page" id="query-retrieve-2" > |
419 <div data-role="header" > | 507 <div data-role="header" > |
420 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (2/4)</h1> | 508 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (2/4)</h1> |
421 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 509 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
422 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 510 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
423 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 511 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
424 </div> | 512 </div> |
425 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> | 513 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> |
426 </div> | 514 </div> |
427 <div data-role="content"> | 515 <div data-role="content"> |
428 <ul data-role="listview" data-inset="true" data-filter="true" data-split-icon="arrow-d" data-split-theme="b"> | 516 <ul data-role="listview" data-inset="true" data-filter="true" data-split-icon="arrow-d" data-split-theme="b"> |
433 | 521 |
434 <div data-role="page" id="query-retrieve-3" > | 522 <div data-role="page" id="query-retrieve-3" > |
435 <div data-role="header" > | 523 <div data-role="header" > |
436 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (3/4)</h1> | 524 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (3/4)</h1> |
437 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 525 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
438 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 526 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
439 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 527 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
440 </div> | 528 </div> |
441 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> | 529 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> |
442 </div> | 530 </div> |
443 <div data-role="content"> | 531 <div data-role="content"> |
444 <ul data-role="listview" data-inset="true" data-filter="true"> | 532 <ul data-role="listview" data-inset="true" data-filter="true"> |
449 | 537 |
450 <div data-role="page" id="query-retrieve-4" > | 538 <div data-role="page" id="query-retrieve-4" > |
451 <div data-role="header" > | 539 <div data-role="header" > |
452 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (4/4)</h1> | 540 <h1><span class="orthanc-name"></span>DICOM Query/Retrieve (4/4)</h1> |
453 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 541 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
454 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 542 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
455 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 543 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
456 </div> | 544 </div> |
457 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> | 545 <a href="#query-retrieve" data-icon="search" class="ui-btn-right" data-direction="reverse">Query/Retrieve</a> |
458 </div> | 546 </div> |
459 | 547 |
460 <div data-role="content"> | 548 <div data-role="content"> |
478 | 566 |
479 <div data-role="page" id="jobs" > | 567 <div data-role="page" id="jobs" > |
480 <div data-role="header" > | 568 <div data-role="header" > |
481 <h1><span class="orthanc-name"></span>Jobs</h1> | 569 <h1><span class="orthanc-name"></span>Jobs</h1> |
482 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 570 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
483 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 571 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
484 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 572 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
485 </div> | 573 </div> |
486 </div> | 574 </div> |
487 <div data-role="content"> | 575 <div data-role="content"> |
488 <ul id="all-jobs" data-role="listview" data-inset="true" data-filter="true"> | 576 <ul id="all-jobs" data-role="listview" data-inset="true" data-filter="true"> |
489 </ul> | 577 </ul> |
492 | 580 |
493 <div data-role="page" id="job" > | 581 <div data-role="page" id="job" > |
494 <div data-role="header" > | 582 <div data-role="header" > |
495 <h1><span class="orthanc-name"></span>Job</h1> | 583 <h1><span class="orthanc-name"></span>Job</h1> |
496 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> | 584 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left"> |
497 <a href="#find-patients" data-icon="home" data-role="button" data-direction="reverse">Patients</a> | 585 <a href="#lookup" data-icon="arrow-r" data-role="button" data-direction="reverse">Lookup</a> |
498 <a href="#find-studies" data-icon="arrow-r" data-role="button" data-direction="reverse">Studies</a> | 586 <a href="#plugins" data-icon="grid" data-role="button" data-direction="reverse">Plugins</a> |
499 </div> | 587 </div> |
500 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> | 588 <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> |
501 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> | 589 <a href="#jobs" data-icon="refresh" data-role="button" data-direction="reverse">Jobs</a> |
502 </div> | 590 </div> |
503 </div> | 591 </div> |