Mercurial > repos > bgruening > antismash

comparison test-data/index.html @ 3:5784e268efca draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
"planemo upload for repository https://github.com/galaxyproject/tools-iuc/tree/master/tools/antismash commit 19cbd26d33334a903a2028d463b2132cdd1f7e57"
author bgruening
date Sun, 09 Aug 2020 10:15:12 -0400
parents 593bb8f5488b
children e78e25d3b4bd
comparison
equal deleted inserted replaced
2:3f0077c88c16 3:5784e268efca
1
1 <!doctype html> 2 <!doctype html>
2 <html> 3 <html lang="en">
3 <head> 4 <head>
4 <title>ARBH01000003.1 - 1 clusters - antiSMASH results</title> 5 <meta charset="utf-8" />
5 <link rel="stylesheet" type="text/css" href="css/bacteria.css"> 6 <title>input_tempfile - 1 region(s) - antiSMASH results</title>
6 <meta charset="utf-8"> 7 <style>img {width: 20px; height: 20px;}</style>
7 </head> 8 <link rel="stylesheet" type="text/css" href="css/bacteria.css">
8 <body> 9 <meta property="og:title" content="input_tempfile - 1 record(s) - 1 region(s)" />
9 <div id="header"> 10 <meta property="og:description" content="">
10 <div class="top-header"> 11 <meta property="og:image" content="https://antismash.secondarymetabolites.org/images/bacteria_logo.png" />
11 <img class="antismash-logo" src="images/bacteria_logo.png" alt="antiSMASH"> 12 <meta property="og:image:alt" content="antiSMASH logo" />
12 <span class="antismash-title"><a class="main-link" href="http://antismash.secondarymetabolites.org/">antibiotics &amp; Secondary Metabolite Analysis SHell</a><br> 13 <meta property="og:image:width" content="600" />
13 <span class="white">Version <span id="antismash-version">4.0.2</span></span> 14 <meta property="og:image:height" content="600" />
14 </span> 15 <meta property="og:url" content="https://antismash.secondarymetabolites.org/upload/input_tempfile/index.html" />
15 <div id="icons"> 16 <meta property="og:type" content="website" />
16 <a class="main-link" href="http://antismash.secondarymetabolites.org/"><img src="images/bacteria_home.png" alt="home" title="Go to start page"></a> 17 <meta name="twitter:card" content="summary" />
17 <a class="help-link" href="http://antismash.secondarymetabolites.org/#!/help"><img src="images/bacteria_help.png" alt="help" title="Get help using antiSMASH"></a> 18 <meta name="twitter:site" content="@antismash_dev" />
18 <a class="about-link" href="http://antismash.secondarymetabolites.org/#!/about"><img src="images/bacteria_about.png" alt="about" title="About antiSMASH"></a> 19 </head>
19 <a href="#" id="download"><img src="images/bacteria_download.png" alt="download" title="Download results"></a> 20
20 <div id="downloadmenu"> 21 <body>
21 <ul id="downloadoptions"> 22 <div id="header">
22 <li><a href="ARBH01000003.1.zip">Download all results</a></li><li><a href="ARBH01000003.1.geneclusters.xls">Download XLS overview file</a></li><li><a href="ARBH01000003.1.final.embl">Download EMBL summary file</a></li><li><a href="ARBH01000003.1.final.gbk">Download GenBank summary file</a></li></ul> 23 <nav>
23 </div> 24 <div class="main-link">
25 <div>
26 <a href="https://antismash.secondarymetabolites.org/">
27 <img src="images/bacteria_antismash_logo.svg" alt="antiSMASH logo" style="width:40px;height:unset;">
28 </a>
29 </div>
30 <div>
31 <a href="https://antismash.secondarymetabolites.org/">
32 antiSMASH version 5.1.2
33 </a>
34 </div>
35 </div>
36 <div class="custom-description"></div>
37 <div class="ancillary-links">
38 <div class="ancillary-link dropdown-menu" id="download-dropdown"><a href="#" id="download-dropdown-link"><img src="images/download.svg" alt="download"> &nbsp; Download</a>
39 <ul class="dropdown-options">
40
41 <li><a href="input_tempfile.zip">Download all results</a></li>
42
43 <li><a href="input_tempfile.gbk">Download GenBank summary file</a></li>
44
45 </ul>
46 </div>
47 <div class="ancillary-link"><a href="https://antismash.secondarymetabolites.org/#!/about"><img src="images/about.svg" alt="about"> &nbsp; About</a></div>
48 <div class="ancillary-link"><a href="https://docs.antismash.secondarymetabolites.org/"><img src="images/help.svg" alt="help"> &nbsp; Help</a></div>
49 <div class="ancillary-link"><a href="https://antismash.secondarymetabolites.org/#!/contact"><img src="images/contact.svg" alt="contact"> &nbsp; Contact</a></div>
50 </div>
51 </nav>
52 <div id="buttons">
53 <span id="region-type">Select genomic region:</span>
54 <div id="regionbuttons">
55 <div class="arrow-left" id="prev-region"></div>
56 <div class="regbutton" style="min-width: inherit;"><a href="#">Overview</a></div>
57 <div style="display: flex; flex-wrap: wrap">
58
59
60
61
62 <div class="regbutton T1PKS r1c1">
63 <a href="#r1c1">1.1</a>
64 </div>
65
66
24 </div> 67 </div>
25 </div> 68 <div id="last-regbutton"><div class="arrow-right" id="next-region"></div></div>
26 <div id="buttons"> 69 </div>
27 <span id="cluster-type">Select Gene Cluster:</span> 70 </div>
28 <ul id="clusterbuttons"> 71 </div>
29 <li><div class="arrow-left" id="prev-cluster"></div></li> 72
30 <li class="clbutton"><a href="#">Overview</a></li> 73 <!-- overview page -->
31 <li class="clbutton t1pks cluster-1"><a href="#cluster-1">1</a></li><li id="last-clbutton"><div class="arrow-right" id="next-cluster"></div></li> 74
32 </ul> 75 <div class="page" id="overview">
33 </div> 76
34 </div> 77
35 78 <h3>Identified secondary metabolite regions using strictness &#39;relaxed&#39;<span id="truncated"></span></h3>
36 <!-- overview page --> 79
37 <div class="page" id="overview"> 80 <div class="overview-layout">
38 <h3>Identified secondary metabolite clusters<span id="truncated"></span></h3> 81 <div id="record-tables">
39 <table id="cluster-overview"> 82 <div id="single-record-tables">
40 <thead> 83 <div class="record-overview-header">
41 <tr> 84 <strong>ARBH01000003.1</strong>
42 <th>Cluster</th> 85 </div>
43 <th>Type</th> 86 <div class="record-overview-details">
44 <th>From</th> 87 <svg id="record-minimap-1" class="record-overview-svg" height="1" width="1"></svg>
45 <th>To</th> 88 <table class="region-table">
46 <th>Most similar known cluster</th> 89 <thead>
47 <th>MIBiG BGC-ID</th> 90 <tr>
48 </tr> 91 <th>Region</th>
49 </thead> 92 <th>Type</th>
50 <tbody> 93 <th>From</th>
51 <tr class="separator-row"><td class="separator-text" colspan="2">The following clusters are from record ARBH01000003.1:</td></tr><tr><td class="clbutton t1pks"><a href="#cluster-1">Cluster 1</a></td><td><a href="http://antismash.secondarymetabolites.org/help#t1pks" target="_blank">T1pks</a></td><td class="digits">1</td><td class="digits">3500</td><td>-</td><td>-</td></tr></tbody> 94 <th>To</th>
52 </table> 95 <th colspan="2">Most similar known cluster</th>
53 </div> 96 <th>Similarity</th>
54 97 </tr>
55 <div class="page" id="cluster-1"><h3>ARBH01000003.1 - Cluster 1 - T1pks</h3><div class="sidepanel"><div class="structure"><h3>Predicted core structure</h3><a href="images/nostructure_icon.png" target="_new"><img src="images/nostructure_icon.png"></a><div class="as-structure-warning">Rough prediction of core scaffold based on assumed PKS/NRPS colinearity; tailoring reactions not taken into account</div></div><div class="more-details"><h3>Prediction details</h3><dl class="prediction-text"><dt>Monomers prediction:</dt><dd>(mal)</dd><dt>ctg1_1</dt><dd>PKS signature: mal<br></dd><dd>Minowa: mal<br></dd><dd>consensus: mal<br></dd></dl></div></div><div class="content"><div class="description-container"><h3>Gene cluster description</h3><div class="cluster-download"><a href="ARBH01000003.1.cluster001.gbk">Download cluster GenBank file</a></div><div class="description-text">ARBH01000003.1 - Gene Cluster 1. Type = t1pks. Location: 1 - 3500 nt. Click on genes for more information.</div><a class="cluster-rules-header" id="cluster-1-rules-header" href="#cluster-1">Show pHMM detection rules used</a><div class="cluster-rules" id="cluster-1-rules">t1pks: ((PKS_KS &amp; PKS_AT) or (ene_KS &amp; PKS_AT) or (mod_KS &amp; PKS_AT) or (hyb_KS &amp; PKS_AT) or (itr_KS &amp; PKS_AT) or (tra_KS &amp; PKS_AT))<br></div><div id="cluster-1-svg"></div></div><div class="legend"><h4>Legend:</h4><div><div><div class="legend-field legend-type-biosynthetic"></div><div class="legend-label">core biosynthetic genes</div></div><div><div class="legend-field legend-type-biosynthetic-additional"></div><div class="legend-label">additional biosynthetic genes</div></div><div><div class="legend-field legend-type-transport"></div><div class="legend-label">transport-related genes</div></div><div><div class="legend-field legend-type-regulatory"></div><div class="legend-label">regulatory genes</div></div><div><div class="legend-field legend-type-other"></div><div class="legend-label">other genes</div></div></div></div><div class="details"><h3>Detailed annotation</h3><div class="details-svg" id="cluster-1-details-svg"></div></div></div></div><div id="footer"> 98 </thead>
56 <div id="logos"> 99 <tbody>
57 <table id="logo-table"> 100 <tr class="linked-row odd" data-anchor="#r1c1">
58 <tr> 101
59 <td> 102
60 <img src="images/tueblogo.gif"> 103 <td class="regbutton T1PKS r1c1">
61 </td> 104 <a href="#r1c1">Region&nbsp1</a>
62 <td> 105 </td>
63 <img src="images/ruglogo.gif"> 106 <td>
64 </td> 107
65 <td> 108 <a class="external-link" href="https://docs.antismash.secondarymetabolites.org/glossary/#t1pks" target="_blank">T1PKS</a>
66 <img src="images/ucsflogo.gif"> 109 </td>
67 </td> 110 <td class="digits">1</td>
68 <td> 111 <td class="digits table-split-left">3,500</td>
69 <img src="images/wur-logo.png"> 112
70 </td> 113 <td colspan="3"></td>
71 </tr> 114
72 <tr> 115 </tr>
73 <td> 116
74 <img src="images/uomlogo.jpg"> 117 </tbody>
75 </td> 118 </table>
76 <td> 119 </div>
77 <img src="images/dziflogo.png"> 120 </div>
78 </td> 121
79 <td> 122
80 <img src="images/cfb-logo.png"> 123 </div>
81 </td> 124
82 <td> 125 </div>
83 </td> 126 </div>
84 </tr> 127
85 </table> 128
86 </div> 129
87 <div id="copyright"> 130
88 If you have found antiSMASH useful, please <a href="http://antismash.secondarymetabolites.org/about">cite us</a>. 131
89 </div> 132
90 </div> 133
91 134 <div class="page" id='r1c1' style="display: none;">
92 <script src="js/jquery.js"></script> 135 <div class="region-grid">
93 <script src="js/purl.js"></script> 136 <div class = "content">
94 <script src="js/d3.v2.js"></script> 137 <div class ="description-container">
95 <script src="js/svgene.js"></script> 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>
96 <script src="js/jsdomain.js"></script> 139 <div class="region-download">
97 <script src="js/clusterblast.js"></script> 140 <a href = ARBH01000003.1.region001.gbk>Download region GenBank file</a>
98 <script src="js/domainalign.js"></script> 141 </div>
99 <script src="geneclusters.js"></script> 142 <div class = 'description-text'>
100 <script type="text/javascript"> 143 Location: 1 - 3,500 nt. (total: 3,500 nt)
101 function toggle_downloadmenu(event) { 144
102 event.preventDefault(); 145 <a class="cluster-rules-header" id="r1c1-rules-header" href="#r1c1">Show pHMM detection rules used</a>
103 $("#downloadmenu").fadeToggle("fast", "linear"); 146
104 } 147
105 148 <div class="contig-edge-warning">Region on contig edge.</div>
106 function switch_to_cluster() { 149
107 setTimeout(function() { 150 </div>
108 var url = $.url(); 151
109 $(".page").hide(); 152 <div class="cluster-rules" id="r1c1-rules">T1PKS: cds(PKS_AT and (PKS_KS or ene_KS or mod_KS or hyb_KS or itr_KS or tra_KS))</div>
110 $("li.clbutton").removeClass("active"); 153
111 var anchor = url.data.attr.fragment; 154 <div class="region-svg-container">
112 if (anchor == "") { 155 <div id='r1c1-svg'>
113 anchor = "overview"; 156 </div>
114 } 157 </div>
115 $("#" + anchor).show(); 158 </div>
116 if (anchor != "overview") { 159 <div class="legend">
117 $("li.clbutton." + anchor).addClass("active"); 160 <h4>Legend:</h4>
118 } 161 <div class="legend-items">
119 162 <div class="button-like legend-selector" data-id="legend-type-biosynthetic">
120 if (geneclusters[anchor] !== undefined) { 163 <div class="legend-field legend-type-biosynthetic"></div>
121 svgene.drawClusters(anchor+"-svg", [geneclusters[anchor]], 20, 700); 164 <div class="legend-label">core biosynthetic genes</div>
122 } 165 </div>
123 if ($("#" + anchor + "-details-svg").length > 0) { 166 <div class="button-like legend-selector" data-id="legend-type-biosynthetic-additional">
124 jsdomain.drawDomains(anchor+ "-details-svg", details_data[anchor], 40, 700); 167 <div class="legend-field legend-type-biosynthetic-additional"></div>
125 } 168 <div class="legend-label">additional biosynthetic genes</div>
126 $("#" + anchor + " .clusterblast-selector").change(); 169 </div>
127 $("#" + anchor + " .domainalign-selector").change(); 170 <div class="button-like legend-selector" data-id="legend-type-transport">
128 }, 1); 171 <div class="legend-field legend-type-transport"></div>
129 } 172 <div class="legend-label">transport-related genes</div>
130 173 </div>
131 function next_cluster() { 174 <div class="button-like legend-selector" data-id="legend-type-regulatory">
132 var num_clusters = Object.keys(geneclusters).length; 175 <div class="legend-field legend-type-regulatory"></div>
133 var url = $.url(); 176 <div class="legend-label">regulatory genes</div>
134 var anchor = url.data.attr.fragment; 177 </div>
135 var href = "#" + anchor; 178 <div class="button-like legend-selector" data-id="legend-type-other">
136 if (anchor == "" || anchor == "overview") { 179 <div class="legend-field legend-type-other"></div>
137 anchor = "cluster-0"; 180 <div class="legend-label">other genes</div>
138 } 181 </div>
139 var cluster_number = parseInt(anchor.split('-')[1]); 182 <div style="margin-right: 2em;"></div>
140 var next_cluster_number = cluster_number + 1; 183 <div class="button-like legend-selector" data-id="legend-resistance">
141 if (next_cluster_number <= num_clusters) { 184 <div class="legend-symbol">
142 href = "#cluster-" + next_cluster_number; 185 <svg viewbox="0 0 8 8">
143 } else { 186 <rect x=0 y=2 height=4 width=8 class="svgene-resistance"></rect>
144 href = "#overview"; 187 </svg>
145 } 188 </div>
146 window.location.href = href; 189 <div class="legend-label">resistance</div>
147 switch_to_cluster(); 190 </div>
148 } 191
149 192 <div class="button-like legend-selector" data-id="legend-tta-codon">
150 function previous_cluster() { 193 <div class="legend-symbol">
151 var num_clusters = Object.keys(geneclusters).length; 194 <svg viewbox="0 0 6 6">
152 var url = $.url(); 195 <polyline class="svgene-tta-codon" points="3,0 0,6 6,6 3,0"></rect>
153 var anchor = url.data.attr.fragment; 196 </svg>
154 var href = "#" + anchor; 197 </div>
155 if (anchor == "" || anchor == "overview") { 198 <div class="legend-label">TTA codons</div>
156 anchor = "cluster-0"; 199 </div>
157 } 200
158 var cluster_number = parseInt(anchor.split('-')[1]); 201
159 var prev_cluster_number = cluster_number - 1; 202
160 if (prev_cluster_number == 0 ) { 203 </div>
161 href = "#overview"; 204 </div>
162 } else if (prev_cluster_number < 0){ 205 <div class="zoom-buttons">
163 href = "#cluster-" + num_clusters; 206 <div class="button-like zoom-button zoom-reset"><img src="images/expand-arrows-alt-solid.svg" alt="reset zoom">reset view</div>
164 } else { 207 <div class="button-like zoom-button zoom-in"><img src="images/search-solid.svg" alt="zoom">zoom to selection</div>
165 href = "#cluster-" + prev_cluster_number; 208 </div>
166 } 209 </div>
167 window.location.href = href; 210
168 switch_to_cluster(); 211 <div class="focus-panel">
169 } 212 <div class="heading">
170 213 <span>Gene details</span>
171 function toggle_cluster_rules(ev) { 214 <div class="help-container"> <div class="help-icon" data-id="focus-panel-help-5"></div> <span class="help-tooltip" id="focus-panel-help-5">Shows details of the most recently selected gene, including names, products, location, and other annotations.</span></div>
172 ev.preventDefault(); 215 </div>
173 var id = $(this).attr('id').replace(/-header/, ''); 216 <div class="focus-panel-content focus-panel-content-r1c1">
174 var rules = $('#' + id); 217 <div style="text-align: center; margin-top: 30%;">
175 if (rules.css('display') == "none") { 218 Select a gene to view the details available for it
176 $(this).text('Hide pHMM detection rules used'); 219 </div>
177 } else { 220 </div>
178 $(this).text('Show pHMM detection rules used'); 221 </div>
179 } 222
180 rules.fadeToggle("fast", "linear"); 223
181 } 224 <div class="body-details">
182 225 <div class="body-details-headers">
183 function map_type_to_desc(type) { 226
184 switch(type) { 227
185 case "nrps": return "NRPS"; 228 <div class="body-details-header r1c1-nrps_pks" data-name="r1c1-nrps_pks">
186 case "t1pks": return "Type I PKS"; 229 NRPS/PKS domains
187 case "t2pks": return "Type II PKS"; 230 </div>
188 case "t3pks": return "Type III PKS"; 231
189 case "t4pks": return "Type IV PKS"; 232
190 default: return type; 233
191 } 234
192 } 235
193 236 <div class="body-details-header r1c1-knownclusterblast" data-name="r1c1-knownclusterblast">
194 function copyToClipboard (text) { 237 KnownClusterBlast
195 window.prompt ("Copy to clipboard: Ctrl+C, Enter", text); 238 </div>
196 } 239
197 240 <div class="body-details-header r1c1-subclusterblast" data-name="r1c1-subclusterblast">
198 $(document).ready(function() { 241 SubClusterBlast
199 242 </div>
200 $("#download").click(toggle_downloadmenu); 243
201 244
202 $("#next-cluster").click(next_cluster); 245 </div>
203 $("#prev-cluster").click(previous_cluster); 246
204 247
205 $(".clbutton").click(function() { 248 <div class="body-details-section r1c1-nrps_pks">
206 /* Make sure that even if user missed the link and clicked the 249 <div class="details">
207 background we still have the correct anchor */ 250 <div class="heading">
208 var href = $(this).children().first().attr('href'); 251 <span>Detailed domain annotation</span>
209 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>
210 if (href === undefined) { 253 </div>
211 return; 254 <div class="nrps-pks-domain-buttons">
212 } 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>
213 window.location.href = href; 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>
214 257 </div>
215 switch_to_cluster(); 258 <div class="details-svg" id="r1c1-details-svg"></div>
216 }).mouseover(function() { 259 </div>
217 /* Set the select cluster label text to cluster type */ 260 </div>
218 var classes = $(this).attr('class').split(' '); 261
219 if (classes.length < 2) { 262
220 return; 263
221 } 264
222 if (classes[1] == 'separator') { 265
223 return; 266 <div class="body-details-section r1c1-knownclusterblast">
224 } 267 <div class = "knownclusterblast">
225 var cluster_type = map_type_to_desc(classes[1]); 268 <div class="heading">
226 var label = $('#cluster-type'); 269 <span>Similar known gene clusters</span>
227 label.data("orig_text", label.text()); 270 <div class="help-container"> <div class="help-icon" data-id="cb-known-help-2"></div> <span class="help-tooltip" id="cb-known-help-2">Shows clusters from the MiBIG database that are similar to the current region. Genes marked with the same colour are interrelated. White genes have no relationship.<br>Click on reference genes to show details of similarities to genes within the current region.<br>Click on an accession to open that entry in the MiBIG database.</span></div>
228 label.text(cluster_type + ":"); 271 </div>
229 }).mouseout(function() { 272
230 /* and reset the select cluster label text */ 273 <div>
231 var label = $('#cluster-type'); 274 <p>No matches found.</p>
232 label.text(label.data("orig_text")); 275 </div>
233 }); 276
234 277 </div>
235 $('.clusterblast-selector').change(function() { 278 </div>
236 var id = $(this).attr('id').replace('-select', ''); 279
237 var url = $(this).val(); 280 <div class="body-details-section r1c1-subclusterblast">
238 $.get(url, function(data) { 281 <div class = "subclusterblast">
239 $('#' + id + '-svg').html(data); 282 <div class="heading">
240 clusterblast.init(id + '-svg'); 283 <span>Similar subclusters</span>
241 // id = 284 <div class="help-container"> <div class="help-icon" data-id="cb-sub-help-3"></div> <span class="help-tooltip" id="cb-sub-help-3">Shows sub-cluster units that are similar to the current region. Genes marked with the same colour are interrelated. White genes have no relationship.<br>Click on reference genes to show details of similarities to genes within the current region.</span></div>
242 }, 'html'); 285 </div>
243 $('#' + id + '-download').off('click'); 286
244 $('#' + id + '-download').click(function () { 287 <div>
245 var url = $("#" + id + "-select").val(); 288 <p>No matches found.</p>
246 window.open(url, '_blank'); 289 </div>
247 }); 290
248 }); 291 </div>
249 292 </div>
250 $('.domainalign-selector').change(function() { 293
251 var id = $(this).attr('id').replace('-select', ''); 294
252 var url = $(this).val(); 295 </div>
253 $.get(url, function(data) { 296
254 $('#' + id + '-svg').html(data); 297 <div class="sidepanel">
255 domainalign.init(id + '-svg'); 298 <div class="sidepanel-details-headers">
256 // id = 299
257 }, 'html'); 300
258 $('#' + id + '-download').off('click'); 301
259 $('#' + id + '-download').click(function () { 302
260 var url = $("#" + id + "-select").val(); 303
261 window.open(url, '_blank'); 304
262 }); 305
263 }); 306 </div>
264 307
265 $('.cluster-rules-header').click(toggle_cluster_rules); 308
266 309
267 switch_to_cluster(); 310
268 311
269 }); 312
270 </script> 313
271 314 </div>
272 </body> 315
316 </div>
317
318 </div>
319
320
321 <footer class="footer">
322 <div class="container">
323 <div>
324 <img src="images/bacteria_antismash_logo.svg" style="height:90px;width:unset;">
325 </div>
326 <div class="cite-me">
327 If you have found antiSMASH useful, please <a href="https://antismash.secondarymetabolites.org/#!/about">cite us</a>.
328 </div>
329 <div>
330 <img src="images/bacteria_antismash_icon.svg" style="height:100px;width:unset;">
331 </div>
332 </div>
333 </footer>
334
335 <script src="js/jquery.js"></script>
336 <script src="js/antismash.js"></script>
337 <script src="regions.js"></script>
338 <script>
339 $(document).ready(function() {
340 viewer["start"](all_regions, details_data, recordData);
341 })
342 </script>
343
344 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
345 <defs>
346 <filter id="inset-shadow">
347 <feOffset dx="-2" dy="-2"></feOffset>
348 <feGaussianBlur result="offset-blur" stdDeviation="2"></feGaussianBlur>
349 <feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"></feComposite>
350 <feFlood flood-color="black" result="color" flood-opacity="1"></feFlood>
351 <feComposite operator="in" in="color" in2="inverse" result="shadow"></feComposite>
352 <feComponentTransfer in="shadow" result="shadow">
353 <feFuncA type="linear" slope=".95"></feFuncA>
354 </feComponentTransfer>
355 <feComposite operator="over" in="shadow" in2="SourceGraphic"></feComposite>
356 </filter>
357 </defs>
358 </svg>
359 </body>
273 </html> 360 </html>