0.07</td> <td>OrthoFinder output from Ath, Cre, Mpo, Ppa and Zci</td> <td><a href="/graph_comparison/cluster/1961/1765/1">Compare</a></td> </tr> <tr> <td><em>Zygnema circumcarinatum</em></td> <td>HCCA</td> <td><a href="/cluster/view/1961">Cluster_212</a></td> <td>0.119</td> <td>OrthoFinder output from Ath, Cre, Mpo, Ppa and Zci</td> <td><a href="/graph_comparison/cluster/1961/1678/1">Compare</a></td> </tr> <tr> <td><em>Zygnema circumcarinatum</em></td> <td>HCCA</td> <td><a href="/cluster/view/1961">Cluster_252</a></td> <td>0.021</td> <td>OrthoFinder output from Ath, Cre, Mpo, Ppa and Zci</td> <td><a href="/graph_comparison/cluster/1961/2016/1">Compare</a></td> </tr> <tr> <td><em>Zygnema circumcarinatum</em></td> <td>HCCA</td> <td><a href="/cluster/view/1961">Cluster_285</a></td> <td>0.043</td> <td>OrthoFinder output from Ath, Cre, Mpo, Ppa and Zci</td> <td><a href="/graph_comparison/cluster/1961/1859/1">Compare</a></td> </tr> <tr> <td><em>Zygnema circumcarinatum</em></td> <td>HCCA</td> <td><a href="/cluster/view/1961">Cluster_290</a></td> <td>0.042</td> <td>OrthoFinder output from Ath, Cre, Mpo, Ppa and Zci</td> <td><a href="/graph_comparison/cluster/1961/1676/1">Compare</a></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="panel panel-default planet-pagination-container"> <div class="panel-heading">Sequences (53) (<a href="/cluster/download/1961" download="table.csv">download table</a>)</div> <div style="height:300px;overflow-y:auto;" class="planet-pagination" base-url="/cluster/sequences/1961/" page-count="2" current_page="1" key="clusters"></div> <div class="panel-body"> <button class="btn btn-primary planet-pagination-first"><span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span></button> <button class="btn btn-primary planet-pagination-back"><span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span></button> <button class="btn btn-primary planet-pagination-next"><span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span></button> <button class="btn btn-primary planet-pagination-last"><span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span></button> </div> </div> </div> </div> <br> <h3 class="banner-blue" id="associated_things">Associations</h3> <div class="row"> <div class="col-lg-12"> <div class="panel panel-default planet-pagination-container"> <div class="panel-heading">InterPro Domains</div> <div style="height:300px;overflow-y:auto;" class="planet-ajax-table" base-url="/cluster/ajax/interpro/1961" key="interpro_ajax"></div> </div> </div> </div> <br> <div class="row"> <div class="col-lg-12"> <div class="panel panel-default planet-pagination-container"> <div class="panel-heading">GO Terms</div> <div style="height:300px;overflow-y:auto;" class="planet-ajax-table" base-url="/cluster/ajax/go/1961" key="go_ajax"></div> </div> </div> </div> <br> <div class="row"> <div class="col-lg-12"> <div class="panel panel-default planet-pagination-container"> <div class="panel-heading">Family Terms</div> <div style="height:300px;overflow-y:auto;" class="planet-ajax-table" base-url="/cluster/ajax/family/1961" key="family_ajax"></div> </div> </div> </div> <br> <br><br> </div> </div> <footer class="footer" id="footer"> <div class="container"> <div class="row"> <div class="col-xs-2"><strong class="text-muted"><a href="/features" class="text-muted">CoNekT</a></strong></div> <div class="col-xs-2"><a href="/about" class="text-muted">About</a></div> <div class="col-xs-2"><a href="/contact" class="text-muted">Contact</a></div> <div class="col-xs-2"><a href="/disclaimer" class="text-muted">Disclaimer</a></div> <div class="col-xs-2"><a href="/privacy" class="text-muted">Privacy policy</a></div> </div> </div> </footer> <div class="modal" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel"> <div class="modal-dialog" role="document" style="width:1000px;height:800px;"> <div class="modal-content"> </div> </div> </div> <div class="modal" id="loaderModal" tabindex="-1" role="dialog" aria-labelledby="loaderModalLabel"> <div class="modal-dialog" role="document" style="width:1000px;height:800px;"> <div class="modal-content"> <div class="modal-body"> <div id="leafy_loader"></div> <p class="text-center text-muted" id="leafy_loader_text">Loading ... please wait ... </p> <p class="text-center" id="leafy_loader_close_btn" style="display:none"><button type="button" class="btn btn-primary" data-dismiss="modal" style>Close</button></p> </div> </div> </div> </div> <script src="/static/js/jquery.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/static/js/stupidtable.min.js"></script> <script src="/static/js/TweenMax.min.js"></script> <script src="/static/js/jquery.qtip.min.js"></script> <script src="/static/js/planet_loader.js"></script> <script>
        function init_qtip() {
                   $('.qtip_tooltip').each(function() {
                     $(this).qtip({
                        content: {
                            text: function(event, api) {
                                $.ajax({
                                    url: api.elements.target.attr('qtip_href')
                                })
                                .then(function(content) {
                                    // Set the tooltip content upon successful retrieval
                                    api.set('content.text', content);
                                }, function(xhr, status, error) {
                                    // Upon failure... set the tooltip content to error
                                    api.set('content.text', status + ': ' + error);
                                });

                                return 'Loading...'; // Set some initial text
                            }
                        },
                        show: {
                            effect: function() {
                                $(this).fadeTo(500, 1);
                            }
                        },
                        hide: {
                            effect: function() {
                                $(this).fadeTo(500, 0);
                            }
                        },
                        position: {
                            viewport: $(window)
                        },
                        style: 'qtip-bootstrap'
                     });
                 });
        }

          $(function () {
              init_qtip();

              $("#leafy_loader").html(get_loader_svg('loader_leafy'));
              init_planet_loader('loader_leafy');

              $('[data-toggle="popover"]').popover({container: 'body'});

              $('a[data-target=#helpModal], abbr[data-target=#helpModal]').click(function(ev) {
                ev.preventDefault();
                var target = $(this).attr("href");

                // load the url and show modal on success
                $("#helpModal .modal-content").load(target, function() {
                     $("#helpModal").modal("show");
                });
              });
            });
        </script> <script src="/static/js/planet_pagination.js"></script> <script src="/static/js/planet_ajax_table.js"></script> <script type="text/javascript">
            var csrf_token = "IjUxY2IwYzgyYTg3Y2Y3NGRjMDAzNTkwYzk3YzYwZjNkODMzNDBhZTUi.GiDhiQ.dgyHcJcEDsAMGcgJb5D_w43xhew";

            $.ajaxSetup({
                beforeSend: function(xhr, settings) {
                    if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
                        xhr.setRequestHeader("X-CSRFToken", csrf_token);
                    }
                }
            });
        </script> <script src="/static/js/Chart.min.js"></script> <script src="/static/js/hammer.min.js"></script> <script src="/static/js/chartjs-plugin-zoom.min.js"></script> <script>
            	
        $( document ).ready(function() {
    $("#chart-loader").html(get_loader_svg('chart-loader_leafy'));
    init_planet_loader('chart-loader_leafy');
    $.getJSON( "/cluster/json/avg_profile/1961", function( data ) {
        var ctx = document.getElementById("chart-area").getContext("2d");
        data['options']['responsive'] = true;
        data['options']['maintainAspectRatio'] = false;
        data['options']['tooltips'] = {
            enabled: true,
            mode: 'label',
            itemSort: function(a, b, data) {
                conversion = {'Minimum': 0, 'Mean - Stdev':0, 'Mean': 1, 'Maximum': 2, 'Mean + Stdev': 2}

                if (conversion[data.datasets[a.datasetIndex].label] > conversion[data.datasets[b.datasetIndex].label]) {
                    return -1
                } else if (conversion[data.datasets[a.datasetIndex].label] < conversion[data.datasets[b.datasetIndex].label]) {
                    return 1
                } else {
                    return 0
                }
            },
            callbacks: {
                afterTitle: function(tooltipItems, data) {
                    if (data.counts[tooltipItems[0].index] == null) {
                        return null;
                    } else {
                        if (data.counts[tooltipItems[0].index] == 1) {
                            return '(1 sample)';
                        } else {
                            return '(' + data.counts[tooltipItems[0].index] + ' samples)';
                        }
                    }
                },
                label: function(tooltipItems, data) {
                    return data.datasets[tooltipItems.datasetIndex].label + ': ' + tooltipItems.yLabel.toFixed(2);
                }
            }
        }
        var myChart = new Chart(ctx, data);
        $("#chart-area").toggle();
        $("#chart-loader").toggle();
    });
});
        </script> <script src="/static/js/table2CSV.js"> </script> <script>
        $( document ).ready(function() {
                $('[data-toggle="tooltip"]').tooltip();
                $("#EnrichedGO").stupidtable();
                $("#EnrichedClades").stupidtable();
                $("#SimilarClusters").stupidtable();

                var csv_data = $("#EnrichedGO").table2CSV({delivery:'value'});
                $("#DownloadEnrichedGO").attr('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(csv_data));
                $("#DownloadEnrichedGO").attr('download', "table.csv");

                var csv_data = $("#EnrichedClades").table2CSV({delivery:'value'});
                $("#DownloadEnrichedClades").attr('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(csv_data));
                $("#DownloadEnrichedClades").attr('download', "table.csv");

                var csv_data = $("#SimilarClusters").table2CSV({delivery:'value'});
                $("#DownloadSimilarClusters").attr('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(csv_data));
                $("#DownloadSimilarClusters").attr('download', "table.csv");

        });
        </script> </body> </html>