Commit 7509dbcf authored by Albert Hornos Vidal's avatar Albert Hornos Vidal
Browse files

fix: hack bootstrap tabs ccs classes to can show iframe correctly

parent ea7dd7b9
.tab-content.tab-pane,
.tab-pane {
/* display: none; */
display: block;
visibility: hidden;
position: absolute;
}
.tab-content.active,
.tab-content .tab-pane.active,
.tab-pane.active {
/* display: block; */
visibility: visible;
position: static;
}
......@@ -8,7 +8,8 @@
@import "links";
@import "images";
@import "tables";
@import "tabs";
@import "buttons";
@import "cookies-banner";
@import "back-to-top";
@import "widgets";
\ No newline at end of file
@import "widgets";
{{ define "main" }}
<div class="container">
<main class="container">
<h1>{{ .Title }}</h1>
{{ .Content }}
<article>
<nav class="nav nav-pills nav-fill dp-nav-pills active" role="tablist">
<a class="nav-item nav-link active ml-2 mb-2 dp-background-color--hero" id="genomic-resources-tab"
href='#genomic-resources-content' data-bs-toggle="tab" role="tab"
aria-controls='genomic-resources-content' aria-selected="false">
<h6 class="m-0">Genomic resources</h6>
</a>
<a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero" id="viral-sequences-tab"
href='#viral-sequences-content' data-bs-toggle="tab" role="tab"
aria-controls='viral-sequences-content' aria-selected="true">
<h6 class="m-0">Viral sequences</h6>
</a>
<a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero" id="host-sequences-tab"
href='#host-sequences-content' data-bs-toggle="tab" role="tab"
aria-controls='host-sequences-content' aria-selected="false">
<h6 class="m-0">Host sequences</h6>
</a>
</nav>
<div class="tab-content mt-5">
<div class="tab-pane fade active show" id='genomic-resources-content' role="tabpanel" aria-labelledby='genomic-resources-tab'>
<article>
<h2>Genomic resources</h2>
{{ partial "genomics/nextstrain-iframe.html" }}
</article>
</div>
<div class="tab-pane fade" id='viral-sequences-content' role="tabpanel" aria-labelledby='viral-sequences-tab'>
<article>
<h2>Viral sequences</h2>
{{ partial "genomics/viral-sequences-table.html" . }}
</article>
</div>
<div class="tab-pane fade" id='host-sequences-content' role="tabpanel" aria-labelledby='host-sequences-tab'>
<article>
<h2>Host sequences</h2>
{{ partial "comming-soon.html" }}
</article>
</div>
</div>
<!--<article>
<h2>Viral sequences</h2>
{{ partial "genomics/viral-sequences-table.html" . }}
</article>
......@@ -14,15 +55,15 @@
<article>
<h2>Genomic resources</h2>
{{ partial "genomics/nextstrain-iframe.html" }}
</article>
</div>
</article>-->
</main>
<script>
$(function () {
$('.nav-pills a').on('click', function (e) {
e.preventDefault()
$(this).tab('show')
})
})
e.preventDefault();
$(this).tab('show');
});
});
</script>
{{ end }}
<p>
<div class="alert alert-primary" role="alert">
This section will be updated periodically with new genomic resources when available.
</p>
</div>
<h5><a href="http://nextstrain.clinbioinfosspa.es/SARS-COV-2-all" target="_blank">Interactive epidemiological map of SARS-CoV-2 in Andalusia using Nextstrain</a></h5>
<p>
Interactive phylogenomics epidemiology map of SARS-CoV-2 samples sequenced in Andalusia, Spain. You can find below a widget of the <a href="http://nextstrain.clinbioinfosspa.es/">Auspice visualisation tool</a> maintained by the <a href="http://www.clinbioinfosspa.es/">Clinical Bioinformatics Area</a> at FPS and built using the open-source Nextstrain. The user can easily set a wide range of filters, layouts and many other options to observe the data.
This map is part of the <a href="http://clinbioinfosspa.es/projects/covseq/indexEng.html" target="_blank">project</a> "Sequencing of the SARS-CoV-2 virus genome for the monitoring and management of the COVID-19 epidemic in Andalusia and the rapid generation of prognostic and response to treatment biomarkers". The consortium is made up of 14 hospitals and 5 Health Research Institutes from the Andalusia region, the Technical Office for Information Management, the Regional Management of Public Health (Epidemiological Surveillance and Occupational Health Service) and the Fundación Progreso y Salud (FPS). The epidemilogical map has been developed and is maintained by the <a href="http://clinbioinfosspa.es" target="_blank">Clinical Bioinformatics Area</a> at the FPS.
</p>
<div class="embed widget">
<iframe
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment