knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[view,demo][m]: (refs #12) new DataExplorer parent view to hold the main app.

Browse Source
This commit is contained in:
rgrp
2011-11-09 01:41:49 +00:00
parent 24742a2b9e
commit 3bf7d9ceb4
3 changed files with 115 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
demo/index.html
View File

@@ -16,20 +16,11 @@
</head>
<body class="bod">
<div class="container">
<div class="dataexplorer-tableview-nav">
<form>
<label for="source">Source</label>
<input type="text" name="source" size="50" />
<input type="submit" name="" value="Update" />
<br />
<span class="dataexplorer-tableview-nav-toggle">
<input type="radio" id="dataexplorer-tableview-nav-grid" name="dataexplorer-tableview-nav-toggle" value="grid" checked="checked" />
<label for="dataexplorer-tableview-nav-grid">Grid</label>
<input type="radio" id="dataexplorer-tableview-nav-graph" name="dataexplorer-tableview-nav-toggle" value="chart" />
<label for="dataexplorer-tableview-nav-graph">Graph</label>
</span>
</form>
</div>
<form class="webstore-load">
<label for="source">Source</label>
<input type="text" name="source" size="50" />
<input type="submit" name="" value="Update" />
</form>
<!-- <div class="menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div>
<ul class="menu">
</ul>

33
demo/js/app.js
View File

@@ -1,14 +1,19 @@
$(function() {
var demoUrl = 'http://webstore.test.ckan.org/rufuspollock/demo/data';
$('.dataexplorer-tableview-nav form input[name="source"]').val(demoUrl);
// do not like all these window globals ...
window.$container = $('.container');
var dataset = demoDataset();
dataset.fetch().then(function() {
var dataTable = new recline.DataTable({
model: dataset
})
$('.container').append(dataTable.el)
window.dataExplorer = new recline.DataExplorer({
model: dataset
});
window.$container.append(window.dataExplorer.el);
setupLoadFromWebstore(function(dataset) {
window.dataExplorer.remove();
window.dataExplorer = null;
window.dataExplorer = new recline.DataExplorer({
model: dataset,
});
window.$container.append(window.dataExplorer.el);
});
setupLoadFromWebstore();
})
function demoDataset() {
@@ -40,8 +45,11 @@ function demoDataset() {
return dataset;
}
function setupLoadFromWebstore() {
$('.dataexplorer-tableview-nav form').submit(function(e) {
function setupLoadFromWebstore(callback) {
// pre-populate webstore load form with an example url
var demoUrl = 'http://webstore.test.ckan.org/rufuspollock/demo/data';
$('form.webstore-load input[name="source"]').val(demoUrl);
$('form.webstore-load').submit(function(e) {
e.preventDefault();
var $form = $(e.target);
var source = $form.find('input[name="source"]').val();
@@ -50,10 +58,7 @@ function setupLoadFromWebstore() {
});
recline.setBackend(backend);
var dataset = backend.getDataset();
var dataTable = new recline.DataTable({
model: dataset
})
$('.container').append(dataTable.el)
callback(dataset);
});
}