mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-09-22 22:30:57 +08:00
110 lines
3.5 KiB
Mako
110 lines
3.5 KiB
Mako
<%
|
|
default_title = "Scatterplot of '" + hda.name + "'"
|
|
info = hda.name
|
|
if hda.info:
|
|
info += ' : ' + hda.info
|
|
|
|
# optionally bootstrap data from dprov
|
|
##data = list( hda.datatype.dataset_column_dataprovider( hda, limit=10000 ) )
|
|
|
|
# Use root for resource loading.
|
|
root = h.url_for( '/' )
|
|
%>
|
|
## ----------------------------------------------------------------------------
|
|
|
|
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>${title or default_title} | ${visualization_display_name}</title>
|
|
|
|
## ----------------------------------------------------------------------------
|
|
${h.css( 'base', 'jquery-ui/smoothness/jquery-ui')}
|
|
${h.stylesheet_link( root + 'plugins/visualizations/scatterplot/static/scatterplot.css' )}
|
|
|
|
## ----------------------------------------------------------------------------
|
|
${h.js( 'libs/jquery/jquery',
|
|
'libs/jquery/jquery.migrate',
|
|
'libs/jquery/jquery-ui',
|
|
'libs/bootstrap',
|
|
'libs/require',
|
|
'libs/underscore',
|
|
'libs/backbone/backbone',
|
|
'libs/d3',
|
|
'libs/handlebars.runtime',
|
|
'mvc/base-mvc',
|
|
'mvc/ui',
|
|
'mvc/visualization/visualization-model' )}
|
|
|
|
${h.javascript_link( root + 'plugins/visualizations/scatterplot/static/scatterplot-edit.js' )}
|
|
</head>
|
|
|
|
## ----------------------------------------------------------------------------
|
|
<body>
|
|
%if embedded and saved_visualization:
|
|
<figcaption>
|
|
<span class="title">${title}</span>
|
|
<span class="title-info">${info}</span>
|
|
</figcaption>
|
|
<figure class="scatterplot-display"></div>
|
|
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
var model = new ScatterplotModel({
|
|
id : ${h.to_json_string( visualization_id )} || undefined,
|
|
title : "${title}",
|
|
config : ${h.to_json_string( config, indent=2 )}
|
|
});
|
|
hdaJson = ${h.to_json_string( trans.security.encode_dict_ids( hda.to_dict() ), indent=2 )},
|
|
display = new ScatterplotDisplay({
|
|
el : $( '.scatterplot-display' ).attr( 'id', 'scatterplot-display-' + '${visualization_id}' ),
|
|
model : model,
|
|
dataset : hdaJson,
|
|
embedded: "${embedded}"
|
|
}).render();
|
|
display.fetchData();
|
|
//window.model = model;
|
|
//window.display = display;
|
|
});
|
|
|
|
</script>
|
|
|
|
%else:
|
|
<div class="chart-header">
|
|
<h2>${title or default_title}</h2>
|
|
<p>${info}</p>
|
|
</div>
|
|
|
|
<div class="scatterplot-editor"></div>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
var model = new ScatterplotModel({
|
|
id : ${h.to_json_string( visualization_id )} || undefined,
|
|
title : "${title or default_title}",
|
|
config : ${h.to_json_string( config, indent=2 )}
|
|
}),
|
|
hdaJson = ${h.to_json_string( trans.security.encode_dict_ids( hda.to_dict() ), indent=2 )},
|
|
editor = new ScatterplotConfigEditor({
|
|
el : $( '.scatterplot-editor' ).attr( 'id', 'scatterplot-editor-hda-' + hdaJson.id ),
|
|
model : model,
|
|
dataset : hdaJson
|
|
}).render();
|
|
window.editor = editor;
|
|
|
|
$( '.chart-header h2' ).click( function(){
|
|
var returned = prompt( 'Enter a new title:' );
|
|
if( returned ){
|
|
model.set( 'title', returned );
|
|
}
|
|
});
|
|
model.on( 'change:title', function(){
|
|
$( '.chart-header h2' ).text( model.get( 'title' ) );
|
|
document.title = model.get( 'title' ) + ' | ' + '${visualization_display_name}';
|
|
})
|
|
});
|
|
|
|
</script>
|
|
%endif
|
|
|
|
</body>
|