circular-sliders-rails 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: 31122b5abeb5f8ae74e2d4c0a92484c5b3d153fe
4
- data.tar.gz: 5e33f54ce5d044aa9c345c15ca90d5e8c1aa6182
2
+ SHA256:
3
+ metadata.gz: 1f2e6e0f89cc1eab4359e3134dffb3edb3a7456872aea2c1edeedc2cd31a0cae
4
+ data.tar.gz: 8ae66273d4e1d42ac7892a00e0a08412c6265b1d548a20777bb283beb3c82574
5
5
  SHA512:
6
- metadata.gz: fa19cb7891ee504f3cf0e6892115848ccb1d6b8bed5326771d280545c10bc2a4a04f34f53005f27086d40ee9f73489a34bf88370faf1cb839e569edeae97fe5f
7
- data.tar.gz: dc712f92d0229db9cf2795ba551ea32a5b4a8cace9949f9196bba670f707850c4bf7230af1ebe23efd55bc53e67a4a1b3e69449b47465b83eaecdbc53bf5c07d
6
+ metadata.gz: 86eb821cc7fe29cfd0a4c7edb5aaee15b48f50fb15d22580b5f27caa6ff821a7f1ee07ce59d6fe51a5208c513bb56c4b712f32b3e13de31ef3b3be6b9c68def2
7
+ data.tar.gz: cdcbcb7cb4890d727c8112565abddfc25fba3f4430940434d0f49713114e5b80de3af470bf250ce47be228f717a7866035d92d98b1405dfad28fa5f1f6b77ec5
data/README.md CHANGED
@@ -83,34 +83,45 @@ Use jQuery to add circular sliders to the canvas area. Pass slider settings as o
83
83
 
84
84
  Slider settings:
85
85
 
86
- | Name | Type | Default | Description |
87
- | --------------- | ------ | ------------------------ | ---------------------------------------------------------------------- |
88
- | name | String | Slider n | Name your slider |
89
- | centerX | Float | Center of Canvas | Specify the x value of where you'd like the center of the slider to be |
90
- | centerY | Float | Center of Canvas | Specify the y value of where you'd like the center of the slider to be |
91
- | color | String | "#0000FF" | Specify the color of the arc fill |
92
- | minValue | Float | 0 | The minimum value of your slider |
93
- | maxValue | Float | 0 | The maximum value of your slider |
94
- | step | Float | 10 | The amount the value is incremented |
95
- | units | String | "" | The units your value is displayed in |
96
- | radius | Float | 40 or (prevRadius +≈ 15) | The radius of your slider |
97
- | lineDashLength | Float | 5 | The arc length of each dash of your slider |
98
- | lineDashSpacing | Float | 5 | The arc spacing length of each dash of your slider |
99
- | lineWidth | Float | 5 | The arc spacing length of each dash of your slider |
100
- | strokeColor | String | "#D3D3D3" | The color of the dashes on the slider |
101
- | ballColor | String | "#000000" | The color of the slider ball |
102
- | textColor | String | "#000000" | The color of the slider label (name, value and units) |
86
+ | Name | Type | Default | Description |
87
+ | --------------- | ------ | ----------------------------------- | ------------------------------------------------------ |
88
+ | name | String | Slider n | Name your slider |
89
+ | centerX | Float | Center of canvas or previous slider | Specify the x value for the center of the slider |
90
+ | centerY | Float | Center of canvas or previous slider | Specify the y value for the center of the slider |
91
+ | color | String | "#0000FF" | Specify the color of the arc fill |
92
+ | minValue | Float | 0 | The minimum value of your slider |
93
+ | maxValue | Float | 0 | The maximum value of your slider |
94
+ | step | Float | 10 | The amount the value is incremented |
95
+ | units | String | "" | The units your value is displayed in |
96
+ | radius | Float | 40 or previous slider radius +≈ 15 | The radius of your slider |
97
+ | lineDashLength | Float | 5 | The arc length of each dash of your slider |
98
+ | lineDashSpacing | Float | 5 | The arc spacing length of each dash of your slider |
99
+ | lineWidth | Float | 5 | The slider and arc width |
100
+ | strokeColor | String | "#D3D3D3" | The color of the dashes on the slider |
101
+ | ballColor | String | "#000000" | The color of the slider ball |
102
+ | textColor | String | "#000000" | The color of the slider label (name, value and units) |
103
103
 
104
104
  Retrieve values of individual sliders by calling:
105
105
 
106
106
  $('#sliders').data('slider_name');
107
107
 
108
+ You should see something like this:
109
+
110
+ ![Circular sliders](/vendor/assets/images/circular-sliders-rails.png)
111
+
108
112
  <!-- ## Development -->
109
113
 
110
114
  <!-- To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org). -->
111
115
 
116
+
112
117
  ## Contributing
113
118
 
119
+ 1. Fork it
120
+ 1. Create your feature branch (`git checkout -b my-new-feature`)
121
+ 1. Commit your changes (`git commit -am 'Add some feature'`)
122
+ 1. Push to the branch (`git push origin my-new-feature`)
123
+ 1. Create new Pull Request
124
+
114
125
  Bug reports and pull requests are welcome on GitHub at https://github.com/speterlin/circular-sliders-rails. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
115
126
 
116
127
 
@@ -1,7 +1,7 @@
1
1
  module Circular
2
2
  module Sliders
3
3
  module Rails
4
- VERSION = "0.1.0"
4
+ VERSION = "0.1.1"
5
5
  end
6
6
  end
7
7
  end
@@ -77,7 +77,6 @@
77
77
  this.value = settings.minValue;
78
78
  // ball starts at top of circle which is - pi / 2
79
79
  this.angle = -(Math.PI / 2);
80
- // maybe refactor
81
80
  this.ball = new Ball (settings);
82
81
  }
83
82
 
@@ -86,7 +85,6 @@
86
85
  // ball starts at top of circle
87
86
  this.y = sliderSettings.centerY - sliderSettings.radius;
88
87
  this.radius = sliderSettings.lineWidth;
89
- // this is not editable option but could be
90
88
  this.color = sliderSettings.ballColor;
91
89
  }
92
90
 
@@ -130,7 +128,8 @@
130
128
  ctx.arc(slider.centerX, slider.centerY, slider.radius, -(Math.PI / 2), endAngle, false);
131
129
  ctx.lineWidth = slider.lineWidth;
132
130
  ctx.strokeStyle = slider.color;
133
- ctx.setLineDash([0, 0]);
131
+ // have to set lineDashLength to a number > 0 for arc to be completely full in browsers like Safari, set it arbitrarily to 10 here
132
+ ctx.setLineDash([10, 0]);
134
133
  ctx.stroke();
135
134
  ctx.closePath();
136
135
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: circular-sliders-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sebastian Peterlin
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2018-04-28 00:00:00.000000000 Z
11
+ date: 2018-05-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -87,6 +87,7 @@ files:
87
87
  - circular-sliders-rails.gemspec
88
88
  - lib/circular/sliders/rails.rb
89
89
  - lib/circular/sliders/rails/version.rb
90
+ - vendor/assets/images/circular-sliders-rails.png
90
91
  - vendor/assets/javascripts/circular-sliders.js
91
92
  homepage: https://github.com/speterlin/circular-sliders-rails
92
93
  licenses:
@@ -109,7 +110,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
109
110
  version: '0'
110
111
  requirements: []
111
112
  rubyforge_project:
112
- rubygems_version: 2.5.1
113
+ rubygems_version: 2.7.6
113
114
  signing_key:
114
115
  specification_version: 4
115
116
  summary: Draw concentric circles and responsively set each value.