comparison OrthancExplorer/explorer.html @ 442:40deb6525337

improved buttons
author Sebastien Jodogne <s.jodogne@gmail.com>
date Fri, 17 May 2013 16:06:38 +0200
parents 97a00b30abcc
children be93b666ed79
comparison
equal deleted inserted replaced
440:23e5b35e3c5c 442:40deb6525337
86 <select name="protection" id="protection" data-role="slider"> 86 <select name="protection" id="protection" data-role="slider">
87 <option value="off">Unprotected</option> 87 <option value="off">Unprotected</option>
88 <option value="on">Protected</option> 88 <option value="on">Protected</option>
89 </select> 89 </select>
90 </div> 90 </div>
91 <!--a href="#find-patients" data-role="button" data-icon="search">Go to patient finder</a-->
92 <a href="#" data-role="button" data-icon="delete" id="patient-delete">Delete this patient</a>
93 <a href="#" data-role="button" data-icon="forward" id="patient-store">Store in another DICOM modality</a>
94 <a href="#" data-role="button" data-icon="gear" id="patient-archive">Download ZIP</a>
95 <a href="#" data-role="button" data-icon="star" id="patient-anonymize">Anonymize</a>
96 </p> 91 </p>
92 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
93 <li data-role="list-divider">Interact</li>
94 <li data-icon="delete"><a href="#" id="patient-delete">Delete this patient</a></li>
95 <li data-icon="forward"><a href="#" id="patient-store">Send to DICOM modality</a></li>
96 <li data-icon="star"><a href="#" id="patient-anonymize">Anonymize</a></li>
97 </ul>
98
99 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
100 <li data-role="list-divider">Access</li>
101 <li data-icon="gear"><a href="#" id="patient-archive">Download ZIP</a></li>
102 </ul>
97 </div> 103 </div>
98 </div> 104 </div>
99 <div class="ui-block-b" style="width:70%"> 105 <div class="ui-block-b" style="width:70%">
100 <div style="padding:10px"> 106 <div style="padding:10px">
101 <ul id="list-studies" data-role="listview" data-inset="true" data-filter="true"> 107 <ul id="list-studies" data-role="listview" data-inset="true" data-filter="true">
120 <div class="ui-grid-a"> 126 <div class="ui-grid-a">
121 <div class="ui-block-a" style="width:30%"> 127 <div class="ui-block-a" style="width:30%">
122 <div style="padding-right:10px"> 128 <div style="padding-right:10px">
123 <ul data-role="listview" data-inset="true" data-theme="a" id="study-info"> 129 <ul data-role="listview" data-inset="true" data-theme="a" id="study-info">
124 </ul> 130 </ul>
125 <p> 131
126 <a href="#" data-role="button" data-icon="delete" id="study-delete">Delete this study</a> 132 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
127 <a href="#" data-role="button" data-icon="forward" id="study-store">Store in another DICOM modality</a> 133 <li data-role="list-divider">Interact</li>
128 <a href="#" data-role="button" data-icon="gear" id="study-archive">Download ZIP</a> 134 <li data-icon="delete"><a href="#" id="study-delete">Delete this study</a></li>
129 <a href="#" data-role="button" data-icon="star" id="study-anonymize">Anonymize</a> 135 <li data-icon="forward"><a href="#" id="study-store">Send to DICOM modality</a></li>
130 </p> 136 <li data-icon="star"><a href="#" id="study-anonymize">Anonymize</a></li>
137 </ul>
138
139 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
140 <li data-role="list-divider">Access</li>
141 <li data-icon="gear"><a href="#" id="study-archive">Download ZIP</a></li>
142 </ul>
131 </div> 143 </div>
132 </div> 144 </div>
133 <div class="ui-block-b" style="width:70%"> 145 <div class="ui-block-b" style="width:70%">
134 <div style="padding:10px"> 146 <div style="padding:10px">
135 <ul id="list-series" data-role="listview" data-inset="true" data-filter="true"> 147 <ul id="list-series" data-role="listview" data-inset="true" data-filter="true">
154 </div> 166 </div>
155 <div data-role="content"> 167 <div data-role="content">
156 <div class="ui-grid-a"> 168 <div class="ui-grid-a">
157 <div class="ui-block-a" style="width:30%"> 169 <div class="ui-block-a" style="width:30%">
158 <div style="padding-right:10px"> 170 <div style="padding-right:10px">
159 <ul data-role="listview" data-inset="true" data-theme="a" id="series-info"> 171 <ul data-role="listview" data-inset="true" data-theme="a" id="series-info">
160 </ul> 172 </ul>
161 <p> 173
162 <a href="#" data-role="button" data-icon="delete" id="series-delete">Delete this series</a> 174 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
163 <a href="#" data-role="button" data-icon="search" id="series-preview">Preview this series</a> 175 <li data-role="list-divider">Interact</li>
164 <a href="#" data-role="button" data-icon="forward" id="series-store">Store in another DICOM modality</a> 176 <li data-icon="delete"><a href="#" id="series-delete">Delete this series</a></li>
165 <a href="#" data-role="button" data-icon="gear" id="series-archive">Download ZIP</a> 177 <li data-icon="forward"><a href="#" id="series-store">Send to DICOM modality</a></li>
166 <a href="#" data-role="button" data-icon="star" id="series-anonymize">Anonymize</a> 178 <li data-icon="star"><a href="#" id="series-anonymize">Anonymize</a></li>
167 </p> 179 </ul>
180
181 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
182 <li data-role="list-divider">Access</li>
183 <li data-icon="search"><a href="#" id="series-preview">Preview this series</a></li>
184 <li data-icon="gear"><a href="#" id="series-archive">Download ZIP</a></li>
185 </ul>
168 </div> 186 </div>
169 </div> 187 </div>
170 <div class="ui-block-b" style="width:70%"> 188 <div class="ui-block-b" style="width:70%">
171 <div style="padding:10px"> 189 <div style="padding:10px">
172 <ul id="list-instances" data-role="listview" data-inset="true" data-filter="true"> 190 <ul id="list-instances" data-role="listview" data-inset="true" data-filter="true">
193 <div class="ui-grid-a"> 211 <div class="ui-grid-a">
194 <div class="ui-block-a" style="width:30%"> 212 <div class="ui-block-a" style="width:30%">
195 <div style="padding-right:10px"> 213 <div style="padding-right:10px">
196 <ul data-role="listview" data-inset="true" data-theme="a" id="instance-info"> 214 <ul data-role="listview" data-inset="true" data-theme="a" id="instance-info">
197 </ul> 215 </ul>
198 <p> 216
199 <a href="#" data-role="button" data-icon="delete" id="instance-delete">Delete this instance</a> 217 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
200 <a href="#" data-role="button" data-icon="arrow-d" id="instance-download-dicom">Download the DICOM file</a> 218 <li data-role="list-divider">Interact</li>
201 <a href="#" data-role="button" data-icon="arrow-d" id="instance-download-json">Download the JSON file</a> 219 <li data-icon="delete"><a href="#" id="instance-delete">Delete this instance</a></li>
202 <a href="#" data-role="button" data-icon="search" id="instance-preview">Preview the instance</a> 220 <li data-icon="forward"><a href="#" id="instance-store">Send to DICOM modality</a></li>
203 <a href="#" data-role="button" data-icon="forward" id="instance-store">Store in another DICOM modality</a> 221 </ul>
204 </p> 222
223 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="c">
224 <li data-role="list-divider">Access</li>
225 <li data-icon="arrow-d"><a href="#" id="instance-download-dicom">Download the DICOM file</a></li>
226 <li data-icon="arrow-d"><a href="#" id="instance-download-json">Download the JSON file</a></li>
227 <li data-icon="search"><a href="#" id="instance-preview">Preview the instance</a></li>
228 </ul>
205 </div> 229 </div>
206 </div> 230 </div>
207 <div class="ui-block-b" style="width:70%"> 231 <div class="ui-block-b" style="width:70%">
208 <div style="padding:10px"> 232 <div style="padding:10px">
209 <div class="ui-body ui-body-b"> 233 <div class="ui-body ui-body-b">