woople-theme 0.2.43 → 0.2.44

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. data/app/assets/javascripts/assessment_form.js +12 -3
  2. data/app/assets/stylesheets/woople-theme/assessment.css.less +51 -0
  3. data/lib/woople-theme/version.rb +1 -1
  4. metadata +16 -16
data/app/assets/javascripts/assessment_form.js CHANGED
@@ -1,5 +1,5 @@
1
1
  $(document).ready(function() {
2
- $('#assessment').on('click', 'input[type=radio]', function() {
2
+ function updateAssessmentFormState() {
3
3
  var numberOfQuestions = $('#assessment legend').length;
4
4
  var numberOfCheckedAnswers = $('#assessment input:checked').length;
5
5
  var numberOfUnansweredQuestions = numberOfQuestions - numberOfCheckedAnswers;
@@ -13,13 +13,22 @@ $(document).ready(function() {
13
13
 
14
14
  unansweredQuestionsBadge.text(unansweredQuestionsBadgeText);
15
15
  } else {
16
- unansweredQuestionsBadge.fadeOut();
16
+ unansweredQuestionsBadge.addClass('fade-out');
17
17
  $('#assessment input[type=submit]').removeAttr('disabled');
18
+
19
+ $('.touch #assessment .span4').addClass('collapse-height');
18
20
  }
19
- });
21
+ }
22
+
23
+ $('#assessment').on('click', 'input[type=radio]', updateAssessmentFormState);
20
24
 
21
25
  var cancelButton = $('#assessment input[type=button]');
22
26
  cancelButton.click(function() {
23
27
  location.href = cancelButton.attr('data-course-path');
24
28
  });
29
+
30
+ $('.touch #assessment label').click(function() {
31
+ $(this).children('input').attr('checked', 'checked');
32
+ updateAssessmentFormState();
33
+ });
25
34
  });
data/app/assets/stylesheets/woople-theme/assessment.css.less CHANGED
@@ -2,6 +2,7 @@
2
2
  @import "woople-theme/colours.css.less";
3
3
 
4
4
  @assessment-fieldset-padding: 32px;
5
+ @touch-assessment-fieldset-padding: @assessment-fieldset-padding / 2;
5
6
  @question-number-offset: 18px;
6
7
  @answer-label-font-size: 14px;
7
8
 
@@ -50,6 +51,14 @@
50
51
  padding-top: 12px;
51
52
  }
52
53
 
54
+ .fade-out {
55
+ opacity: 0;
56
+ -webkit-transition: opacity 0.5s;
57
+ -moz-transition: opacity 0.5s;
58
+ -o-transition: opacity 0.5s;
59
+ transition: opacity 0.5s;
60
+ }
61
+
53
62
  .span8 {
54
63
  text-align: right;
55
64
  }
@@ -68,5 +77,47 @@
68
77
  }
69
78
 
70
79
  @media (max-width: 480px) {
80
+ #assessment {
81
+ .fieldset {
82
+ padding: @touch-assessment-fieldset-padding 0 (@touch-assessment-fieldset-padding - @touch-assessment-fieldset-padding / 8) 0;
83
+ }
84
+
85
+ legend {
86
+ margin-bottom: @touch-assessment-fieldset-padding / 2 - @touch-assessment-fieldset-padding / 8;
87
+ margin-left: @touch-assessment-fieldset-padding;
88
+ margin-right: @touch-assessment-fieldset-padding;
89
+ width: auto;
90
+ }
91
+
92
+ label {
93
+ padding: (@touch-assessment-fieldset-padding / 8) @touch-assessment-fieldset-padding (@touch-assessment-fieldset-padding / 8) (@touch-assessment-fieldset-padding + @question-number-offset);
94
+ }
95
+
96
+ .row-fluid {
97
+ -webkit-perspective: 1000; /* Removes CSS transition flicker */
98
+ }
71
99
 
100
+ .span4 {
101
+ padding-top: 0;
102
+ min-height: 0;
103
+ height: @touch-assessment-fieldset-padding + 16; /* 16px is the height of the badge that this span contains */
104
+ text-align: center;
105
+ }
106
+
107
+ .collapse-height {
108
+ height: 0;
109
+ -webkit-transition: height 0.5s;
110
+ -moz-transition: height 0.5s;
111
+ -o-transition: height 0.5s;
112
+ transition: height 0.5s;
113
+ }
114
+
115
+ .span8 {
116
+ text-align: center;
117
+ }
118
+
119
+ input[type=button] {
120
+ margin-right: @assessment-fieldset-padding / 4;
121
+ }
122
+ }
72
123
  }
data/lib/woople-theme/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module WoopleTheme
2
- VERSION = "0.2.43"
2
+ VERSION = "0.2.44"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: woople-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.43
4
+ version: 0.2.44
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,11 +9,11 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-06-13 00:00:00.000000000 Z
12
+ date: 2012-06-15 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails
16
- requirement: &70298162799320 !ruby/object:Gem::Requirement
16
+ requirement: &70188192191560 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ~>
@@ -21,10 +21,10 @@ dependencies:
21
21
  version: 3.2.5
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *70298162799320
24
+ version_requirements: *70188192191560
25
25
  - !ruby/object:Gem::Dependency
26
26
  name: less-rails-bootstrap
27
- requirement: &70298162798400 !ruby/object:Gem::Requirement
27
+ requirement: &70188192190240 !ruby/object:Gem::Requirement
28
28
  none: false
29
29
  requirements:
30
30
  - - =
@@ -32,10 +32,10 @@ dependencies:
32
32
  version: 2.0.13
33
33
  type: :runtime
34
34
  prerelease: false
35
- version_requirements: *70298162798400
35
+ version_requirements: *70188192190240
36
36
  - !ruby/object:Gem::Dependency
37
37
  name: therubyracer
38
- requirement: &70298162797380 !ruby/object:Gem::Requirement
38
+ requirement: &70188192189620 !ruby/object:Gem::Requirement
39
39
  none: false
40
40
  requirements:
41
41
  - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
43
43
  version: '0'
44
44
  type: :runtime
45
45
  prerelease: false
46
- version_requirements: *70298162797380
46
+ version_requirements: *70188192189620
47
47
  - !ruby/object:Gem::Dependency
48
48
  name: bundler
49
- requirement: &70298162796820 !ruby/object:Gem::Requirement
49
+ requirement: &70188192189140 !ruby/object:Gem::Requirement
50
50
  none: false
51
51
  requirements:
52
52
  - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
54
54
  version: '0'
55
55
  type: :development
56
56
  prerelease: false
57
- version_requirements: *70298162796820
57
+ version_requirements: *70188192189140
58
58
  - !ruby/object:Gem::Dependency
59
59
  name: sqlite3
60
- requirement: &70298162796360 !ruby/object:Gem::Requirement
60
+ requirement: &70188192188700 !ruby/object:Gem::Requirement
61
61
  none: false
62
62
  requirements:
63
63
  - - ! '>='
@@ -65,10 +65,10 @@ dependencies:
65
65
  version: '0'
66
66
  type: :development
67
67
  prerelease: false
68
- version_requirements: *70298162796360
68
+ version_requirements: *70188192188700
69
69
  - !ruby/object:Gem::Dependency
70
70
  name: rspec-rails
71
- requirement: &70298162795600 !ruby/object:Gem::Requirement
71
+ requirement: &70188192187740 !ruby/object:Gem::Requirement
72
72
  none: false
73
73
  requirements:
74
74
  - - ~>
@@ -76,10 +76,10 @@ dependencies:
76
76
  version: 2.9.0
77
77
  type: :development
78
78
  prerelease: false
79
- version_requirements: *70298162795600
79
+ version_requirements: *70188192187740
80
80
  - !ruby/object:Gem::Dependency
81
81
  name: capybara
82
- requirement: &70298162794960 !ruby/object:Gem::Requirement
82
+ requirement: &70188192187220 !ruby/object:Gem::Requirement
83
83
  none: false
84
84
  requirements:
85
85
  - - ! '>='
@@ -87,7 +87,7 @@ dependencies:
87
87
  version: '0'
88
88
  type: :development
89
89
  prerelease: false
90
- version_requirements: *70298162794960
90
+ version_requirements: *70188192187220
91
91
  description: All Front-End all the Time
92
92
  email:
93
93
  - developers@bigbangtechnology.com