Mercurial > hg > orthanc

comparison OrthancExplorer/explorer.html @ 2873:703d1e848907

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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> &raquo; 253 <a href="#" class="patient-link">Patient</a> &raquo;
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> &raquo; 307 <a href="#" class="patient-link">Patient</a> &raquo;
220 <a href="#" class="study-link">Study</a> &raquo; 308 <a href="#" class="study-link">Study</a> &raquo;
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> &raquo; 364 <a href="#" class="study-link">Study</a> &raquo;
277 <a href="#" class="series-link">Series</a> &raquo; 365 <a href="#" class="series-link">Series</a> &raquo;
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>