woople-theme 0.3.8 → 0.3.9

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

@@ -52,4 +52,3 @@
     left:3px;
   }
 }
-

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

@@ -28,6 +28,13 @@
     .btn {
       line-height:16px;
     }
+
+    button {
+      opacity: 0.8;
+    }
+    button.active {
+      color: black;
+    }
   }
 
   .modal-body {
@@ -38,19 +45,3 @@
     .modal-video();
   }
 }
-
-.icon-thumbs-up {
-  width:15px;
-  height:16px;
-  background:url(/assets/woople-theme/icons/thumbs_up.png) no-repeat;
-}
-
-.active .icon-thumbs-up { opacity: 0.5; }
-
-.icon-thumbs-down {
-  width:15px;
-  height:16px;
-  background:url(/assets/woople-theme/icons/thumbs_down.png) no-repeat;
-}
-
-.active .icon-thumbs-down { opacity: 0.5; }

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

@@ -117,7 +117,7 @@
     display: none;
     overflow: hidden;
     height: 0;
-    
+
     input {
       display: none;
     }

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

@@ -39,13 +39,3 @@
   background-image:url(/assets/woople-theme/icons/sortDESC2x.png);
   background-size:14px 14px;
 }
-
-.icon-thumbs-up {
-  background-image:url(/assets/woople-theme/icons/thumbs_up2x.png);
-  background-size:15px 16px;
-}
-
-.icon-thumbs-down {
-  background-image:url(/assets/woople-theme/icons/thumbs_down2x.png);
-  background-size:15px 16px;
-}

data/app/helpers/theme_helper.rb

@@ -10,8 +10,8 @@ module ThemeHelper
     render partial: 'woople-theme/content_item', collection: collection
   end
 
-  def video_modal(video, presenter = nil)
-    video = ThemePresentation.wrap(video, presenter)
+  def video_modal(video)
+    video = ThemePresentation.wrap(video, WoopleTheme::VideoPresenter)
     render 'woople-theme/video_modal', video: video
   end
 

data/app/presenters/woople_theme/video_presenter.rb

@@ -0,0 +1,16 @@
+require 'explicit_delegator'
+
+module WoopleTheme
+  class VideoPresenter < ExplicitDelegator
+    enforce_definitions :src,   # path to the video
+                        :liked? # does the user like this video (default: nil)
+
+    def liked_css
+      liked? == true ? 'active' : nil
+    end
+
+    def disliked_css
+      liked? == false ? 'active' : nil
+    end
+  end
+end

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

@@ -14,9 +14,12 @@
   </div>
   <div class="modal-footer">
     <div class="btn-group" data-toggle="buttons-radio">
-      <button class="btn btn-primary"><i class="icon-thumbs-up"></i> <%=t 'woople_theme.video_modal.like' %></button>
-      <button class="btn btn-primary"><i class="icon-thumbs-down"></i> <%=t 'woople_theme.video_modal.dislike' %></button>
+      <button class="btn btn-like <%= video.liked_css %>">
+        <i class="icon-thumbs-up"></i> <%=t 'woople_theme.video_modal.like' %>
+      </button>
+      <button class="btn btn-dislike <%= video.disliked_css %>">
+        <i class="icon-thumbs-down"></i> <%=t 'woople_theme.video_modal.dislike' %>
+      </button>
     </div>
   </div>
 </div>
-

data/lib/woople-theme/version.rb

@@ -1,3 +1,3 @@
 module WoopleTheme
-  VERSION = '0.3.8'
+  VERSION = '0.3.9'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: woople-theme
 version: !ruby/object:Gem::Version
-  version: 0.3.8
+  version: 0.3.9
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-07-24 00:00:00.000000000 Z
+date: 2012-07-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -147,10 +147,6 @@ files:
 - app/assets/images/woople-theme/icons/sortASC2x.png
 - app/assets/images/woople-theme/icons/sortDESC.png
 - app/assets/images/woople-theme/icons/sortDESC2x.png
-- app/assets/images/woople-theme/icons/thumbs_down.png
-- app/assets/images/woople-theme/icons/thumbs_down2x.png
-- app/assets/images/woople-theme/icons/thumbs_up.png
-- app/assets/images/woople-theme/icons/thumbs_up2x.png
 - app/assets/images/woople-theme/logo.png
 - app/assets/images/woople-theme/missing-profile.png
 - app/assets/images/woople-theme/missing.png
@@ -208,6 +204,7 @@ files:
 - 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/layouts/theme.html.erb
 - app/views/woople-theme/_assessment_form.html.erb
 - app/views/woople-theme/_assessment_form_answer.html.erb