| Cluster | HCCA: Cba_g24863 expression graph <a href="/cluster/view/42190" class="qtip_tooltip" qtip_href="/cluster/tooltip/42190">Cluster_2</a></strong></td> <td><a href="/cluster/view/42190" data-toggle="tooltip" data-placement="top" title="View cluster as table"><i class="fa fa-list"></i></a> <a href="/cluster/graph/42190" data-toggle="tooltip" data-placement="top" title="View cluster as graph"><i class="fa fa-sitemap"></i></a> <a href="/profile_comparison/cluster/42190" data-toggle="tooltip" data-placement="top" title="Compare profiles in this cluster"><i class="fa fa-area-chart"></i></a> <a href="/heatmap/cluster/42190" data-toggle="tooltip" data-placement="top" title="Heatmap of profiles in this cluster"><i class="fa fa-table"></i></a></td> </tr> </tbody> </table> </div> </div> <br> <br> <h3 class="banner-blue" id="annotation">Functional Annotation</h3> <div class="panel with-nav-tabs panel-default"> <div class="panel-heading"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1default" data-toggle="tab">GO</a></li> <li><a href="#tab2default" data-toggle="tab">Predicted GO</a></li> <li><a href="#tab3default" data-toggle="tab">InterPro</a></li> </ul> </div> <div> <div class="tab-content"> <div class="tab-pane fade in active" id="tab1default"> <div class="table-responsive"> <table class="table table-striped table-fixed" id="go_table"> <thead> <tr> <th class="col-xs-1" data-sort="string-ins"><span class="sort-icon"></span>Type</th> <th class="col-xs-2" data-sort="string-ins"><span class="sort-icon"></span><abbr title="Click to show help" href="/help/go" data-target="#helpModal">GO</abbr> Term</th> <th class="col-xs-6" data-sort="string-ins"><span class="sort-icon"></span>Name</th> <th class="col-xs-1" data-sort="string-ins"><span class="sort-icon"></span>Evidence</th> <th class="col-xs-2" data-sort="string-ins"><span class="sort-icon"></span>Source</th> </tr> </thead> <tbody> <tr class="parent_term" style="display: none" style="clear:both;"> <td class="col-xs-1">MF</td> <td class="col-xs-2"><a href="/go/view/2629" data-toggle="tooltip" data-placement="top" title=""A molecular process that can be carried out by the action of a single macromolecular machine, usually via direct physical interactions with other molecular entities. Function in this sense denotes an action, or activity, that a gene product (or a complex) performs. These actions are described from two distinct but related perspectives: (1) biochemical activity, and (2) role as a component in a larger system/process." [GOC:pdt]">GO:0003674</a></td> <td class="col-xs-6">molecular_function</td> <td class="col-xs-1">None</td> <td class="col-xs-2">Extended</td> </tr> <tr class="parent_term" style="display: none" style="clear:both;"> <td class="col-xs-1">MF</td> <td class="col-xs-2"><a href="/go/view/4090" data-toggle="tooltip" data-placement="top" title=""The selective, non-covalent, often stoichiometric, interaction of a molecule with one or more specific sites on another molecule." [GOC:ceb, GOC:mah, ISBN:0198506732]">GO:0005488</a></td> <td class="col-xs-6">binding</td> <td class="col-xs-1">None</td> <td class="col-xs-2">Extended</td> </tr> <tr style="clear:both;"> <td class="col-xs-1">MF</td> <td class="col-xs-2"><a href="/go/view/4108" data-toggle="tooltip" data-placement="top" title=""Binding to a protein." [GOC:go_curators]">GO:0005515</a></td> <td class="col-xs-6">protein binding</td> <td class="col-xs-1">IEA</td> <td class="col-xs-2">Interproscan</td> </tr> </tbody> </table> </div> <div class="panel-body"> <a href="#" id="go_toggle">Toggle parental</a> </div> </div> <div class="tab-pane fade" id="tab2default"> <div class="table-responsive"> <table class="table table-striped table-fixed" id="predicted_go_table"> <thead> <button class="btn btn-primary" type="button" id="cy-search" search-url="/search/json/genes/"><tr> <th class="col-xs-1" data-sort="string-ins"><span class="sort-icon"></span>Type</th> <th class="col-xs-2" data-sort="string-ins"><span class="sort-icon"></span><abbr title="Click to show help" href="/help/go" data-target="#helpModal">GO</abbr> Term</th> <th class="col-xs-6" data-sort="string-ins"><span class="sort-icon"></span>Name</th> <th class="col-xs-1" data-sort="string-ins"><span class="sort-icon"></span>Evidence</th> <th class="col-xs-2" data-sort="string-ins"><span class="sort-icon"></span>Source</th> </tr> </thead> <tbody> <tr style="clear:both;"> <td class="col-xs-1">MF</td> <td class="col-xs-2"><a href="/go/view/2700" data-toggle="tooltip" data-placement="top" title=""Binding to monomeric or multimeric forms of actin, including actin filaments." [GOC:clt]">GO:0003779</a></td> <td class="col-xs-6">actin binding</td> <td class="col-xs-1">IEP</td> <td class="col-xs-2">HCCA</td> </tr> <tr style="clear:both;"> <td class="col-xs-1">MF</td> <td class="col-xs-2"><a href="/go/view/6080" data-toggle="tooltip" data-placement="top" title=""Binding to a protein component of a cytoskeleton (actin, microtubule, or intermediate filament cytoskeleton)." [GOC:mah]">GO:0008092</a></td> <td class="col-xs-6">cytoskeletal protein binding</td> <td class="col-xs-1">IEP</td> <td class="col-xs-2">HCCA</td> </tr> </tbody> </table> </div> </div> <div class="tab-pane fade" id="tab3default"> <div class="table-responsive"> <table class="table table-striped table-fixed" id="interpro_table"> <thead> <tr> <th class="col-xs-3" data-sort="string-ins"><span class="sort-icon"></span><abbr title="Click to show help" href="/help/interpro_domain" data-target="#helpModal">InterPro domains</abbr></th> <th class="col-xs-5" data-sort="string-ins"><span class="sort-icon"></span>Description</th> <th class="col-xs-2" data-sort="int"><span class="sort-icon"></span>Start</th> <th class="col-xs-2" data-sort="int"><span class="sort-icon"></span>Stop</th> </tr> </thead> <tbody> <tr> <td class="col-xs-3"><a href="/interpro/view/1496">IPR001810</a></td> <td class="col-xs-5">F-box_dom</td> <td class="col-xs-2">60</td> <td class="col-xs-2">89</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="panel panel-default"> <div class="panel-heading" id="links">External Links</div> <div class="table-responsive"> <table class="table table-striped table-separated"> <tbody> <tr> <td><em>No external refs found!</em></td> </td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="modal" id="profileModal" tabindex="-1" role="dialog" aria-labelledby="profileModalLabel"> <div class="modal-dialog" role="document" style="width:1000px;height:800px;"> <div class="modal-content"> </div> </div> </div> </div> </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 = "IjMwZjlkOTg4YTRhY2VkZWZiNTNlMGM3OGFkNjk2ZWZiOGEzNzE5MTEi.GmQR5w.NEA1yI2y_pZN5gATygpZIT3-ilc";
$.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>
$(function () {
$("#go_table").stupidtable();
$("#predicted_go_table").stupidtable();
$("#interpro_table").stupidtable();
$("#ecc_hits_table").stupidtable();
$("#coexpression_table").stupidtable();
$('[data-toggle="tooltip"]').tooltip();
$('a[data-target=#profileModal]').click(function(ev) {
ev.preventDefault();
var target = $(this).attr("href");
// load the url and show modal on success
$("#profileModal .modal-content").load(target, function() {
$("#profileModal").modal("show");
});
});
$("#go_toggle").click(function(ev) {
ev.preventDefault();
$(".parent_term").toggle();
});
$("#navbar-side a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top - 55
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
})
$( document ).ready(function() {
$.getJSON( "/profile/json/plot/984918", function( data ) {
var ctx = document.getElementById("expression-profile").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);
if (myChart.options.zoom.enabled) {
$("#enable_zoom").addClass("btn-success");
$("#enable_zoom").removeClass("btn-danger");
$("#enable_zoom").removeClass("btn-default");
} else {
$("#enable_zoom").addClass("btn-danger");
$("#enable_zoom").removeClass("btn-success");
$("#enable_zoom").removeClass("btn-default");
}
$("#enable_zoom").click( function(ev) {
ev.preventDefault();
myChart.options.zoom.enabled = ! myChart.options.zoom.enabled;
if (myChart.options.zoom.enabled) {
$(this).addClass("btn-success");
$(this).removeClass("btn-danger");
$(this).removeClass("btn-default");
} else {
$(this).addClass("btn-danger");
$(this).removeClass("btn-success");
$(this).removeClass("btn-default");
}
});
if (myChart.options.pan.enabled) {
$("#enable_pan").addClass("btn-success");
$("#enable_pan").removeClass("btn-danger");
$("#enable_pan").removeClass("btn-default");
} else {
$("#enable_pan").addClass("btn-danger");
$("#enable_pan").removeClass("btn-success");
$("#enable_pan").removeClass("btn-default");
}
$("#enable_pan").click( function(ev) {
ev.preventDefault();
myChart.options.pan.enabled = ! myChart.options.pan.enabled;
if (myChart.options.pan.enabled) {
$(this).addClass("btn-success");
$(this).removeClass("btn-danger");
$(this).removeClass("btn-default");
} else {
$(this).addClass("btn-danger");
$(this).removeClass("btn-success");
$(this).removeClass("btn-default");
}
});
});
});
</script> </body> </html> |
