rating_view_customize 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4f6a008710ce0a8ea26a7bfd80b30028fa4bf0f9
-  data.tar.gz: 577b75a95dc00c81d6ef49faf7d91236124a58dc
+  metadata.gz: 7c1b6647b093da706d63dd9f9437d21b9b11f926
+  data.tar.gz: 44127685d1bcf3c29d708359441801ce6b0dc845
 SHA512:
-  metadata.gz: 682b8161acf7b4bcdd86055748e91efcff95d4efd042c9017203f5d83635dca26f7ac8ae3dad89bb420e6b5c747c2c7a696221dbc61f048a42a9033487160ecf
-  data.tar.gz: 480830bee9baa9047c50b76b8345d685020ea594d6d19e585fcf0674d57f91591c273a85989a8a68242b215008ba5b05fdbec290f8f52296567684f21d8468d4
+  metadata.gz: bedda2d6e644d055c9d002eabf907d07a195ea0fdfab0906a05c71e07be8be1b2e2b9a1bd9e260d5eca9f53ad46ec2d8ce6d81d032739bb7a394641e9b747df2
+  data.tar.gz: 1aff6e9d4ec2024e02e025f6bc99a88f2a10fcf1a6afab5b6afd872dc1ff1c8858d19a9c751bc706136b6d4fe6a67d85eea5fdca61278133235e9a7ebeb484f3

data/README.md

@@ -4,9 +4,9 @@
 ## Installation
 
 Requires: 
-	Bootstrap 4
-	jquery-rails
-	font-awesome-rails
+- Bootstrap 4
+- jquery-rails
+- font-awesome-rails
 
 Add this line to your application's Gemfile:
 
@@ -26,7 +26,8 @@ Or install it yourself as:
 
 Render view: 
 
-```<%= render "shared_rating/rating_partial", add_class_rating: "punctuality", default_checked: 3, show_half_star: false, disable_rating: false %>
+```ruby
+<%= render "shared_rating/rating_partial", add_class_rating: "punctuality", default_checked: 3, show_half_star: false, disable_rating: false %>
 ```
 - add_class_rating: class of star
 - default_checked: default checked you want

data/app/assets/stylesheets/lib_ratings/rating.scss

@@ -0,0 +1,52 @@
+// Use can customer font-size by
+// .rating > label:before { 
+//   margin: 5px;
+//   font-size: 1.6em;
+// }
+
+#custom_rating.not-active {
+  pointer-events: none;
+  cursor: default;
+}
+#custom_rating {
+  fieldset, label { margin: 0; padding: 0; }
+  body{ margin: 20px; }
+  h1 { font-size: 1.5em; margin: 10px; }
+
+  /****** Style Star Rating Widget *****/
+  
+  .rating { 
+    border: none;
+    float: left;
+  }
+
+  .rating > input { display: none; } 
+  .rating > label:before { 
+    margin: 5px;
+    font-size: 1.6em;
+    font-family: FontAwesome;
+    display: inline-block;
+    content: "\f005";
+  }
+
+  .rating > .half:before { 
+    content: "\f089";
+    position: absolute;
+  }
+
+  .rating > label { 
+    color: #ddd; 
+   float: right; 
+  }
+
+  /***** CSS Magic to Highlight Stars on Hover *****/
+
+  .rating > input:checked ~ label, /* show gold star when clicked */
+  .rating:not(:checked) > label:hover, /* hover current star */
+  .rating:not(:checked) > label:hover ~ label { color: #007676;  } /* hover previous stars in list */
+
+  .rating > input:checked + label:hover, /* hover current star when changing rating */
+  .rating > input:checked ~ label:hover,
+  .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
+  .rating > input:checked ~ label:hover ~ label { color: #006766;  }
+}

data/app/helpers/rating_customize_helper.rb

@@ -0,0 +1,48 @@
+module RatingCustomizeHelper
+  def round_rating(number)
+    if number == 1
+      return number
+    elsif number > 1 && number < 2
+      return 1.5
+    elsif number == 2
+      return number
+    elsif number > 2 && number < 3
+      return 2.5
+    elsif number == 3
+      return number
+    elsif number > 3 && number < 4
+      return 3.5
+    elsif number == 4
+      return number
+    elsif number > 4 && number < 5
+      return 4.5
+    elsif number == 5
+      return number
+    else
+      return 0
+    end
+  end
+
+  def parse_id_rating(data)
+    case data
+    when 1
+      return "star1"
+    when 1.5
+      return "star1half"
+    when 2
+      return "star2"
+    when 2.5
+      return "star2half"
+    when 3
+      return "star3"
+    when 3.5
+      return "star3half"
+    when 4
+      return "star4"
+    when 4.5
+      return "star4half"
+    when 5  
+      return "star5"
+    end
+  end
+end

data/app/views/shared_rating/_rating_partial.html.erb

@@ -0,0 +1,44 @@
+<div id="custom_rating" class="<%= 'not-active' if disable_rating == true%>">
+  <fieldset class="rating" style="margin-right: 5px;">
+    <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star5" name="<%= add_class_rating.gsub(" ","") %>_rating" value="5">
+    <label class = "full" for="<%= add_class_rating.gsub(" ","") %>_star5" title="Awesome - 5 stars"></label>
+    <% if show_half_star == true %>
+      <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star4half" name="<%= add_class_rating.gsub(" ","") %>_rating" value="4.5">
+      <label class="half" for="<%= add_class_rating.gsub(" ","") %>_star4half" title="Pretty good - 4.5 stars"></label>
+    <% end %>
+    <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star4" name="<%= add_class_rating.gsub(" ","") %>_rating" value="4">
+    <label class = "full" for="<%= add_class_rating.gsub(" ","") %>_star4" title="Pretty good - 4 stars"></label>
+    <% if show_half_star == true %>
+      <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star3half" name="<%= add_class_rating.gsub(" ","") %>_rating" value="3.5">
+      <label class="half" for="<%= add_class_rating.gsub(" ","") %>_star3half" title="Meh - 3.5 stars"></label>
+    <% end %>
+    <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star3" name="<%= add_class_rating.gsub(" ","") %>_rating" value="3">
+    <label class = "full" for="<%= add_class_rating.gsub(" ","") %>_star3" title="Meh - 3 stars"></label>
+    <% if show_half_star == true %>
+      <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star2half" name="<%= add_class_rating.gsub(" ","") %>_rating" value="2.5">
+      <label class="half" for="<%= add_class_rating.gsub(" ","") %>_star2half" title="Kinda bad - 2.5 stars"></label>
+    <% end %>
+    <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star2" name="<%= add_class_rating.gsub(" ","") %>_rating" value="2">
+    <label class = "full" for="<%= add_class_rating.gsub(" ","") %>_star2" title="Kinda bad - 2 stars"></label>
+    <% if show_half_star == true %>
+      <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star1half" name="<%= add_class_rating.gsub(" ","") %>_rating" value="1.5">
+      <label class="half" for="<%= add_class_rating.gsub(" ","") %>_star1half" title="Meh - 1.5 stars"></label>
+    <% end %>
+    <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_star1" name="<%= add_class_rating.gsub(" ","") %>_rating" value="1">
+    <label class = "full" for="<%= add_class_rating.gsub(" ","") %>_star1" title="Sucks big time - 1 star"></label>
+    <% if show_half_star == true %>
+      <input type="radio" class="<%= add_class_rating.gsub(" ","") %>" id="<%= add_class_rating.gsub(" ","") %>_starhalf" name="<%= add_class_rating.gsub(" ","") %>_rating" value="0.5">
+      <label class="half" for="<%= add_class_rating.gsub(" ","") %>_starhalf" title="Sucks big time - 0.5 stars"></label>
+    <% end %>
+  </fieldset>
+</div>
+
+<script>
+  $("#custom_rating fieldset.rating input.<%= add_class_rating.gsub(" ","") %>").change(function(){
+    point = $(this).closest("fieldset.rating").find('input[name="<%= add_class_rating.gsub(" ","") %>_rating"]:checked').val();
+    $(this).closest("#point_selected").find("input#rating_<%= add_class_rating.gsub(" ","") %>").val(point);
+  });
+  if (<%= default_checked %> > 0) {
+    $("#<%= add_class_rating.gsub(" ","") %>_<%= parse_id_rating(default_checked) %>").attr("checked", true);
+  }
+</script>

data/lib/generators/rating_view_customize/install_generator.rb

@@ -0,0 +1,17 @@
+require 'rails/generators'
+
+module RatingViewCustomize
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+      desc "This generator installs jQuery dataTables to the Asset Pipeline"
+      argument :style, :type => :string, :default => 'regular'
+
+      def add_assets
+        js_manifest = 'app/assets/javascripts/application.js'
+        css_manifest = 'app/assets/stylesheets/application.css'
+      end
+
+      private
+    end
+  end
+end

data/lib/rating_view_customize/engine.rb

@@ -0,0 +1,11 @@
+# Configure for Rails 5
+module Jquery
+  module Datatables
+    if defined?(::Rails) and Gem::Requirement.new('>= 5').satisfied_by?(Gem::Version.new ::Rails.version)
+      module Rails
+        class Engine < ::Rails::Engine
+        end
+      end
+    end
+  end
+end

data/lib/rating_view_customize/version.rb

@@ -1,3 +1,3 @@
 module RatingViewCustomize
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

data/rating_view_customize.gemspec

@@ -11,8 +11,7 @@ Gem::Specification.new do |spec|
 
   spec.summary       = %q{Rating view for rails using css.}
   spec.description   = %q{}
-  spec.homepage      = "https://github.com/dboiii"
-  spec.license       = "MIT"
+  spec.homepage      = "https://github.com/dboiii/rating_view_customize"
 
   # Prevent pushing this gem to RubyGems.org. To allow pushes either set the 'allowed_push_host'
   # to allow pushing to a single host or delete this section to allow pushing to any host.

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rating_view_customize
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - William
@@ -105,14 +105,19 @@ files:
 - Gemfile
 - README.md
 - Rakefile
+- app/assets/stylesheets/lib_ratings/rating.scss
+- app/helpers/rating_customize_helper.rb
+- app/views/shared_rating/_rating_partial.html.erb
 - bin/console
 - bin/setup
+- lib/generators/rating_view_customize/install_generator.rb
 - lib/rating_view_customize.rb
+- lib/rating_view_customize/engine.rb
 - lib/rating_view_customize/version.rb
+- rating_view_customize-0.1.0.gem
 - rating_view_customize.gemspec
-homepage: https://github.com/dboiii
-licenses:
-- MIT
+homepage: https://github.com/dboiii/rating_view_customize
+licenses: []
 metadata: {}
 post_install_message: 
 rdoc_options: []