mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-09-22 06:16:50 +08:00
61 lines
2.6 KiB
Mako
61 lines
2.6 KiB
Mako
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>${hda.name} | ${visualization_name}</title>
|
|
|
|
## ----------------------------------------------------------------------------
|
|
<link type="text/css" rel="Stylesheet" media="screen" href="/static/style/base.css">
|
|
<link type="text/css" rel="Stylesheet" media="screen" href="/static/style/jquery-ui/smoothness/jquery-ui.css">
|
|
|
|
<link type="text/css" rel="Stylesheet" media="screen" href="/plugins/visualizations/scatterplot/static/scatterplot.css">
|
|
|
|
## ----------------------------------------------------------------------------
|
|
<script type="text/javascript" src="/static/scripts/libs/jquery/jquery.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/libs/jquery/jquery.migrate.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/libs/underscore.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/libs/backbone/backbone.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/libs/handlebars.runtime.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/libs/d3.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/libs/bootstrap.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/libs/jquery/jquery-ui.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/utils/LazyDataLoader.js"></script>
|
|
<script type="text/javascript" src="/static/scripts/mvc/base-mvc.js"></script>
|
|
|
|
<script type="text/javascript" src="/plugins/visualizations/scatterplot/static/scatterplot-edit.js"></script>
|
|
</head>
|
|
|
|
## ----------------------------------------------------------------------------
|
|
<body>
|
|
%if not embedded:
|
|
## dataset info: only show if on own page
|
|
<div class="chart-header">
|
|
<h2>Scatterplot of '${hda.name}'</h2>
|
|
<p>${hda.info}</p>
|
|
</div>
|
|
|
|
<div class="scatterplot-editor"></div>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
<%
|
|
# optionally, bootstrap data from dprov
|
|
data = None
|
|
##data = list( hda.datatype.dataset_column_dataprovider( hda, limit=10000 ) )
|
|
%>
|
|
var hda = ${h.to_json_string( trans.security.encode_dict_ids( hda.to_dict() ) )};
|
|
|
|
var editor = new ScatterplotConfigEditor({
|
|
el : $( '.scatterplot-editor' ).attr( 'id', 'scatterplot-editor-hda-' + hda.id ),
|
|
config : ${h.to_json_string( query_args )},
|
|
dataset : ${h.to_json_string( trans.security.encode_dict_ids( hda.to_dict() ) )}
|
|
}).render();
|
|
window.editor = editor;
|
|
// uncomment to auto render for development
|
|
//$( '.render-button:visible' ).click();
|
|
});
|
|
|
|
</script>
|
|
%endif
|
|
|
|
</body>
|