0
|
1 <!DOCTYPE html>
|
|
2
|
|
3 <html>
|
|
4 <head>
|
|
5 <meta charset="utf-8">
|
|
6 <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7 <title>Palantir Explorer</title>
|
|
8
|
|
9 <link rel="stylesheet" href="libs/jquery.mobile-1.1.0.min.css" />
|
|
10 <link rel="stylesheet" href="libs/jqtree.css" />
|
|
11 <link rel="stylesheet" href="libs/jquery.mobile.simpledialog.min.css" />
|
|
12 <link rel="stylesheet" href="libs/jquery-file-upload/css/style.css" />
|
|
13 <link rel="stylesheet" href="libs/jquery-file-upload/css/jquery.fileupload-ui.css" />
|
|
14 <link rel="stylesheet" href="libs/slimbox2/slimbox2.css" />
|
|
15
|
|
16 <script src="libs/jquery-1.7.2.min.js"></script>
|
|
17 <script src="libs/jquery.mobile-1.1.0.min.js"></script>
|
|
18 <script src="libs/jqm.page.params.js"></script>
|
|
19 <script src="libs/tree.jquery.js"></script>
|
|
20 <script src="libs/date.js"></script>
|
|
21 <script src="libs/jquery.mobile.simpledialog2.js"></script>
|
|
22 <script src="libs/slimbox2.js"></script>
|
|
23 <script src="libs/jquery.blockUI.js"></script>
|
|
24
|
|
25 <!-- https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin -->
|
|
26 <script src="libs/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
|
|
27 <script src="libs/jquery-file-upload/js/jquery.iframe-transport.js"></script>
|
|
28 <script src="libs/jquery-file-upload/js/jquery.fileupload.js"></script>
|
|
29
|
|
30 <link rel="stylesheet" href="explorer.css" />
|
|
31 <script src="file-upload.js"></script>
|
|
32 <script src="explorer.js"></script>
|
|
33 </head>
|
|
34 <body>
|
|
35 <div data-role="page" id="find-patients" >
|
|
36 <div data-role="header" >
|
|
37 <h1>Find a patient</h1>
|
|
38 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
|
|
39 </div>
|
|
40 <div data-role="content">
|
|
41 <ul id="all-patients" data-role="listview" data-inset="true" data-filter="true">
|
|
42 </ul>
|
|
43 </div>
|
|
44 </div>
|
|
45
|
|
46 <div data-role="page" id="upload" >
|
|
47 <div data-role="header" >
|
|
48 <h1>Upload DICOM files</h1>
|
|
49 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a>
|
|
50 </div>
|
|
51 <div data-role="content">
|
|
52 <div style="display:none">
|
|
53 <input id="fileupload" type="file" name="files[]" data-url="/instances/" multiple>
|
|
54 </div>
|
|
55 <p>
|
|
56 <ul data-role="listview" data-inset="true">
|
|
57 <li data-icon="arrow-r" data-theme="e"><a href="#" id="upload-button">Start the upload</a></li>
|
|
58 <!--li data-icon="gear" data-theme="e"><a href="#" id="upload-abort" class="ui-disabled">Abort the current upload</a></li-->
|
|
59 <li data-icon="delete" data-theme="e"><a href="#" id="upload-clear">Clear the pending uploads</a></li>
|
|
60 </ul>
|
|
61 <div id="progress" class="ui-corner-all">
|
|
62 <span class="bar ui-corner-all"></span>
|
|
63 <div class="label"></div>
|
|
64 </div>
|
|
65 </p>
|
|
66 <ul id="upload-list" data-role="listview" data-inset="true">
|
|
67 <li data-role="list-divider">Drag and drop DICOM files here</li>
|
|
68 </ul>
|
|
69 </div>
|
|
70 </div>
|
|
71
|
|
72 <div data-role="page" id="patient" >
|
|
73 <div data-role="header" >
|
|
74 <h1>List of the studies of one patient</h1>
|
|
75 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a>
|
|
76 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
|
|
77 </div>
|
|
78 <div data-role="content">
|
|
79 <div class="ui-grid-a">
|
|
80 <div class="ui-block-a" style="width:30%">
|
|
81 <div style="padding-right:10px">
|
|
82 <ul data-role="listview" data-inset="true" data-theme="a" id="patient-info">
|
|
83 </ul>
|
|
84 <p>
|
|
85 <a href="#find-patients" data-role="button" data-icon="search">Go to patient finder</a>
|
|
86 <a href="#" data-role="button" data-icon="delete" id="patient-delete">Delete this patient</a>
|
|
87 </p>
|
|
88 </div>
|
|
89 </div>
|
|
90 <div class="ui-block-b" style="width:70%">
|
|
91 <div style="padding:10px">
|
|
92 <ul id="list-studies" data-role="listview" data-inset="true" data-filter="true">
|
|
93 </ul>
|
|
94 </div>
|
|
95 </div>
|
|
96 </div>
|
|
97 </div>
|
|
98 </div>
|
|
99
|
|
100 <div data-role="page" id="study">
|
|
101 <div data-role="header">
|
|
102 <h1>List of the series of one study</h1>
|
|
103 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a>
|
|
104 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
|
|
105 </div>
|
|
106 <div data-role="content">
|
|
107 <div class="ui-grid-a">
|
|
108 <div class="ui-block-a" style="width:30%">
|
|
109 <div style="padding-right:10px">
|
|
110 <ul data-role="listview" data-inset="true" data-theme="a" id="study-info">
|
|
111 </ul>
|
|
112 <p>
|
|
113 <a href="#" data-role="button" data-icon="delete" id="study-delete">Delete this study</a>
|
|
114 </p>
|
|
115 </div>
|
|
116 </div>
|
|
117 <div class="ui-block-b" style="width:70%">
|
|
118 <div style="padding:10px">
|
|
119 <ul id="list-series" data-role="listview" data-inset="true" data-filter="true">
|
|
120 </ul>
|
|
121 </div>
|
|
122 </div>
|
|
123 </div>
|
|
124 </div>
|
|
125 </div>
|
|
126
|
|
127 <div data-role="page" id="series">
|
|
128 <div data-role="header">
|
|
129 <h1>List of the instances of one series</h1>
|
|
130 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a>
|
|
131 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
|
|
132 </div>
|
|
133 <div data-role="content">
|
|
134 <div class="ui-grid-a">
|
|
135 <div class="ui-block-a" style="width:30%">
|
|
136 <div style="padding-right:10px">
|
|
137 <ul data-role="listview" data-inset="true" data-theme="a" id="series-info">
|
|
138 </ul>
|
|
139 <p>
|
|
140 <a href="#" data-role="button" data-icon="delete" id="series-delete">Delete this series</a>
|
|
141 <a href="#" data-role="button" data-icon="arrow-d" id="series-preview">Preview this series</a>
|
|
142 <a href="#" data-role="button" data-icon="arrow-d" id="series-store">Store in another DICOM modality</a>
|
|
143 </p>
|
|
144 </div>
|
|
145 </div>
|
|
146 <div class="ui-block-b" style="width:70%">
|
|
147 <div style="padding:10px">
|
|
148 <ul id="list-instances" data-role="listview" data-inset="true" data-filter="true">
|
|
149 </ul>
|
|
150 </div>
|
|
151 </div>
|
|
152 </div>
|
|
153 </div>
|
|
154 </div>
|
|
155
|
|
156 <div data-role="page" id="instance">
|
|
157 <div data-role="header">
|
|
158 <h1>One DICOM instance</h1>
|
|
159 <a href="#find-patients" data-icon="search" class="ui-btn-left" data-direction="reverse">Find patient</a>
|
|
160 <a href="#upload" data-icon="gear" class="ui-btn-right">Upload DICOM</a>
|
|
161 </div>
|
|
162 <div data-role="content">
|
|
163 <div class="ui-grid-a">
|
|
164 <div class="ui-block-a" style="width:30%">
|
|
165 <div style="padding-right:10px">
|
|
166 <ul data-role="listview" data-inset="true" data-theme="a" id="instance-info">
|
|
167 </ul>
|
|
168 <p>
|
|
169 <a href="#" data-role="button" data-icon="delete" id="instance-delete">Delete this instance</a>
|
|
170 <a href="#" data-role="button" data-icon="arrow-d" id="instance-download-dicom">Download the DICOM file</a>
|
|
171 <a href="#" data-role="button" data-icon="arrow-d" id="instance-download-json">Download the JSON file</a>
|
|
172 <a href="#" data-role="button" data-icon="arrow-d" id="instance-preview">Preview the instance</a>
|
|
173 <a href="#" data-role="button" data-icon="arrow-d" id="instance-store">Store in another DICOM modality</a>
|
|
174 </p>
|
|
175 </div>
|
|
176 </div>
|
|
177 <div class="ui-block-b" style="width:70%">
|
|
178 <div style="padding:10px">
|
|
179 <div class="ui-body ui-body-b">
|
|
180 <h1>DICOM Tags</h1>
|
|
181 <div id="dicom-tree"></div>
|
|
182 </div>
|
|
183 </div>
|
|
184 </div>
|
|
185 </div>
|
|
186 </div>
|
|
187 </div>
|
|
188
|
|
189 <div id="loading" style="display:none;" class="ui-body-c">
|
|
190 <p align="center"><b>Sending to DICOM modality...</b></p>
|
|
191 <p><img src="libs/images/ajax-loader2.gif" alt="" /></p>
|
|
192 </div>
|
|
193
|
|
194 <div id="dialog" style="display:none" >
|
|
195 </div>
|
|
196 </body>
|
|
197 </html>
|