star_rating 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f1e03be6c8538957ebb0375b8849a6fd5f882908
-  data.tar.gz: 9e2021c4626fbbef9d5c0ad2f428b281ee23e537
+  metadata.gz: 7aaa24e63c0d6cedf28c98bf4c924cb922808147
+  data.tar.gz: 09939550668a3ef091131f55d9ecdc4ab66cfab0
 SHA512:
-  metadata.gz: cb41217ed77faac2a4a70329502057b5098994f86ee8b141dc15a2c4aa54c1c003de6b864543fd0a8f82b11ee1ab07ccf776ab2b5ddaeaf0b42b3b8c112efa7b
-  data.tar.gz: 0e1a16e0733bf23f8dfdb9e3499f882361303678ba6bef70f34838ac31ff06dac97fada7df89bdae8feab719a9248663a550b2eab34beaeea60b5e19b822621a
+  metadata.gz: 4a869e061ddf9e8a025595ffffd687ebe81988659cc139c62dad54172029d5f02bd6d098ad4012b847c440e742caea1c79f9dc222dff1131f97d4ae079f9c78b
+  data.tar.gz: 08733cf017544c9c4d9641e8a5b90ce16a696ecfacb53debc13f289d3d958727db77acbfffc4e4ae217a055b256d347855e8be9b0c4371ad7625df40ce3320f4

data/README.md

@@ -1,6 +1,7 @@
 # star_rating gem
 [![Build Status](https://travis-ci.org/johnnylaw/star_rating.png?branch=master)](https://travis-ci.org/johnnylaw/star_rating)
 [![Code Climate](https://codeclimate.com/github/johnnylaw/star_rating.png)](https://codeclimate.com/github/johnnylaw/star_rating)
+[![Gem Version](https://badge.fury.io/rb/star_rating.png)](http://badge.fury.io/rb/star_rating)
 
 The star_rating gem allows for the easy integration of a star rating widget into a Rails app running Ruby 2.0 or higher.  The star rating form input as well as the star rating display helper rely entirely on Sass (no JavaScript) to create a **highly** configurable arrangement of any number of stars of any size and appearance.  The default number of stars is of course five.
 

data/lib/star_rating/version.rb

@@ -1,3 +1,3 @@
 module StarRating
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/vendor/assets/stylesheets/star_rating.scss

@@ -0,0 +1,95 @@
+$stroke-offset: $star-rating-outline-width/2;
+
+$star-point-1: (10 + $stroke-offset) + ',' + ($stroke-offset);
+$star-point-2: (13.09 + $stroke-offset) + ',' + (6.583 + $stroke-offset);
+$star-point-3: (20 + $stroke-offset) + ',' + (7.639 + $stroke-offset);
+$star-point-4: (15 + $stroke-offset) + ',' + (12.764 + $stroke-offset);
+$star-point-5: (16.18 + $stroke-offset) + ',' + (20 + $stroke-offset);
+$star-point-6: (10 + $stroke-offset) + ',' + (16.583 + $stroke-offset);
+$star-point-7: (3.82 + $stroke-offset) + ',' + (20 + $stroke-offset);
+$star-point-8: (5 + $stroke-offset) + ',' + (12.764 + $stroke-offset);
+$star-point-9: $stroke-offset + ',' + (7.639 + $stroke-offset);
+$star-point-10: (6.91 + $stroke-offset) + ',' + (6.583 + $stroke-offset);
+$star-points: "#{$star-point-1} #{$star-point-2} #{$star-point-3} #{$star-point-4} #{$star-point-5} #{$star-point-6} #{$star-point-7} #{$star-point-8} #{$star-point-9} #{$star-point-10}";
+
+$star-rating-canvas-size: 20 + $stroke-offset + $star-rating-spacing;
+
+$star-canvas: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="#{$star-rating-canvas-size}px" height="#{$star-rating-canvas-size}px" viewBox="0 0 #{$star-rating-canvas-size} #{$star-rating-canvas-size}" enable-background="new 0 0 #{$star-rating-canvas-size} #{$star-rating-canvas-size}" xml:space="preserve">';
+
+$star-rating-default-url-empty: 'data:image/svg+xml;base64,' + encode64('#{$star-canvas}<polygon fill="#{$star-rating-color-empty}" stroke="#{$star-rating-outline-color-empty}" stroke-width="#{$star-rating-outline-width}" stroke-linejoin="miter" points="#{$star-points}"/></svg>');
+
+$star-rating-gradient-full: '<defs><linearGradient id="grad1" x1="#{$star-rating-fill-start-x}" y1="#{$star-rating-fill-start-y}" x2="#{$star-rating-fill-finish-x}" y2="#{$star-rating-fill-finish-y}"><stop offset="0%" style="stop-color:#{$star-rating-fill-color-start};stop-opacity:1" /><stop offset="100%" style="stop-color:#{$star-rating-fill-color-finish};stop-opacity:1" /></linearGradient></defs>';
+
+$star-rating-default-url-full: 'data:image/svg+xml;base64,' + encode64($star-canvas + $star-rating-gradient-full +
+'<polygon fill="url(#grad1)" stroke-width="#{$star-rating-outline-width}" stroke="#{$star-rating-outline-color-full}" points="' + $star-points + '"/></svg>');
+
+.star-rating {
+  margin: 0;
+  font-size: 0;
+  white-space: nowrap;
+  display: inline-block;
+  width: $default-star-rating-height * number_of_stars();
+  height: $default-star-rating-height;
+  overflow: hidden;
+  position: relative;
+  @if $star-rating-url-empty {
+    background: url($star-rating-url-empty);
+  } @else {
+    background: url($star-rating-default-url-empty);
+  }
+  background-size: auto 100%;
+
+  span, i {
+    height: 100%;
+    @if $star-rating-url-full {
+      background: url($star-rating-url-full);
+    } @else {
+      background: url($star-rating-default-url-full);
+    }
+    background-size: auto 100%;
+  }
+
+  span {
+    display: block;
+  }
+
+  i {
+    opacity: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%/number_of_stars();
+    z-index: 1;
+  }
+
+  input{
+    opacity: 0;
+    display: inline-block;
+    width: 100%/number_of_stars();
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    z-index: 2;
+    position: relative;
+
+    &:hover + i {
+      opacity: 1;
+    }
+
+    @for $i from 2 through number_of_stars() {
+      &.star-rating-#{$i}:hover + i {
+        width: 100% * $i/number_of_stars();
+      }
+    }
+
+    &:checked + i {
+      opacity: 1;
+    }
+
+    @for $i from 2 through number_of_stars() {
+      &.star-rating-#{$i}:checked + i {
+        width: 100% * $i/number_of_stars();
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/star_rating/_defaults.scss

@@ -0,0 +1,4 @@
+$star-rating-url-empty: false !default;
+$star-rating-url-full: false !default;
+
+@import 'star_rating/settings';

data/vendor/assets/stylesheets/star_rating/_settings.scss

@@ -0,0 +1,51 @@
+// Here is where you can override the settings and color information for your stars
+// Default values are shown
+
+//****************************     SIZE    *******************************//
+$default-star-rating-height: 30px;
+$star-rating-spacing: 0;
+
+
+//********************     EMPTY STAR DESCRIPTION     ********************//
+$star-rating-color-empty: rgba(128, 128, 128, .3);
+$star-rating-outline-color-empty: #888888;
+
+
+//****************     OUTLINE WIDTH (for both stars)     ****************//
+$star-rating-outline-width: 1;
+
+
+//**********     FULL(selected or checked) STAR DESCRIPTION     **********//
+// Change these for left-to-right gradient
+$star-rating-fill-start-x: 0%;
+$star-rating-fill-finish-x: 0%;
+
+// Change these for top-to-bottom gradient
+$star-rating-fill-start-y: 10%;
+$star-rating-fill-finish-y: 90%;
+
+// Define start and finish color for gradient for
+//   For solid color, define $star-rating-fill-color-finish below
+//   and set all start and finish values above to 0%
+//   NOTE: rgba colors can be used if transparency is desired.
+$star-rating-fill-color-start: #ffdf88;
+$star-rating-fill-color-finish: #ff9870;
+
+// Being set to 'none' (default) results in no outline on full star
+$star-rating-outline-color-full: none;
+
+
+//********************     OVERRIDE URL of IMAGES     ********************//
+// Override the URLs with any image desired, either with a path or
+//   inline image or SVG.  Overriding these will cause all other
+//   settings to be meaningless, with the exception of
+//   $default-star-rating-height
+
+//   NOTE: Be sure to override both!
+//   E.g. these heart icons, which are packaged in vendor/assets and
+//   you are of course welcome to use:
+//     $star-rating-url-empty: '/assets/star_rating/heart-icon-empty.png';
+//     $star-rating-url-full: '/assets/star_rating/heart-icon-full.png';
+
+//   NOTE: The canvas size of the image (be it png or SVG or other)
+//   must be perfectly square in order to display properly

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: star_rating
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - John Lawrence
@@ -94,8 +94,8 @@ dependencies:
     - - '>='
       - !ruby/object:Gem::Version
         version: '0'
-description: Makes it easy to place star-rating inputs into any web app. Configurable
-  appearance, number and value of stars
+description: Makes it easy to place star-rating inputs into any Rails app. Configurable
+  appearance, number and value of stars.
 email:
 - johnonrails@gmail.com
 executables: []
@@ -112,6 +112,11 @@ files:
 - lib/star_rating/version.rb
 - lib/star_rating.rb
 - lib/tasks/star_rating_tasks.rake
+- vendor/assets/images/star_rating/heart-icon-empty.png
+- vendor/assets/images/star_rating/heart-icon-full.png
+- vendor/assets/stylesheets/star_rating/_defaults.scss
+- vendor/assets/stylesheets/star_rating/_settings.scss
+- vendor/assets/stylesheets/star_rating.scss
 - MIT-LICENSE
 - Rakefile
 - README.md