volt-easypiechart 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d480b9c6a327d12d77777b5b1db904cd83132faf
-  data.tar.gz: a8e79c5dd89b07ece5850f03b0a0f2929f6e3901
+  metadata.gz: 7cba5456dfdd26aa15c1a63f069bc57e300408e6
+  data.tar.gz: b3aa0ee0e2382318d7f53a998b7e99db7b704412
 SHA512:
-  metadata.gz: e22a72e5bba7f3eb90084b926d38bcdc194bb9f12d17ce3acfee3014082414252d385ffefa67c7d4c3082c4f13ca4a77ecf7feaf0a851bf537e958a751d14577
-  data.tar.gz: b2ab2bbad92d3b619a0a3c24cc79bc0bdc1cf3935c150c638f1521ee76836de3ec0d4a5347ec2ecbe32acc1fd4f3e6641974fbdb88a39e19eb2bcdf9127bcec8
+  metadata.gz: 38ce6243c02ba0ef26809a00940c678fa0fc2751fe412e56bdc4e5d6637c28f197435671c4e25acc516b779b0dc7c38d345f24335d2253dfc81f8247bd712af7
+  data.tar.gz: ee83067bb442d74a93ae1acf91dbb5c96b8b77224c36e3b6cfcfc831d252298c85c8ffce905d4d2ef7c8813f126689084a3bcf9fc46f1dfb97a9088783080853

data/app/easypiechart/assets/css/main.css.scss

@@ -0,0 +1,29 @@
+.easy-pie {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  .percent {
+    display: inline-block;
+    vertical-align: middle;
+    z-index: 2;
+    font-size: 1.2em;
+  }
+  .percent:after {
+    content: '%';
+    margin-left: 0.1em;
+    font-size: .9em;
+  }
+  .label {
+    text-align: center;
+    color: #333;
+    font-weight: 300;
+    font-size: 1.2em;
+    margin: 0;
+    padding: 0;
+  }
+}

data/app/easypiechart/controllers/main_controller.rb

@@ -3,11 +3,17 @@ module Easypiechart
 
     def index_ready
       @watches = []
-      @elem = `$("#" + #{first_element}.id)`
+      @elem = `$(#{first_element}).children().first()`
       if @elem
         if attrs.options
           begin
             JSON.parse(attrs.options).each do |option, value|
+              if option == 'size'
+                value_in_px = "#{value}px"
+                `#{@elem}.css("height",#{value_in_px});`
+                `#{@elem}.css("width",#{value_in_px});`
+                `#{@elem}.css("line-height",#{value_in_px});`
+              end
               `#{@elem}.data(#{option}, #{value})`
             end
           rescue Object => e
@@ -21,7 +27,9 @@ module Easypiechart
 
     def update_value
       if @elem
-        `#{@elem}.data('easyPieChart').update(#{attrs.percent})`
+        attrs.percent.then do |percent|
+          `#{@elem}.data('easyPieChart').update(#{percent})`
+        end
       end
     end
 

data/app/easypiechart/views/main/index.html

@@ -1,7 +1,9 @@
 <:Body>
   <div class="easy-pie {{ attrs.classes }}" data-percent="{{ attrs.percent }}">
-    <div class="percent">{{ attrs.percent }}</div>
+    <div class="chart">
+      <div class="percent">{{ attrs.percent }}</div>
+    </div>
     {{ if attrs.pie_title }}
-      <div class="pie-title">{{ attrs.pie_title }}</div>
+      <div class="label">{{ attrs.pie_title }}</div>
     {{ end }}
   </div>

data/lib/volt/easypiechart/version.rb

@@ -1,5 +1,5 @@
 module Volt
   module Easypiechart
-    VERSION = "0.2.0"
+    VERSION = "0.3.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: volt-easypiechart
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Matt Hale
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-09-22 00:00:00.000000000 Z
+date: 2016-01-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: volt
@@ -206,6 +206,7 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/easypiechart/assets/css/main.css.scss
 - app/easypiechart/assets/js/jquery.easypiechart.js
 - app/easypiechart/config/dependencies.rb
 - app/easypiechart/config/initializers/boot.rb