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

[#73,view/timeline][l]: functioning timeline view using VeriteCo Timeline library.

Browse Source 
* *Much* still to do such as auto-selection of date field, checking for end date, parsing of dates, generation of summary text etc
This commit is contained in:
Rufus Pollock
2012-05-22 16:57:17 +01:00
parent cbe668f0e3
commit 61b1482d99
6 changed files with 7905 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
test/index.html
View File

@@ -6,6 +6,7 @@
<link rel="stylesheet" href="qunit/qunit.css" type="text/css" media="screen" />
<!-- need this stylesheet because flot will complain if canvas does not have a height -->
<link rel="stylesheet" href="../css/graph.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../vendor/timeline/20120520/js/timeline.js" type="text/css" media="screen" />
<script type="text/javascript" src="../vendor/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript" src="../vendor/underscore/1.1.6/underscore.js"></script>
@@ -14,6 +15,7 @@
<script type="text/javascript" src="../vendor/jquery.mustache.js"></script>
<script type="text/javascript" src="../vendor/bootstrap/2.0.2/bootstrap.js"></script>
<script type="text/javascript" src="../vendor/leaflet/0.3.1/leaflet.js"></script>
<script type="text/javascript" src="../vendor/timeline/20120520/js/timeline.js"></script>
<script type="text/javascript" src="qunit/qunit.js"></script>
<script src="sinon/1.1.1/sinon.js"></script>
@@ -39,10 +41,12 @@
<script type="text/javascript" src="../src/view-transform-dialog.js"></script>
<script type="text/javascript" src="../src/view-graph.js"></script>
<script type="text/javascript" src="../src/view-map.js"></script>
<script type="text/javascript" src="../src/view-timeline.js"></script>
<script type="text/javascript" src="view-grid.test.js"></script>
<script type="text/javascript" src="view-graph.test.js"></script>
<script type="text/javascript" src="view-map.test.js"></script>
<script type="text/javascript" src="view-timeline.test.js"></script>
<script type="text/javascript" src="view.test.js"></script>
<script type="text/javascript" src="util.test.js"></script>
</head>

16
test/view-timeline.test.js Normal file
View File

@@ -0,0 +1,16 @@
module("View - Timeline");
test('basics', function () {
var dataset = Fixture.getDataset();
var view = new recline.View.Timeline({
model: dataset
});
$('.fixtures').append(view.el);
view.initTimeline();
assertPresent('.vmm-timeline', view.el);
assertPresent('.timenav', view.el);
assertPresent('.timenav', view.el);
equal('2011', view.el.find('.marker.active h4').text());
view.remove();
});