(compatible with Cytoscape)
Cluster_29 vs Cluster_170 graph comparisonOther formats, compatible with <a href="http://js.cytoscape.org/"> Cytoscape.js</a></h3><button class="btn btn-default" id="cy-download-json">JSON</button><span class="text-muted">(network only)</span><br><br><button class="btn btn-default" id="cy-download-jsoncy">JSON</button><span class="text-muted">(network + colors/shapes)</span><br><br></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div></div></div></div><div class="modal" id="image_modal" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel"><div class="modal-dialog" role="document" style="width:1000px;height:800px;"><div class="modal-content"><div class="modal-header"><h4 class="modal-title" id="imageModalLabel"><strong>Export Image</strong></h4></div><div class="modal-body" style="width:700px;min-height:200px"><table><tbody><tr><td class="col-md-3"><strong>Image with Legend</strong></td><td class="col-md-9"><button class="btn btn-primary" id="cy-download-svg-with-legend">SVG</button><button class="btn btn-primary" id="cy-download-png-with-legend">PNG</button></td></tr><tr><td colspan="2"><br></td></tr><tr><td colspan="2">Other Options</td></tr><tr><td colspan="2"><hr></td></tr><tr><td class="col-md-3"><strong>Image</strong></td><td class="col-md-9"><button class="btn btn-default" id="cy-download-svg">SVG</button><button class="btn btn-default" id="cy-download-img-lowres">PNG</button></td></tr><tr><td><br></td></tr><tr><td class="col-md-3"><strong>Legend</strong></td><td class="col-md-9"><button class="btn btn-default" id="cy-download-svg-legend">SVG</button><button class="btn btn-default" id="cy-download-png-legend">PNG</button></td></tr><tr><td><br></td></tr></tbody></table></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></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 = "IjRkODlhMTE2OGE3MjgxNjMyODU2NjI3MDg5NTI5YTU3OTdhYjFlZmEi.Gkq6Gg._UPbtn38mxQFNAUoT-3FX2zcITw";
$.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/bootstrap-slider.min.js"></script><script>
$( document ).ready(function() {
$('#footer').hide(2000);
$('[data-toggle="tooltip"]').tooltip();
$('#cy-edge-score').slider({
formatter: function(value) {
return 'Cut-off: ' + value;
}
});
$('#cy-edge-score').on("slide", function(slideEvt) {
$("#cy-edge-score-value").text(slideEvt.value);
});
});
</script><script src="/static/js/pablo.min.js"></script><script src="/static/js/planet_svg_legend.js"></script><script src="/static/js/XMLWriter-1.0.0-min.js"></script><script src="/static/js/planet_xgmml.js"></script><script src="/static/js/planet_svg.js"></script><script src="/static/js/cytoscape.min.js"></script><script src="/static/js/cytoscape-qtip.js"></script><script src="/static/js/planet_graph.js"></script><script>
$(document).ready(function () {
init_planet_loader('');
});
</script></body></html>
