| Image with Legend | Cluster_21 vs Cluster_101 graph comparison <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 = "ImI3ZjcyMzJlNjUzY2Q4MTg3MWVhY2JiMTlkNGI4M2I1ZDQzOGUyZmMi.GkoRsQ.G_aVuGdntkldzcCuuLbWF1As51I";
$.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> |
