mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-09-23 06:41:35 +08:00
66 lines
2.8 KiB
Mako
66 lines
2.8 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/backbone/backbone-relational.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() ) )},
|
|
data = ${h.to_json_string( data )},
|
|
querySettings = ${h.to_json_string( query_args )},
|
|
config = _.extend( querySettings, {
|
|
containerSelector : '#chart',
|
|
dataset : hda,
|
|
});
|
|
//console.debug( querySettings );
|
|
|
|
var editor = new ScatterplotConfigEditor({
|
|
el : $( '.scatterplot-editor' ).attr( 'id', 'scatterplot-editor-hda-' + hda.id ),
|
|
config : config
|
|
}).render();
|
|
// uncomment to auto render for development
|
|
//$( '.render-button:visible' ).click();
|
|
});
|
|
</script>
|
|
%endif
|
|
|
|
</body>
|