woople-theme 0.4.2 → 0.5.0

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

@@ -1,5 +1,5 @@
 $(document).ready(function() {
-  $('.touch .alert').click(function() {
+  $('.touch .alert.fade.in').click(function() {
     $(this).alert('close');
   });
 });

data/app/assets/stylesheets/woople-theme/dashboard/status-alert.css.less

@@ -0,0 +1,56 @@
+@status-height: 32px;
+@alert-padding: 8px;
+
+.status-alert {
+  margin: 8px;
+  padding-left: 8px;
+  min-height: @status-height;
+  background-image: asset-url('woople-theme/certification/yellow-status.png');
+  background-position: @alert-padding @alert-padding;
+  background-repeat: no-repeat;
+
+  strong {
+    display: inline-block;
+    margin-top: 7px;
+    margin-left: @status-height + 4;
+    font-size: 24px;
+    font-weight: 500;
+  }
+
+  span {
+    margin-left: 4px;
+    font-size: 14px;
+  }
+}
+
+.status-alert.alert-error {
+  background-image: asset-url('woople-theme/certification/red-status.png');
+}
+
+.status-alert.alert-success {
+  background-image: asset-url('woople-theme/certification/green-status.png');
+}
+
+@media (max-width: 480px) {
+  .status-alert {
+    span {
+      display: block;
+      margin-top: 4px;
+    }
+  }
+}
+
+@media (-webkit-min-device-pixel-ratio: 2) {
+  .status-alert {
+    background-size: @status-height @status-height;
+    background-image: asset-url('woople-theme/certification/yellow-status-2x.png');
+  }
+
+  .status-alert.alert-error {
+    background-image: asset-url('woople-theme/certification/red-status-2x.png');
+  }
+
+  .status-alert.alert-success {
+    background-image: asset-url('woople-theme/certification/green-status-2x.png');
+  }
+}

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

@@ -1,24 +1,28 @@
 /*
- *= require woople-theme/responsive
+  = require twitter/bootstrap
 
- *  COMPONENTS
- *= require woople-theme/base
- *= require woople-theme/menu
- *= require woople-theme/content
- *= require woople-theme/profile
- *= require woople-theme/page-header
- *= require woople-theme/outline
- *= require woople-theme/grid
- *= require woople-theme/buttons
- *= require woople-theme/content-item
- *= require woople-theme/search-results
- *= require woople-theme/pagination
- *= require woople-theme/modal
- *= require woople-theme/legacy
- *= require woople-theme/basic-content
- *= require woople-theme/video-js.min
- *= require woople-theme/assessment
+  = require woople-theme/responsive
 
- *  PAGE SPECIFIC STYLES
- *= require woople-theme/course
- */
+  COMPONENTS
+  = require woople-theme/base
+  = require woople-theme/menu
+  = require woople-theme/content
+  = require woople-theme/profile
+  = require woople-theme/page-header
+  = require woople-theme/outline
+  = require woople-theme/grid
+  = require woople-theme/buttons
+  = require woople-theme/content-item
+  = require woople-theme/search-results
+  = require woople-theme/pagination
+  = require woople-theme/modal
+  = require woople-theme/legacy
+  = require woople-theme/basic-content
+  = require woople-theme/video-js.min
+  = require woople-theme/assessment
+  = require_directory ./dashboard
+
+  PAGE SPECIFIC STYLES
+  = require woople-theme/course
+*/
+ 

data/app/helpers/dashboard_helper.rb

@@ -0,0 +1,5 @@
+module DashboardHelper
+  def status_alert(color, description)
+    render partial: 'dashboard/status_alert', object: ThemePresentation.wrap({ color: color, description: description }, WoopleTheme::Dashboard::StatusAlertPresenter)
+  end
+end

data/app/presenters/submitted_assessment_form_presenter.rb

@@ -40,11 +40,8 @@ class SubmittedAssessmentFormPresenter < AssessmentFormPresenter
   end
 
   def result_status_classes
-    classes = [:alert, :fade, :in]
-    classes << 'alert-success' if passed?
-    classes << 'alert-error' if !passed?
-
-    classes
+    css_classes = [:alert]
+    css_classes << (passed? ? 'alert-success' : 'alert-error')
   end
 
   def status

data/app/presenters/woople_theme/dashboard/status_alert_presenter.rb

@@ -0,0 +1,22 @@
+require 'explicit_delegator'
+
+module WoopleTheme
+  module Dashboard
+    class StatusAlertPresenter < ExplicitDelegator
+      enforce_definitions :color, :description
+
+      def css_class
+        case __getobj__.color
+        when :red
+          'alert-error'
+        when :green
+          'alert-success'
+        end
+      end
+
+      def color
+        __getobj__.color.to_s.capitalize!
+      end
+    end
+  end
+end

data/app/views/dashboard/_status_alert.html.erb

@@ -0,0 +1,4 @@
+<div class="alert <%= status_alert.css_class %> status-alert">
+  <strong class="alert-heading"><%= status_alert.color %></strong>
+  <span><%= status_alert.description %></span>
+</div>

data/app/views/layouts/theme.html.erb

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="apple-mobile-web-app-capable" content="yes" />
 
-  <%= stylesheet_link_tag "woople-theme/theme", :media => "all" %>
+  <%= stylesheet_link_tag 'woople-theme/index', media: 'all' %>
   <%= stylesheet_link_tag "woople-theme/theme-retina", media: 'only screen and (-webkit-min-device-pixel-ratio: 2)' %>
   <%= javascript_include_tag "woople-theme/theme" %>
   <%= application_javascript %>

data/lib/woople-theme/engine.rb

@@ -6,7 +6,7 @@ module WoopleTheme
     initializer :assets do |config|
       Rails.application.config.assets.precompile += [
         'woople-theme/framework.css',
-        'woople-theme/theme.css',
+        'woople-theme/index.css',
         'woople-theme/theme-retina.css'
       ]
     end

data/lib/woople-theme/version.rb

@@ -1,3 +1,3 @@
 module WoopleTheme
-  VERSION = '0.4.2'
+  VERSION = '0.5.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: woople-theme
 version: !ruby/object:Gem::Version
-  version: 0.4.2
+  version: 0.5.0
   prerelease: 
 platform: ruby
 authors:
@@ -132,11 +132,17 @@ extra_rdoc_files: []
 files:
 - app/assets/images/woople-theme/certification/green-icon.png
 - app/assets/images/woople-theme/certification/green-icon2x.png
+- app/assets/images/woople-theme/certification/green-status-2x.png
+- app/assets/images/woople-theme/certification/green-status.png
 - app/assets/images/woople-theme/certification/missing.png
 - app/assets/images/woople-theme/certification/red-icon.png
 - app/assets/images/woople-theme/certification/red-icon2x.png
+- app/assets/images/woople-theme/certification/red-status-2x.png
+- app/assets/images/woople-theme/certification/red-status.png
 - app/assets/images/woople-theme/certification/yellow-icon.png
 - app/assets/images/woople-theme/certification/yellow-icon2x.png
+- app/assets/images/woople-theme/certification/yellow-status-2x.png
+- app/assets/images/woople-theme/certification/yellow-status.png
 - app/assets/images/woople-theme/completed-triangle.png
 - app/assets/images/woople-theme/completed-triangle2x.png
 - app/assets/images/woople-theme/icons/menu.png
@@ -166,6 +172,7 @@ files:
 - app/assets/stylesheets/woople-theme/content-item.css.less
 - app/assets/stylesheets/woople-theme/content.css.less
 - app/assets/stylesheets/woople-theme/course.css.less
+- app/assets/stylesheets/woople-theme/dashboard/status-alert.css.less
 - app/assets/stylesheets/woople-theme/framework/index.css.less
 - app/assets/stylesheets/woople-theme/framework/responsive.css.less
 - app/assets/stylesheets/woople-theme/framework.css
@@ -181,9 +188,9 @@ files:
 - app/assets/stylesheets/woople-theme/responsive.css.less
 - app/assets/stylesheets/woople-theme/search-results.css.less
 - app/assets/stylesheets/woople-theme/theme-retina.css
-- app/assets/stylesheets/woople-theme/theme.css
 - app/assets/stylesheets/woople-theme/variables.css.less
 - app/helpers/assessment_helper.rb
+- app/helpers/dashboard_helper.rb
 - app/helpers/javascript_helper.rb
 - app/helpers/theme_helper.rb
 - app/presenters/assessment_form_presenter.rb
@@ -201,10 +208,12 @@ files:
 - app/presenters/submitted_assessment_form_presenter.rb
 - app/presenters/theme_presentation.rb
 - app/presenters/woople_theme/answer_presenter.rb
+- app/presenters/woople_theme/dashboard/status_alert_presenter.rb
 - app/presenters/woople_theme/question_presenter.rb
 - app/presenters/woople_theme/submitted_answer_presenter.rb
 - app/presenters/woople_theme/submitted_question_presenter.rb
 - app/presenters/woople_theme/video_presenter.rb
+- app/views/dashboard/_status_alert.html.erb
 - app/views/layouts/theme.html.erb
 - app/views/woople-theme/_assessment_form.html.erb
 - app/views/woople-theme/_assessment_form_answer.html.erb

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

@@ -1,8 +0,0 @@
-/*
- *= require twitter/bootstrap
- *= require woople-theme/index
- */
-
-.somestyle {
-  background:red;
-}