woople-theme 0.5.13 → 0.5.14

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

@@ -25,6 +25,32 @@ section.certification-content {
     }
   }
 
+  #electives_points > div {
+    width: 50%;
+    margin: 0 auto;
+    text-align: center;
+    padding:@contentPadding;
+
+    @media (max-width: 767px) {
+      width: auto;
+    }
+
+    .points {
+      .content-title();
+      margin-bottom: 0;
+    }
+  }
+
+  .progress {
+    height: 40px;
+    text-align: left;
+    .bar {
+      filter: none;
+      background:fade(@highlight, 100%);
+      height: 40px;
+    }
+  }
+
   .styled-table();
 
   table {

data/app/helpers/dashboard_helper.rb

@@ -22,6 +22,11 @@ module DashboardHelper
            object: ThemePresentation.wrap(presenter, WoopleTheme::Dashboard::ElectivesSectionPresenter)
   end
 
+  def electives_points(points_earned, points_total)
+    render partial: 'dashboard/points',
+           object: ThemePresentation.wrap({ earned: points_earned, total: points_total }, WoopleTheme::Dashboard::PointsPresenter)
+  end
+
   def electives_history(items)
     render_collection_partial(items, WoopleTheme::Dashboard::ElectiveHistoryPresenter, 'woople-theme/content_item')
   end

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

@@ -0,0 +1,19 @@
+require 'explicit_delegator'
+
+module WoopleTheme
+  module Dashboard
+    class PointsPresenter < ExplicitDelegator
+      enforce_definitions :earned, :total
+
+      def percent_complete
+        ( (data.earned.to_f / data.total.to_f) * 100 ).round
+      end
+
+      private
+
+      def data
+        __getobj__
+      end
+    end
+  end
+end

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

@@ -2,6 +2,7 @@
   <section id="electives-section" class="certification-content">
     <h2><%= t 'woople_theme.dashboards.member.electives_section.title' %></h2>
     <ul class="nav nav-tabs" id="electives_tab_nav">
+        <li><a href="#electives_points" data-toggle="tab"><%= t 'woople_theme.dashboards.member.electives_section.points_tab_name' %></a></li>
       <% electives_section.render_history do %>
         <li><a href="#electives_history" data-toggle="tab"><%= t 'woople_theme.dashboards.member.electives_section.history_tab_name' %></a></li>
       <% end %>
@@ -10,6 +11,9 @@
       <% end %>
     </ul>
     <div class="tab-content">
+      <div class="tab-pane" id="electives_points">
+        <%= electives_points(electives_section.points_earned, electives_section.points_total) %>
+      </div>
     <% electives_section.render_history do %>
       <div class="tab-pane" id="electives_history">
         <%= electives_history(electives_section.electives_history) %>

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

@@ -0,0 +1,7 @@
+<div>
+  <div class="progress">
+    <div class="bar" style="width: <%= points.percent_complete %>%;"></div>
+  </div>
+  <h2 class="points"><%= t 'woople_theme.dashboards.member.electives_section.points_earned', points_earned: points.earned, points_total: points.total %> </h2>
+</div>
+

data/config/locales/en.yml

@@ -80,8 +80,10 @@ en:
         electives_section:
           title: Electives
           history_tab_name: History
+          points_tab_name: Points
           reason_points: Reason/Points
           in_progress: In-Progress
+          points_earned: '%{points_earned} of %{points_total} elective points earned'
 
   date:
     formats:

data/lib/woople-theme/version.rb

@@ -1,3 +1,3 @@
 module WoopleTheme
-  VERSION = '0.5.13'
+  VERSION = '0.5.14'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: woople-theme
 version: !ruby/object:Gem::Version
-  version: 0.5.13
+  version: 0.5.14
   prerelease: 
 platform: ruby
 authors:
@@ -216,6 +216,7 @@ files:
 - app/presenters/woople_theme/dashboard/essential_exception_presenter.rb
 - app/presenters/woople_theme/dashboard/essentials_section_presenter.rb
 - app/presenters/woople_theme/dashboard/exception_presenter.rb
+- app/presenters/woople_theme/dashboard/points_presenter.rb
 - app/presenters/woople_theme/dashboard/section_presenter.rb
 - app/presenters/woople_theme/dashboard/status_alert_presenter.rb
 - app/presenters/woople_theme/question_presenter.rb
@@ -225,6 +226,7 @@ files:
 - app/views/dashboard/_electives_section.html.erb
 - app/views/dashboard/_essentials_section.html.erb
 - app/views/dashboard/_exception.html.erb
+- app/views/dashboard/_points.html.erb
 - app/views/dashboard/_status_alert.html.erb
 - app/views/layouts/theme.html.erb
 - app/views/woople-theme/_assessment_form.html.erb