twitter-bootstrap-calendar 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
data/README.md CHANGED
@@ -1,6 +1,16 @@
1
1
  # Twitter::Bootstrap::Calendar
2
2
 
3
- TODO: Write a gem description
3
+ I recently upgraded TroopTrack from Twitter Bootstrap 1 to 2, redesigning a few key aspects of the site to make it more usable. Overall, I was very pleased with the results except for one area – the calendar. I was using a calendar gem that provided a view helper that generates a table based calendar. It’s worked okay in the past, but now that I had managed to get every other aspect of my site scaling nicely for display on tablets, the horizontal scrolling caused by the rigid table layout was more than I could bear.
4
+
5
+ What I really needed was a table-less calendar that uses the bootstrap grid. The problem is, a 12-grid layout isn’t very good for creating a calendar, unless I manage to convince the universe to have either six or twelve days in a week. A quick call to my senator to that option off the table, so I decided to create a 7 column grid.
6
+
7
+ This is totally easy with Bootstrap’s form for downloading a customized CSS. I tweaked things a bit to get rid of the gutters, turned off pretty much everything except the grid bits, then wrapped the resulting CSS in a selector so it would only apply to my calendar div.
8
+
9
+ That was the easy part.
10
+
11
+ Next I needed a helper I could use to create my calendar. Fortunately, Ryan Bates had revised his screencast (#213) on how to create a calendar back in August and I was lucky enough to remember watching it. I swiped his calendar helper code and was off to the races.
12
+
13
+ I’m pretty happy with the end result – a 100% table free calendar layout that is uber-responsive and looks great on my iPad Mini (which I love!).
4
14
 
5
15
  ## Installation
6
16
 
@@ -12,6 +22,10 @@ Add this line to your application.css:
12
22
 
13
23
  *= require twitter-bootstrap-calendar
14
24
 
25
+ And this line to your application.js:
26
+
27
+ //= require twitter-bootstrap-calendar
28
+
15
29
  And then execute:
16
30
 
17
31
  $ bundle
@@ -1,7 +1,7 @@
1
1
  module Twitter
2
2
  module Bootstrap
3
3
  module Calendar
4
- VERSION = "0.0.1"
4
+ VERSION = "0.0.2"
5
5
  end
6
6
  end
7
7
  end
@@ -0,0 +1,11 @@
1
+ $(document).ready(function() {
2
+ var maxHeight = -1;
3
+
4
+ $('.calendar_grid .week .span1').each(function() {
5
+ maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
6
+ });
7
+
8
+ $('.calendar_grid .week .span1').each(function() {
9
+ $(this).height(maxHeight);
10
+ });
11
+ });
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: twitter-bootstrap-calendar
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1
4
+ version: 0.0.2
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -13,7 +13,7 @@ date: 2012-12-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
16
- requirement: &70309126360700 !ruby/object:Gem::Requirement
16
+ requirement: &70106235809180 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
21
21
  version: '0'
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *70309126360700
24
+ version_requirements: *70106235809180
25
25
  - !ruby/object:Gem::Dependency
26
26
  name: railties
27
- requirement: &70309126360160 !ruby/object:Gem::Requirement
27
+ requirement: &70106235806740 !ruby/object:Gem::Requirement
28
28
  none: false
29
29
  requirements:
30
30
  - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
32
32
  version: '3.1'
33
33
  type: :runtime
34
34
  prerelease: false
35
- version_requirements: *70309126360160
35
+ version_requirements: *70106235806740
36
36
  - !ruby/object:Gem::Dependency
37
37
  name: actionpack
38
- requirement: &70309126359600 !ruby/object:Gem::Requirement
38
+ requirement: &70106235803340 !ruby/object:Gem::Requirement
39
39
  none: false
40
40
  requirements:
41
41
  - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
43
43
  version: '3.1'
44
44
  type: :runtime
45
45
  prerelease: false
46
- version_requirements: *70309126359600
46
+ version_requirements: *70106235803340
47
47
  - !ruby/object:Gem::Dependency
48
48
  name: rails
49
- requirement: &70309126358880 !ruby/object:Gem::Requirement
49
+ requirement: &70106235801100 !ruby/object:Gem::Requirement
50
50
  none: false
51
51
  requirements:
52
52
  - - ! '>='
@@ -54,7 +54,7 @@ dependencies:
54
54
  version: '3.1'
55
55
  type: :development
56
56
  prerelease: false
57
- version_requirements: *70309126358880
57
+ version_requirements: *70106235801100
58
58
  description: Adds a helper and 7-column grid for creating calendar views
59
59
  email:
60
60
  - dave@trooptrack.com
@@ -66,6 +66,7 @@ files:
66
66
  - lib/twitter/bootstrap/calendar/engine.rb
67
67
  - lib/twitter/bootstrap/calendar/version.rb
68
68
  - lib/twitter-bootstrap-calendar.rb
69
+ - vendor/assets/javascripts/twitter-bootstrap-calendar/index.js
69
70
  - vendor/assets/stylesheets/twitter-bootstrap-calendar/index.css.scss
70
71
  - app/helpers/bootstrap_calendar_helper.rb
71
72
  - Rakefile