timeline_setter 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. data/.document +4 -0
  2. data/LICENSE.txt +18 -0
  3. data/README +15 -0
  4. data/Rakefile +98 -0
  5. data/bin/timeline-setter +9 -0
  6. data/doc/doc.markdown +253 -0
  7. data/doc/doc_wrapper.erb +87 -0
  8. data/doc/docco.css +186 -0
  9. data/doc/timeline-setter.html +592 -0
  10. data/doc/todo.markdown +28 -0
  11. data/doc/twitter-demo.html +122 -0
  12. data/documentation/TimelineSetter/CLI.html +575 -0
  13. data/documentation/TimelineSetter/Parser.html +285 -0
  14. data/documentation/TimelineSetter/Timeline.html +513 -0
  15. data/documentation/TimelineSetter/Util.html +246 -0
  16. data/documentation/TimelineSetter.html +112 -0
  17. data/documentation/_index.html +132 -0
  18. data/documentation/class_list.html +36 -0
  19. data/documentation/css/common.css +1 -0
  20. data/documentation/css/full_list.css +53 -0
  21. data/documentation/css/style.css +318 -0
  22. data/documentation/file.README.html +70 -0
  23. data/documentation/file_list.html +38 -0
  24. data/documentation/frames.html +13 -0
  25. data/documentation/index.html +70 -0
  26. data/documentation/js/app.js +203 -0
  27. data/documentation/js/full_list.js +149 -0
  28. data/documentation/js/jquery.js +16 -0
  29. data/documentation/method_list.html +155 -0
  30. data/documentation/top-level-namespace.html +88 -0
  31. data/index.html +397 -0
  32. data/lib/timeline_setter/cli.rb +85 -0
  33. data/lib/timeline_setter/parser.rb +28 -0
  34. data/lib/timeline_setter/timeline.rb +44 -0
  35. data/lib/timeline_setter/version.rb +3 -0
  36. data/lib/timeline_setter.rb +22 -0
  37. data/public/javascripts/timeline-setter.js +822 -0
  38. data/public/javascripts/vendor/jquery-min.js +16 -0
  39. data/public/javascripts/vendor/underscore-min.js +26 -0
  40. data/public/stylesheets/timeline-setter.css +396 -0
  41. data/spec/spec_helper.rb +10 -0
  42. data/spec/test_data.csv +4 -0
  43. data/spec/timeline_setter_spec.rb +85 -0
  44. data/templates/timeline-markup.erb +61 -0
  45. data/templates/timeline-min.erb +1 -0
  46. data/templates/timeline.erb +12 -0
  47. data/timeline_setter.gemspec +104 -0
  48. metadata +189 -0
data/doc/todo.markdown ADDED
@@ -0,0 +1,28 @@
1
+ # TimelineSetter ToDo
2
+
3
+
4
+ ## Blockers
5
+
6
+ * ie
7
+ * add one-file minified option in timeline-setter binary
8
+ * docs & docco comments
9
+ * scope events
10
+ * Prettify cases with large numbers of series (they should stack up along the left)
11
+
12
+ ## Features
13
+
14
+ * zoom to fit by series
15
+ * autoresize
16
+ * wider touch targets
17
+ * pinch
18
+ * generate from google spreadsheets key instead of local csv
19
+
20
+ ## Refactor
21
+
22
+
23
+
24
+ ## Bugs
25
+
26
+ * Refactor single classes: .timeline\_notchbar should be #timeline_notchbar
27
+ * center zooming if no card selection (now it falls back to 0)
28
+ * only show scrubbing cursor if you're zoomed in
data/doc/twitter-demo.html ADDED
@@ -0,0 +1,122 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <link href="http://propublica.github.com/timeline-setter/public/stylesheets/timeline-setter.css" rel="stylesheet" />
5
+ <script src="http://propublica.github.com/timeline-setter/public/javascripts/vendor/jquery-min.js"></script>
6
+ <script src="http://propublica.github.com/timeline-setter/public/javascripts/vendor/underscore-min.js"></script>
7
+ <script src="http://propublica.github.com/timeline-setter/public/javascripts/timeline-setter.js"></script>
8
+ <script src="https://github.com/bcherry/twitter-text-js/raw/master/twitter-text.js"></script>
9
+ <style>
10
+ #timeline_setter .TS-item_label a {
11
+ color:#2262CC;
12
+ }
13
+ #timeline_setter .TS-item_label a:hover {
14
+ text-decoration:underline;
15
+ }
16
+ </style>
17
+ </head>
18
+ <body style="height: 100%">
19
+
20
+ <div id="timeline_setter">
21
+ <div id="TS-top_matter_container">
22
+ <div class="TS-controls">
23
+ <a href="#" class="TS-zoom TS-zoom_in"><span class="TS-controls_inner_text TS-zoom_inner_text">+</span></a>
24
+ <a href="#" class="TS-zoom TS-zoom_out"><span class="TS-controls_inner_text TS-zoom_inner_text">-</span></a>
25
+ &nbsp;&nbsp;&nbsp;&nbsp;
26
+ <a href="#" class="TS-choose TS-choose_prev">&laquo; <span class="TS-controls_inner_text">Previous</span></a>
27
+ <a href="#" class="TS-choose TS-choose_next"><span class="TS-controls_inner_text">Next</span> &raquo;</a>
28
+ </div>
29
+ <div class="TS-series_nav_container"></div>
30
+ </div>
31
+
32
+ <div class="TS-notchbar_container">
33
+ <div class="TS-notchbar"></div>
34
+ </div>
35
+ <div id="TS-card_scroller">
36
+ <div id="TS-card_scroller_inner">
37
+ </div>
38
+ </div>
39
+ </div>
40
+
41
+ <script type="text/javascript">
42
+ $(function() {
43
+ var reqsDone = 0;
44
+ var usernames = ['propublica', 'nytimes', 'latimes', 'tpm'];
45
+ var tsTimeline = [];
46
+
47
+ var getTwitter = function(username) {
48
+ $.getJSON("http://api.twitter.com/1/statuses/user_timeline.json?callback=?", {screen_name : username, count : 10}, function(data) {
49
+ twitterToTS(data);
50
+ reqsDone += 1;
51
+ if (reqsDone === usernames.length)
52
+ TimelineSetter.Timeline.boot(tsTimeline);
53
+ });
54
+ };
55
+
56
+ var twitterToTS = function(data) {
57
+ _(data).each(function(item) {
58
+ var datum = {};
59
+ datum['timestamp'] = Date.parse(item['created_at']);
60
+ datum['date'] = item['created_at'];
61
+ datum['display_date'] = humanDate(datum['timestamp']);
62
+ datum['description'] = twttr.txt.autoLink(item['text']);
63
+ datum['link'] = "http://twitter.com/" + item['user']['screen_name'] + '/status/' + item['id_str'];
64
+ datum['series'] = item['user']['screen_name'];
65
+ tsTimeline.push(datum);
66
+ });
67
+ };
68
+
69
+ var humanDate = function(timestamp) {
70
+ var d = new Date(timestamp);
71
+ var bigHours = d.getHours() > 12;
72
+ var isPM = d.getHours() >= 12;
73
+ var strDate = (d.getMonth() + 1) + '/' + d.getDate() + ", "
74
+ var strTime = (bigHours ? d.getHours() - 12 : (d.getHours() > 0 ? d.getHours() : "12")) + ":" + padNumber(d.getMinutes()) + " " + (isPM ? 'p.m.' : 'a.m.');
75
+ return strDate + strTime;
76
+ };
77
+
78
+ var padNumber = function(number) {
79
+ return (number < 10 ? '0' : '') + number;
80
+ };
81
+
82
+ _(usernames).each(getTwitter);
83
+ });
84
+ </script>
85
+ <script id="TS-year_notch_tmpl" type="text/jst">
86
+ <div class="TS-year_notch TS-year_notch_<%= timestamp %>">
87
+ <span class="TS-year_notch_year_text"><%= human %></span>
88
+ </div>
89
+ </script>
90
+ <script id="TS-notch_tmpl" type="text/jst">
91
+ <div class="TS-notch TS-notch_<%= timestamp %> TS-notch_<%= series.replace(/\W/, "") %> TS-notch_color_<%= topcolor %>"></div>
92
+ </script>
93
+ <script id="TS-series_legend_tmpl" type="text/jst">
94
+ <div class="TS-series_legend_item TS-series_legend_item<%= name.replace(/\W/, "") %>">
95
+ <span class="TS-series_legend_swatch TS-series_legend_swatch_<%= color %>">&nbsp;</span> <span class="TS-series_legend_text"><%= name %></span>
96
+ </div>
97
+ </script>
98
+ <script id="TS-card_tmpl" type="text/jst">
99
+ <div class="TS-card_container TS-card_container_<%= (card.get("series") || "").replace(/\W/, "") %>">
100
+ <div class="TS-css_arrow TS-css_arrow_up TS-css_arrow_color_<%= card.get("topcolor") %>"></div>
101
+ <div class="TS-item TS-item_color_<%= card.get("topcolor") %>" data-timestamp="<%= card.get("timestamp") %>">
102
+ <div class="TS-item_label">
103
+ <% if (!_.isEmpty(card.get("html"))){ %>
104
+ <div class="TS-item_user_html">
105
+ <%= card.get("html") %>
106
+ </div>
107
+ <% } %>
108
+ <%= card.get("description") %>
109
+ </div>
110
+ <% if (!_.isEmpty(card.get("link"))){ %>
111
+ <div class="TS-read_btn"><a target="_blank" href="<%= card.get("link") %>">Read More</a></div>
112
+ <% } %>
113
+
114
+ <div class="TS-item_year">
115
+ <span class="TS-item_year_text"><%= (card.get("display_date") || "").length > 0 ? card.get("display_date") : card.get("date") %></span>
116
+ <div class="TS-permalink">&#8734;</div>
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </script>
121
+ </body>
122
+ </html>