timeliner_rails 0.0.2 → 1.6.1

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 (6) hide show
  1. checksums.yaml +5 -13
  2. data/README.md +2 -2
  3. data/app/assets/javascripts/timeliner/timeliner.js +75 -38
  4. data/app/assets/stylesheets/timeliner/screen.css.erb +7 -2
  5. data/lib/timeliner_rails/version.rb +1 -1
  6. metadata +7 -8
checksums.yaml CHANGED
@@ -1,15 +1,7 @@
1
1
  ---
2
- !binary "U0hBMQ==":
3
- metadata.gz: !binary |-
4
- YjljMzYwOGZlMWNkNmFiMTliMGRmMzI2OGE3MjkzMDQ1YmY0OWFiNQ==
5
- data.tar.gz: !binary |-
6
- MGM0YTNmMTc2ODQ2MWI2MzNlMTQ1ZWU3NjRiODg0NDljMjdhMWM3Yg==
2
+ SHA1:
3
+ metadata.gz: d39506f1120893f0246bc4059cbe74247fe88909
4
+ data.tar.gz: 4c9aa62fe162665495af7bbac670851fd612fcad
7
5
  SHA512:
8
- metadata.gz: !binary |-
9
- YmUyNTg1NWUzNWRlODZjNWYxOTljOGIzMjNmMjdjNzMyMmZlMjBlZGYzM2Nk
10
- ZmJmMTdhMTVlMmMxNzVjNWQ4ZDA5Yjc1ZmRmNGUxMzVmOTQ5Mzg4MTI1ZjY4
11
- YmFlNzMwNjAyNjM2ZDY3YjlhMDVlNWNmZGJkZWViZWIyMDFlOTA=
12
- data.tar.gz: !binary |-
13
- M2VmOTk0M2Q3YTMyMzVkZjI4NjlmZTk0NDViOWIwNDg1MzkwY2RhNmM3NzI0
14
- YmI5ZjdhM2FjYWQyMWVmNTQzZDhhMmM1ZTU0NDliM2IxZTkzOTM0OTgxOGIw
15
- MzAyYWQ2OGU4ZmI3M2ZhMWMyNmUzNTk3OGQ5MzE4NjkwZDdkZjQ=
6
+ metadata.gz: e41fe34a45d3b113ce8981f3ceb47d4e50cbf6a38db549d0b57997f6feaa78d87fff5864cc123a95bd38ee38a9cd07d86b2490e1f6a77d3869f395d6f2be3d02
7
+ data.tar.gz: cea26c903bc5b7722ac3ff4b24ef4a8e1f2b6310f10ab7ee84c51b6f262955263ea37f78636582e6642022d4c2094ad983518fee2f5f62ddc80fb1f944b6621f
data/README.md CHANGED
@@ -1,6 +1,7 @@
1
1
  # TimelinerRails
2
2
 
3
- timeliner_rails packages the []() jquery plugin (javascripts, stylesheets and images) for use with the rails 3.1+ asset pipeline.
3
+ timeliner_rails packages the [timeliner](https://github.com/technotarek/timeliner) jquery plugin
4
+ (javascripts, stylesheets and images) for use with the rails 3.1+ asset pipeline.
4
5
 
5
6
  ## Installation
6
7
 
@@ -8,7 +9,6 @@ Add this line to your application's Gemfile:
8
9
 
9
10
  gem 'timeliner_rails'
10
11
 
11
-
12
12
  ## Usage
13
13
 
14
14
  Add this line to your `application.js`:
data/app/assets/javascripts/timeliner/timeliner.js CHANGED
@@ -1,58 +1,95 @@
1
1
  /*
2
2
  * Timeliner.js
3
- * @version 1.5.1
3
+ * @version 1.6.1
4
4
  * @copyright Tarek Anandan (http://www.technotarek.com)
5
5
  */
6
6
  ;(function($) {
7
7
 
8
- var settings;
9
- $.timeliner = function(options){
10
- // default plugin settings
11
- settings = jQuery.extend({
12
- timelineContainer: '#timelineContainer', // value: selector of the main element holding the timeline's content, default to #timelineContainer
13
- startState: 'closed', // value: closed | open, default to closed; sets whether the timeline is initially collapsed or fully expanded
14
- startOpen: [], // value: array of IDs of single timelineEvents, default to empty; sets the minor events that you want to display open by default on page load
15
- baseSpeed: 200, // value: numeric, default to 200; sets the base speed for animation of the event marker
16
- speed: 4, // value: numeric, defalut to 4; a multiplier applied to the base speed that sets the speed at which an event's conents are displayed and hidden
17
- fontOpen: '1.2em', // value: any valid CSS font-size value, defaults to 1em; sets the font size of an event after it is opened
18
- fontClosed: '1em', // value: any valid CSS font-size value, defaults to 1em; sets the font size of an event after it is closed
19
- expandAllText: '+ expand all', // value: string, sets the text of the expandAll selector after the timeline is fully collapsed
20
- collapseAllText: '- collapse all' // // value: string, sets the text of the expandAll selector after the timeline is fully expanded
21
- }, options);
22
-
23
- $(document).ready(function() {
24
-
25
- function openEvent(eventHeading,eventBody) {
26
- $(eventHeading)
27
- .removeClass('closed')
28
- .addClass('open')
29
- .animate({ fontSize: settings.fontOpen }, settings.baseSpeed);
30
- $(eventBody).show(settings.speed*settings.baseSpeed);
31
- }
32
-
33
- function closeEvent(eventHeading,eventBody) {
34
- $(eventHeading)
35
- .animate({ fontSize: settings.fontClosed }, 0)
36
- .removeClass('open')
37
- .addClass('closed');
38
- $(eventBody).hide(settings.speed*settings.baseSpeed);
39
- }
8
+ $.timeliner = function(options) {
9
+ if ($.timeliners == null) {
10
+ $.timeliners = { options: [] };
11
+ $.timeliners.options.push(options);
12
+ }
13
+ else {
14
+ $.timeliners.options.push(options);
15
+ }
16
+ $(document).ready(function() {
17
+ for (var i=0; i<$.timeliners.options.length; i++) {
18
+ startTimeliner($.timeliners.options[i]);
19
+ }
20
+ });
21
+ }
22
+
23
+ function startTimeliner(options){
24
+ var settings = {
25
+ timelineContainer: options['timelineContainer'] || '#timelineContainer', // value: selector of the main element holding the timeline's content, default to #timelineContainer
26
+ startState: options['startState'] || 'closed', // value: closed | open,
27
+ // default to closed; sets whether the timeline is
28
+ // initially collapsed or fully expanded
29
+ startOpen: options['startOpen'] || [], // value: array of IDs of
30
+ // single timelineEvents, default to empty; sets
31
+ // the minor events that you want to display open
32
+ // by default on page load
33
+ baseSpeed: options['baseSpeed'] || 200, // value: numeric, default to
34
+ // 200; sets the base speed for animation of the
35
+ // event marker
36
+ speed: options['speed'] || 4, // value: numeric, defalut to 4; a
37
+ // multiplier applied to the base speed that sets
38
+ // the speed at which an event's conents are
39
+ // displayed and hidden
40
+ fontOpen: options['fontOpen'] || '1.2em', // value: any valid CSS
41
+ // font-size value, defaults to 1em; sets the font
42
+ // size of an event after it is opened
43
+ fontClosed: options['fontClosed'] || '1em', // value: any valid CSS
44
+ // font-size value, defaults to 1em; sets the font
45
+ // size of an event after it is closed
46
+ expandAllText: options ['expandAllText'] || '+ expand all', // value:
47
+ // string, sets the text of the expandAll selector
48
+ // after the timeline is fully collapsed
49
+ collapseAllText: options['collapseAllText'] || '- collapse all' // // value:
50
+ // string, sets the text of the expandAll selector
51
+ // after the timeline is fully expanded
52
+ };
53
+
54
+ function openEvent(eventHeading,eventBody) {
55
+ $(eventHeading)
56
+ .removeClass('closed')
57
+ .addClass('open')
58
+ .animate({ fontSize: settings.fontOpen }, settings.baseSpeed);
59
+ $(eventBody).show(settings.speed*settings.baseSpeed);
60
+ }
61
+
62
+ function closeEvent(eventHeading,eventBody) {
63
+ $(eventHeading)
64
+ .animate({ fontSize: settings.fontClosed }, 0)
65
+ .removeClass('open')
66
+ .addClass('closed');
67
+ $(eventBody).hide(settings.speed*settings.baseSpeed);
68
+ }
69
+
70
+
71
+ if ($(settings.timelineContainer).data('started')) {
72
+ return; // we already initialized this timelineContainer
73
+ } else {
74
+ $(settings.timelineContainer).data('started', true);
75
+ $(settings.timelineContainer+" "+".expandAll").html(settings.expandAllText);
76
+ $(settings.timelineContainer+" "+".collapseAll").html(settings.collapseAllText);
40
77
 
41
78
  // If startState option is set to closed, hide all the events; else, show fully expanded upon load
42
79
  if(settings.startState==='closed')
43
80
  {
44
81
  // Close all items
45
- $(".timelineEvent").hide();
82
+ $(settings.timelineContainer+" "+".timelineEvent").hide();
46
83
 
47
84
  // show startOpen events
48
85
  $.each($(settings.startOpen), function(index, value) {
49
- openEvent($(value).parent(".timelineMinor").find("dt a"),$(value));
86
+ openEvent($(value).parent(settings.timelineContainer+" "+".timelineMinor").find("dt a"),$(value));
50
87
  });
51
88
 
52
89
  }else{
53
90
 
54
91
  // Open all items
55
- openEvent($(".timelineMinor dt a"),$(".timelineEvent"));
92
+ openEvent($(settings.timelineContainer+" "+".timelineMinor dt a"),$(settings.timelineContainer+" "+".timelineEvent"));
56
93
 
57
94
  }
58
95
 
@@ -98,7 +135,7 @@
98
135
  });
99
136
 
100
137
  // All Markers/Events
101
- $(".expandAll").click(function()
138
+ $(settings.timelineContainer+" "+".expandAll").click(function()
102
139
  {
103
140
  if($(this).hasClass('expanded'))
104
141
  {
@@ -113,6 +150,6 @@
113
150
 
114
151
  }
115
152
  });
116
- });
153
+ }
117
154
  };
118
155
  })(jQuery);
data/app/assets/stylesheets/timeliner/screen.css.erb CHANGED
@@ -56,11 +56,16 @@ a img {
56
56
 
57
57
  p {
58
58
  margin:0 0 10px 8px;
59
- font-size:1.3em;
59
+ font-size:1.5em;
60
60
  font-weight:400;
61
61
  line-height:1.6em;
62
62
  }
63
63
 
64
+ .lead {
65
+ font-size:2em;
66
+ margin-bottom:40px;
67
+ }
68
+
64
69
  .clear {
65
70
  clear:both;
66
71
  line-height:0;
@@ -69,7 +74,7 @@ p {
69
74
 
70
75
  /* ============ TIMELINE ============= */
71
76
 
72
- div#timelineContainer {
77
+ .timelineContainer {
73
78
  border-left:2px solid #ccc;
74
79
  margin:20px auto;
75
80
  width:900px;
data/lib/timeliner_rails/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module TimelinerRails
2
- VERSION = "0.0.2"
2
+ VERSION = "1.6.1"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: timeliner_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2
4
+ version: 1.6.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Luisa Lima
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-12-30 00:00:00.000000000 Z
11
+ date: 2014-07-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties
@@ -42,14 +42,14 @@ dependencies:
42
42
  name: rake
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
- - - ! '>='
45
+ - - '>='
46
46
  - !ruby/object:Gem::Version
47
47
  version: '0'
48
48
  type: :development
49
49
  prerelease: false
50
50
  version_requirements: !ruby/object:Gem::Requirement
51
51
  requirements:
52
- - - ! '>='
52
+ - - '>='
53
53
  - !ruby/object:Gem::Version
54
54
  version: '0'
55
55
  description: This gem packages the Timeliner.js assets (javascripts, stylesheets,
@@ -84,20 +84,19 @@ require_paths:
84
84
  - lib
85
85
  required_ruby_version: !ruby/object:Gem::Requirement
86
86
  requirements:
87
- - - ! '>='
87
+ - - '>='
88
88
  - !ruby/object:Gem::Version
89
89
  version: '0'
90
90
  required_rubygems_version: !ruby/object:Gem::Requirement
91
91
  requirements:
92
- - - ! '>='
92
+ - - '>='
93
93
  - !ruby/object:Gem::Version
94
94
  version: '0'
95
95
  requirements: []
96
96
  rubyforge_project:
97
- rubygems_version: 2.2.0
97
+ rubygems_version: 2.3.0
98
98
  signing_key:
99
99
  specification_version: 4
100
100
  summary: This gem packages the Timeliner.js assets (javascripts, stylesheets, and
101
101
  images) for the Rails 3.1+ asset pipeline.
102
102
  test_files: []
103
- has_rdoc: