comparison test-data/index.html @ 4:e78e25d3b4bd draft

planemo upload for repository https://github.com/galaxyproject/tools-iuc/tree/master/tools/antismash commit f5f8e44e726c9f2cc57e0f0fe8182a73afa56669
author bgruening
date Tue, 31 May 2022 14:04:07 +0000
parents 5784e268efca
children
comparison
equal deleted inserted replaced
3:5784e268efca 4:e78e25d3b4bd
27 <img src="images/bacteria_antismash_logo.svg" alt="antiSMASH logo" style="width:40px;height:unset;"> 27 <img src="images/bacteria_antismash_logo.svg" alt="antiSMASH logo" style="width:40px;height:unset;">
28 </a> 28 </a>
29 </div> 29 </div>
30 <div> 30 <div>
31 <a href="https://antismash.secondarymetabolites.org/"> 31 <a href="https://antismash.secondarymetabolites.org/">
32 antiSMASH version 5.1.2 32 antiSMASH version 6.1.1
33 </a> 33 </a>
34 </div> 34 </div>
35 </div> 35 </div>
36 <div class="custom-description"></div> 36 <div class="custom-description"></div>
37 <div class="ancillary-links"> 37 <div class="ancillary-links">
55 <div class="arrow-left" id="prev-region"></div> 55 <div class="arrow-left" id="prev-region"></div>
56 <div class="regbutton" style="min-width: inherit;"><a href="#">Overview</a></div> 56 <div class="regbutton" style="min-width: inherit;"><a href="#">Overview</a></div>
57 <div style="display: flex; flex-wrap: wrap"> 57 <div style="display: flex; flex-wrap: wrap">
58 58
59 59
60 60 <div class="regbutton PKS T1PKS r1c1">
61
62 <div class="regbutton T1PKS r1c1">
63 <a href="#r1c1">1.1</a> 61 <a href="#r1c1">1.1</a>
64 </div> 62 </div>
65 63
66 64
67 </div> 65 </div>
79 77
80 <div class="overview-layout"> 78 <div class="overview-layout">
81 <div id="record-tables"> 79 <div id="record-tables">
82 <div id="single-record-tables"> 80 <div id="single-record-tables">
83 <div class="record-overview-header"> 81 <div class="record-overview-header">
84 <strong>ARBH01000003.1</strong> 82 <strong>ARBH01000003.1</strong>
83 <div class="download-container">
84 <div class="download-icon-inverse download-svg" data-tag="record-minimap-1" data-filename="ARBH01000003.1_overview.svg">
85 </div>
86 </div>
85 </div> 87 </div>
86 <div class="record-overview-details"> 88 <div class="record-overview-details">
87 <svg id="record-minimap-1" class="record-overview-svg" height="1" width="1"></svg> 89 <svg id="record-minimap-1" class="record-overview-svg" height="1" width="1"></svg>
88 <table class="region-table"> 90 <table class="region-table">
89 <thead> 91 <thead>
96 <th>Similarity</th> 98 <th>Similarity</th>
97 </tr> 99 </tr>
98 </thead> 100 </thead>
99 <tbody> 101 <tbody>
100 <tr class="linked-row odd" data-anchor="#r1c1"> 102 <tr class="linked-row odd" data-anchor="#r1c1">
101 103 <td class="regbutton PKS T1PKS r1c1">
102
103 <td class="regbutton T1PKS r1c1">
104 <a href="#r1c1">Region&nbsp1</a> 104 <a href="#r1c1">Region&nbsp1</a>
105 </td> 105 </td>
106 <td> 106 <td>
107 107
108 <a class="external-link" href="https://docs.antismash.secondarymetabolites.org/glossary/#t1pks" target="_blank">T1PKS</a> 108 <a class="external-link" href="https://docs.antismash.secondarymetabolites.org/glossary/#t1pks" target="_blank">T1PKS</a>
137 <div class ="description-container"> 137 <div class ="description-container">
138 <div class="heading"> ARBH01000003.1 - Region 1 - T1PKS <div class="help-container"> <div class="help-icon" data-id="region_svg-help-4"></div> <span class="help-tooltip" id="region_svg-help-4">Shows the layout of the region, marking coding sequences and areas of interest. Clicking a gene will select it and show any relevant details. Clicking an area feature (e.g. a candidate cluster) will select all coding sequences within that area. Double clicking an area feature will zoom to that area. Multiple genes and area features can be selected by clicking them while holding the Ctrl key.<br>More detailed help is available <a class='external-link' href='https://docs.antismash.secondarymetabolites.org/understanding_output/#the-antismash-5-region-concept' target='_blank'>here</a>.</span></div></div> 138 <div class="heading"> ARBH01000003.1 - Region 1 - T1PKS <div class="help-container"> <div class="help-icon" data-id="region_svg-help-4"></div> <span class="help-tooltip" id="region_svg-help-4">Shows the layout of the region, marking coding sequences and areas of interest. Clicking a gene will select it and show any relevant details. Clicking an area feature (e.g. a candidate cluster) will select all coding sequences within that area. Double clicking an area feature will zoom to that area. Multiple genes and area features can be selected by clicking them while holding the Ctrl key.<br>More detailed help is available <a class='external-link' href='https://docs.antismash.secondarymetabolites.org/understanding_output/#the-antismash-5-region-concept' target='_blank'>here</a>.</span></div></div>
139 <div class="region-download"> 139 <div class="region-download">
140 <a href = ARBH01000003.1.region001.gbk>Download region GenBank file</a> 140 <a href = ARBH01000003.1.region001.gbk>Download region GenBank file</a>
141 </div> 141 </div>
142 <div class="region-download">
143 <div class="link-like download-svg" data-tag="r1c1-svg" data-filename="ARBH01000003.1_r1c1.svg">Download region SVG</div>
144 </div>
142 <div class = 'description-text'> 145 <div class = 'description-text'>
143 Location: 1 - 3,500 nt. (total: 3,500 nt) 146 Location: 1 - 3,500 nt. (total: 3,500 nt)
144 147
145 <a class="cluster-rules-header" id="r1c1-rules-header" href="#r1c1">Show pHMM detection rules used</a> 148 <a class="cluster-rules-header" id="r1c1-rules-header" href="#r1c1">Show pHMM detection rules used</a>
146 149
197 </div> 200 </div>
198 <div class="legend-label">TTA codons</div> 201 <div class="legend-label">TTA codons</div>
199 </div> 202 </div>
200 203
201 204
202
203 </div> 205 </div>
204 </div> 206 </div>
205 <div class="zoom-buttons"> 207 <div class="zoom-buttons">
206 <div class="button-like zoom-button zoom-reset"><img src="images/expand-arrows-alt-solid.svg" alt="reset zoom">reset view</div> 208 <div class="button-like zoom-button zoom-reset"><img src="images/expand-arrows-alt-solid.svg" alt="reset zoom">reset view</div>
207 <div class="button-like zoom-button zoom-in"><img src="images/search-solid.svg" alt="zoom">zoom to selection</div> 209 <div class="button-like zoom-button zoom-in"><img src="images/search-solid.svg" alt="zoom">zoom to selection</div>
229 NRPS/PKS domains 231 NRPS/PKS domains
230 </div> 232 </div>
231 233
232 234
233 235
234
235
236 <div class="body-details-header r1c1-knownclusterblast" data-name="r1c1-knownclusterblast"> 236 <div class="body-details-header r1c1-knownclusterblast" data-name="r1c1-knownclusterblast">
237 KnownClusterBlast 237 KnownClusterBlast
238 </div> 238 </div>
239 239
240 <div class="body-details-header r1c1-subclusterblast" data-name="r1c1-subclusterblast"> 240 <div class="body-details-header r1c1-subclusterblast" data-name="r1c1-subclusterblast">
241 SubClusterBlast 241 SubClusterBlast
242 </div> 242 </div>
243
244
243 245
244 246
245 </div> 247 </div>
246 248
247 249
248 <div class="body-details-section r1c1-nrps_pks"> 250 <div class="body-details-section r1c1-nrps_pks">
249 <div class="details"> 251 <div class="details">
250 <div class="heading"> 252 <div class="heading">
251 <span>Detailed domain annotation</span> 253 <span>Detailed domain annotation</span>
252 <div class="help-container"> <div class="help-icon" data-id="nrps-domain-help-1"></div> <span class="help-tooltip" id="nrps-domain-help-1">Shows <a href='https://docs.antismash.secondarymetabolites.org/glossary/#nrps' target='_blank'>NRPS</a>- and <a href='https://docs.antismash.secondarymetabolites.org/glossary/#pks' target='_blank'>PKS</a>-related domains for each feature that contains them. Click on each domain for more information about the domain's location, consensus monomer prediction, and other details.<br>A glossary is available <a href='https://docs.antismash.secondarymetabolites.org/modules/nrps_pks_domains/' target='_blank'>here</a>.</span></div> 254 <div class="help-container"> <div class="help-icon" data-id="nrps-domain-help-1"></div> <span class="help-tooltip" id="nrps-domain-help-1">Shows <a href='https://docs.antismash.secondarymetabolites.org/glossary/#nrps' target='_blank'>NRPS</a>- and <a href='https://docs.antismash.secondarymetabolites.org/glossary/#pks' target='_blank'>PKS</a>-related domains for each feature that contains them. Click on each domain for more information about the domain's location, consensus monomer prediction, and other details.<br>A glossary is available <a href='https://docs.antismash.secondarymetabolites.org/modules/nrps_pks_domains/' target='_blank'>here</a>.</span></div>
255 <div class="download-container">
256 <div class="download-icon download-svg" data-tag="r1c1-details-svg" data-filename="ARBH01000003.1_r1c1_nrps_pks.svg">
257 </div>
258 </div>
253 </div> 259 </div>
254 <div class="nrps-pks-domain-buttons"> 260 <div class="nrps-pks-domain-buttons">
255 <div class="domains-selected-only switch-container"><span class="switch-desc">Selected features only</span> <label class="switch"> <input class="domains-selected-only" type="checkbox"> <span class="slider"></span> </label></div> 261 <div class="domains-selected-only switch-container"><span class="switch-desc">Selected features only</span> <label class="switch"> <input class="domains-selected-only" type="checkbox"> <span class="slider"></span> </label></div>
256 <div class="show-module-domains switch-container"><span class="switch-desc">Show module domains</span> <label class="switch"> <input class="show-module-domains" type="checkbox"> <span class="slider"></span> </label></div> 262 <div class="show-module-domains switch-container"><span class="switch-desc">Show module domains</span> <label class="switch"> <input class="show-module-domains" type="checkbox"> <span class="slider"></span> </label></div>
257 </div> 263 </div>
258 <div class="details-svg" id="r1c1-details-svg"></div> 264 <div class="details-svg" id="r1c1-details-svg"></div>
259 </div> 265 </div>
260 </div> 266 </div>
261
262
263 267
264 268
265 269
266 <div class="body-details-section r1c1-knownclusterblast"> 270 <div class="body-details-section r1c1-knownclusterblast">
267 <div class = "knownclusterblast"> 271 <div class = "knownclusterblast">
290 294
291 </div> 295 </div>
292 </div> 296 </div>
293 297
294 298
299
300
295 </div> 301 </div>
296 302
297 <div class="sidepanel"> 303 <div class="sidepanel">
298 <div class="sidepanel-details-headers"> 304 <div class="sidepanel-details-headers">
299 305
335 <script src="js/jquery.js"></script> 341 <script src="js/jquery.js"></script>
336 <script src="js/antismash.js"></script> 342 <script src="js/antismash.js"></script>
337 <script src="regions.js"></script> 343 <script src="regions.js"></script>
338 <script> 344 <script>
339 $(document).ready(function() { 345 $(document).ready(function() {
340 viewer["start"](all_regions, details_data, recordData); 346 viewer["start"](all_regions, details_data, resultsData, recordData);
341 }) 347 })
342 </script> 348 </script>
343 349
344 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> 350 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
345 <defs> 351 <defs>