Mercurial > hg > orthanc

comparison OrthancExplorer/explorer.html @ 1232:f1c01451a8ee

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Introspection of plugins, Plugins can extend Orthanc Explorer with custom JavaScript
author Sebastien Jodogne <s.jodogne@gmail.com>
date Thu, 04 Dec 2014 17:04:40 +0100
parents 5405d36e9d48
children f528849ee9f7
comparison
equal deleted inserted replaced
1231:703fcd797186 1232:f1c01451a8ee
28 <script src="libs/jquery-file-upload/js/jquery.fileupload.js"></script> 28 <script src="libs/jquery-file-upload/js/jquery.fileupload.js"></script>
29 29
30 <link rel="stylesheet" href="explorer.css" /> 30 <link rel="stylesheet" href="explorer.css" />
31 <script src="file-upload.js"></script> 31 <script src="file-upload.js"></script>
32 <script src="explorer.js"></script> 32 <script src="explorer.js"></script>
33 <script src="explorer-plugin.js"></script> 33 <script src="../plugins/explorer.js"></script>
34 </head> 34 </head>
35 <body> 35 <body>
36 <div data-role="page" id="find-patients" > 36 <div data-role="page" id="find-patients" >
37 <div data-role="header" > 37 <div data-role="header" >
38 <h1><span class="orthanc-name"></span>Find a patient</h1> 38 <h1><span class="orthanc-name"></span>Find a patient</h1>
39 <a href="#plugins" data-icon="grid" class="ui-btn-left" data-direction="reverse">Plugins</a>
39 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> 40 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
40 </div> 41 </div>
41 <div data-role="content"> 42 <div data-role="content">
42 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true"> 43 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true">
43 </ul> 44 </ul>
45 </div> 46 </div>
46 47
47 <div data-role="page" id="upload" > 48 <div data-role="page" id="upload" >
48 <div data-role="header" > 49 <div data-role="header" >
49 <h1><span class="orthanc-name"></span>Upload DICOM files</h1> 50 <h1><span class="orthanc-name"></span>Upload DICOM files</h1>
50 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> 51 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a>
51 </div> 52 </div>
52 <div data-role="content"> 53 <div data-role="content">
53 <div style="display:none"> 54 <div style="display:none">
54 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple> 55 <input id="fileupload" type="file" name="files[]" data-url="../instances/" multiple>
55 </div> 56 </div>
71 </div> 72 </div>
72 73
73 <div data-role="page" id="patient" > 74 <div data-role="page" id="patient" >
74 <div data-role="header" > 75 <div data-role="header" >
75 <h1><span class="orthanc-name"></span>Patient</h1> 76 <h1><span class="orthanc-name"></span>Patient</h1>
76 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> 77 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a>
77 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> 78 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
78 </div> 79 </div>
79 <div data-role="content"> 80 <div data-role="content">
80 <div class="ui-grid-a"> 81 <div class="ui-grid-a">
81 <div class="ui-block-a" style="width:30%"> 82 <div class="ui-block-a" style="width:30%">
125 <h1> 126 <h1>
126 <span class="orthanc-name"></span> 127 <span class="orthanc-name"></span>
127 <a href="#" class="patient-link">Patient</a> &raquo; 128 <a href="#" class="patient-link">Patient</a> &raquo;
128 Study 129 Study
129 </h1> 130 </h1>
130 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> 131 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a>
131 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> 132 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
132 </div> 133 </div>
133 <div data-role="content"> 134 <div data-role="content">
134 <div class="ui-grid-a"> 135 <div class="ui-grid-a">
135 <div class="ui-block-a" style="width:30%"> 136 <div class="ui-block-a" style="width:30%">
174 <a href="#" class="patient-link">Patient</a> &raquo; 175 <a href="#" class="patient-link">Patient</a> &raquo;
175 <a href="#" class="study-link">Study</a> &raquo; 176 <a href="#" class="study-link">Study</a> &raquo;
176 Series 177 Series
177 </h1> 178 </h1>
178 179
179 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> 180 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a>
180 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> 181 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
181 </div> 182 </div>
182 <div data-role="content"> 183 <div data-role="content">
183 <div class="ui-grid-a"> 184 <div class="ui-grid-a">
184 <div class="ui-block-a" style="width:30%"> 185 <div class="ui-block-a" style="width:30%">
224 <a href="#" class="patient-link">Patient</a> &raquo; 225 <a href="#" class="patient-link">Patient</a> &raquo;
225 <a href="#" class="study-link">Study</a> &raquo; 226 <a href="#" class="study-link">Study</a> &raquo;
226 <a href="#" class="series-link">Series</a> &raquo; 227 <a href="#" class="series-link">Series</a> &raquo;
227 Instance 228 Instance
228 </h1> 229 </h1>
229 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a> 230 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a>
230 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a> 231 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
231 </div> 232 </div>
232 <div data-role="content"> 233 <div data-role="content">
233 <div class="ui-grid-a"> 234 <div class="ui-grid-a">
234 <div class="ui-block-a" style="width:30%"> 235 <div class="ui-block-a" style="width:30%">
270 </div> 271 </div>
271 </div> 272 </div>
272 </div> 273 </div>
273 </div> 274 </div>
274 275
276 <div data-role="page" id="plugins" >
277 <div data-role="header" >
278 <h1><span class="orthanc-name"></span>Plugins</h1>
279 <a href="#find-patients" data-icon="home" class="ui-btn-left" data-direction="reverse">Patients</a>
280 </div>
281 <div data-role="content">
282 <ul id="all-plugins" data-role="listview" data-inset="true" data-filter="true">
283 </ul>
284 </div>
285 </div>
286
287
275 <div id="peer-store" style="display:none;" class="ui-body-c"> 288 <div id="peer-store" style="display:none;" class="ui-body-c">
276 <p align="center"><b>Sending to Orthanc peer...</b></p> 289 <p align="center"><b>Sending to Orthanc peer...</b></p>
277 <p><img src="libs/images/ajax-loader2.gif" alt="" /></p> 290 <p><img src="libs/images/ajax-loader2.gif" alt="" /></p>
278 </div> 291 </div>
279 292