woople-theme 0.2.42 → 0.2.43

data/app/assets/javascripts/assessment_form.js

@@ -0,0 +1,25 @@
+$(document).ready(function() {
+  $('#assessment').on('click', 'input[type=radio]', function() {
+    var numberOfQuestions = $('#assessment legend').length;
+    var numberOfCheckedAnswers = $('#assessment input:checked').length;
+    var numberOfUnansweredQuestions = numberOfQuestions - numberOfCheckedAnswers;
+
+    var unansweredQuestionsBadge = $('#assessment .badge');
+    if (numberOfUnansweredQuestions > 0) {
+      var unansweredQuestionsBadgeText = numberOfUnansweredQuestions + ' unanswered question';
+      if (numberOfUnansweredQuestions > 1) {
+        unansweredQuestionsBadgeText += 's';
+      }
+
+      unansweredQuestionsBadge.text(unansweredQuestionsBadgeText);
+    } else {
+      unansweredQuestionsBadge.fadeOut();
+      $('#assessment input[type=submit]').removeAttr('disabled');
+    }
+  });
+
+  var cancelButton = $('#assessment input[type=button]');
+  cancelButton.click(function() {
+    location.href = cancelButton.attr('data-course-path');
+  });
+});

data/app/assets/javascripts/woople-theme/theme.js

@@ -9,6 +9,7 @@
 //= require fastclick.min_
 //= require video.min
 //= require assessment_flipper
+//= require assessment_form
 //= require_tree .
 
 function resizeFix() {

data/app/assets/stylesheets/woople-theme/assessment.css.less

@@ -21,6 +21,7 @@
     border: none;
     padding-left: @question-number-offset;
     font-size: 18px;
+    font-weight: @title-font-weight;
     line-height: normal;
     color: @primaryTextColour;
 
@@ -45,14 +46,18 @@
     }
   }
 
-  .span8 {
+  .span4 {
     padding-top: 12px;
   }
 
-  .span4 {
+  .span8 {
     text-align: right;
   }
 
+  input[type=button] {
+    margin-right: @assessment-fieldset-padding / 2;
+  }
+
   p {
     margin-bottom: 0;
     padding: @assessment-fieldset-padding / 2;
@@ -60,4 +65,8 @@
     font-size: @sosumi-font-size;
     color: @secondaryTextColour;
   }
+}
+
+@media (max-width: 480px) {
+
 }

data/app/assets/stylesheets/woople-theme/variables.css.less

@@ -11,6 +11,7 @@
 @logoSize: 24px;
 @logoWithPadding: @logoSize * 3;
 
+@title-font-weight: 300;
 @default-shadow: 0 1px 3px rgba(0,0,0,.25);
 
 @sosumi-font-size: 12px;
@@ -26,7 +27,7 @@
 @phoneLeftColumnOffset: @phoneMargin + @gridGutterWidth + @imageWidth;
 
 .content-title() {
-  font-weight:300;
+  font-weight: @title-font-weight;
   font-size:18px;
   line-height:1.5em;
   margin-bottom:0.5em;

data/app/views/woople-theme/_assessment_form.html.erb

@@ -1,12 +1,15 @@
-<%= page_header image: nil, title: 'Assessment', description: assessment_form.description %>
+<%= page_header title: 'Assessment', description: assessment_form.description %>
 
 <form id="assessment">
   <%= render partial: 'woople-theme/assessment_form_question', collection: assessment_form.questions %>
 
   <div class="fieldset <%= cycle 'odd', 'even' %>">
     <div class="row-fluid">
-      <div class="span8"><span class="badge badge-warning"><%= t 'woople_theme.assessment_form.questions_unanswered', count: assessment_form.questions.count %></span></div>
-      <div class="span4"><input type="submit" value="Submit Assessment" class="btn btn-primary btn-large" disabled="disabled" /></div>
+      <div class="span4"><span class="badge badge-warning"><%= t 'woople_theme.assessment_form.unanswered_questions', count: assessment_form.questions.count %></span></div>
+      <div class="span8">
+        <input type="button" value="Cancel" class="btn btn-large" data-course-path="<%= assessment_form.course_path %>" />
+        <input type="submit" value="Submit Assessment" class="btn btn-primary btn-large" disabled="disabled" />
+      </div>
     </div>
   </div>
   <% assessment_form.render_copyright do %>

data/config/locales/en.yml

@@ -36,9 +36,9 @@ en:
       pass: Pass
       fail: Fail
     assessment_form:
-      questions_unanswered:
-        one: 1 question unanswered
-        other: '%{count} questions unanswered'
+      unanswered_questions:
+        one: 1 unanswered question
+        other: '%{count} unanswered questions'
     search_results_more: See All >
   date:
     formats:

data/lib/woople-theme/version.rb

@@ -1,3 +1,3 @@
 module WoopleTheme
-  VERSION = "0.2.42"
+  VERSION = "0.2.43"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: woople-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.42
+  version: 0.2.43
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-06-12 00:00:00.000000000 Z
+date: 2012-06-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70093707099080 !ruby/object:Gem::Requirement
+  requirement: &70298162799320 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,10 @@ dependencies:
         version: 3.2.5
   type: :runtime
   prerelease: false
-  version_requirements: *70093707099080
+  version_requirements: *70298162799320
 - !ruby/object:Gem::Dependency
   name: less-rails-bootstrap
-  requirement: &70093707098220 !ruby/object:Gem::Requirement
+  requirement: &70298162798400 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - =
@@ -32,10 +32,10 @@ dependencies:
         version: 2.0.13
   type: :runtime
   prerelease: false
-  version_requirements: *70093707098220
+  version_requirements: *70298162798400
 - !ruby/object:Gem::Dependency
   name: therubyracer
-  requirement: &70093707097200 !ruby/object:Gem::Requirement
+  requirement: &70298162797380 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70093707097200
+  version_requirements: *70298162797380
 - !ruby/object:Gem::Dependency
   name: bundler
-  requirement: &70093707096580 !ruby/object:Gem::Requirement
+  requirement: &70298162796820 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70093707096580
+  version_requirements: *70298162796820
 - !ruby/object:Gem::Dependency
   name: sqlite3
-  requirement: &70093707096120 !ruby/object:Gem::Requirement
+  requirement: &70298162796360 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,10 +65,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70093707096120
+  version_requirements: *70298162796360
 - !ruby/object:Gem::Dependency
   name: rspec-rails
-  requirement: &70093707095420 !ruby/object:Gem::Requirement
+  requirement: &70298162795600 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -76,10 +76,10 @@ dependencies:
         version: 2.9.0
   type: :development
   prerelease: false
-  version_requirements: *70093707095420
+  version_requirements: *70298162795600
 - !ruby/object:Gem::Dependency
   name: capybara
-  requirement: &70093707094720 !ruby/object:Gem::Requirement
+  requirement: &70298162794960 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -87,7 +87,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70093707094720
+  version_requirements: *70298162794960
 description: All Front-End all the Time
 email:
 - developers@bigbangtechnology.com
@@ -125,6 +125,7 @@ files:
 - app/assets/images/woople-theme/star-icon2x.png
 - app/assets/images/woople-theme/video-js.png
 - app/assets/javascripts/assessment_flipper.js
+- app/assets/javascripts/assessment_form.js
 - app/assets/javascripts/woople-theme/theme.js
 - app/assets/stylesheets/woople-theme/assessment.css.less
 - app/assets/stylesheets/woople-theme/base.css.less