kolor-picker 0.1.3 → 0.1.4
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 +5 -5
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/kolor-picker/kolor-picker.js +14 -8
- data/lib/kolor-picker/version.rb +1 -1
- metadata +6 -7
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: de43ee703e906ebab3459e9ae6ac87a32213cf9870761c7eea767f275983ba53
|
4
|
+
data.tar.gz: 7ba8eedc16eace6ffd306c827d3a7f956c3b3ddc7475df45cef0c4157c64e08b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e56b89145281bebec5021355f6bed4b8716ac7149e9f511a629852874485fb0854c3a124b1766227a09c7e05f2f0d995f5dd36fcbe87e2f41c12f7f89e9fc5f3
|
7
|
+
data.tar.gz: '09096bf9ead89593dffa323103bfaa470a39bcee44f77ce46e2cb735efcfbc2343499302512ae9b22a6689361276386feab23cac698e4bffd39c3e54fb6df86c'
|
data/CHANGELOG.md
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
/**
|
2
2
|
* [kolor-picker]{@link https://github.com/emn178/kolor-picker}
|
3
3
|
*
|
4
|
-
* @version 0.
|
4
|
+
* @version 0.3.0
|
5
5
|
* @author Yi-Cyuan Chen [emn178@gmail.com]
|
6
|
-
* @copyright Yi-Cyuan Chen 2015-
|
6
|
+
* @copyright Yi-Cyuan Chen 2015-2021
|
7
7
|
* @license MIT
|
8
8
|
*/
|
9
|
-
(function ($) {
|
9
|
+
(function ($) {
|
10
10
|
'use strict';
|
11
11
|
|
12
12
|
var KEY = 'kolor-picker';
|
@@ -26,6 +26,7 @@
|
|
26
26
|
};
|
27
27
|
this.elements = elements;
|
28
28
|
elements.sampler.click(this.enableSampler.bind(this));
|
29
|
+
elements.input.change(this.onInputChange.bind(this));
|
29
30
|
|
30
31
|
this.sampling = false;
|
31
32
|
this.lastToggled = false;
|
@@ -40,6 +41,10 @@
|
|
40
41
|
this.colorPicker.toggle(false);
|
41
42
|
};
|
42
43
|
|
44
|
+
Wrapper.prototype.onInputChange = function () {
|
45
|
+
this.kolorPicker.setColor(this.elements.input.val());
|
46
|
+
};
|
47
|
+
|
43
48
|
Wrapper.prototype.setKolorPicker = function (kolorPicker) {
|
44
49
|
this.kolorPicker = kolorPicker;
|
45
50
|
this.element.attr('data-theme', kolorPicker.theme);
|
@@ -131,7 +136,7 @@
|
|
131
136
|
this.element.trigger('kolorPicker:change', color)
|
132
137
|
};
|
133
138
|
|
134
|
-
KolorPicker.prototype.setColor = function (color) {
|
139
|
+
KolorPicker.prototype.setColor = function (color) {
|
135
140
|
this.color = color;
|
136
141
|
this.element.css('background-color', color);
|
137
142
|
if (wrapper) {
|
@@ -150,8 +155,11 @@
|
|
150
155
|
},
|
151
156
|
|
152
157
|
renderCallback: function (element, toggled) {
|
153
|
-
|
154
|
-
|
158
|
+
var kolorPicker = $(element).data(KEY);
|
159
|
+
if (kolorPicker) {
|
160
|
+
wrapper.setKolorPicker(kolorPicker);
|
161
|
+
wrapper.render(toggled);
|
162
|
+
}
|
155
163
|
}
|
156
164
|
};
|
157
165
|
|
@@ -181,5 +189,3 @@
|
|
181
189
|
theme: ''
|
182
190
|
};
|
183
191
|
})(jQuery);
|
184
|
-
|
185
|
-
$.kolorPicker.css="[data-theme=light].cp-color-picker{background-color:#fff}[data-theme=light] .kolor-picker .sampler{border-color:#ebebeb;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAgNJREFUWAntlztOw0AURWPRQEPFAgxsBIkGUbABdoBYARsIEhUSDQ0dG0A07AAKGjoa5FAg0VIB4neulBdNRmM7CfHYkeZKV/O15/hl/Mbp9ZJSBFIEUgS6HIFV4Pr4Dt/jU7yGO6kcqif86/mFduegc6AK7MNaW5GOrowVlwOr5vQV2OBCpbZHVO2y2iv+wmd4CUs5LnAI0u3Tno6mPVb6xC7AJe1NXHj97hy33mdeFO2wig9rIO+MWb2q1Iuo7BFFA1apgqkbK7g+x1Gkl+wN10GVjRdcm+NK2ctQOWnKwe0p52u6fpktXODoOmfFsiiG+gvm57gVbbCqohUCC/XpRVT2aEWCfcYCU/69HtZDoG6fUl4TW5PblmudIYusYPeHU08oXbiyug6XaCqDNYBJoPWQoWPc7jG3sg7WFqrbHjrGM5vcVDkprLaHIli2HT4Y07dHo5oFdgCRn/IEq2+PRjUrrK6TjrBORD2Avj0a1X9hDS6zSpPlvGCbZBzdO8GOQjHnykJFdoWHf8TKn+5x68dEefZ7OG9AqYdsRcesKtgfbN8GPoh7KLQKK7AHLOALNQLqFKz47O/O4SLAivEWK8I3ajjqXGSN7YCKgA1akdb20J5WX+t7FoYxZbSusEG7pbJHa9lgjNJrCFqR1vbQntaLqOyhlJeUIpAikCLQwQj8Ad75Juue3l4FAAAAAElFTkSuQmCC)}[data-theme=light] .kolor-picker input{border-color:#ebebeb;color:#85888f}[data-theme=light] .kolor-picker .preview{border-color:#ebebeb}.cp-color-picker{background-color:#2f3239;border-radius:3px}.cp-xy-slider{width:240px;height:178px}.cp-xy-cursor{height:15px;width:15px;border:2px solid #fff}.cp-z-slider{height:178px}.cp-z-cursor{border:0;background-color:#fff;height:8px;border-radius:3px}.kolor-picker .sampler,.kolor-picker input{border:2px solid #555b60;vertical-align:middle}.kolor-picker{clear:both;height:35px;margin:10px 0;padding-top:5px}.kolor-picker .sampler{display:inline-block;width:26px;height:26px;border-radius:3px;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAhZJREFUWAntl7FOwlAUhkEXWZzcBXkZ4sAL8AaGF9AXwMSJxMWFzRcwLmyOOrC4uRh1MLoaBzVq/f6mxzQX2oKWtsZ7kp/b3nt7z9ef01uo1Xx4B7wD3gHvwL91IAiCdTRAF2iChmijkoYA1kTXyI17OqoFDZBgb1zS2PmwcJdJXkdrbmL6smDFPXGvs/MVO8izJeE26z2gZ44P0arWp23SnKFNlBbvaYO5jgHVRW8oHsectFFaGcTnD3KFSlqMjB3kwhrIix1ktHoQ15Ny5NpPotsMmKxhfQPNXKGSFiORHrKnLKKU8eJg7SaA2U0BShsqHjYGfZRGNmOsVNgtgBapYz2IbbvZQlsSC/YOKd7RaXiU/aEtL9ynCwMmYQuZs4LtKTntAZonDkuHNQBo54HWTU69xm2N3FqSzHTWTcC8rPJ4ZE7dvS7X8wVge8yVg0nxyoB+eywvSDCvs3FY1bi75Qm2uzxSVv4FbEtgXL+H9EbUDXQqDWtwgC63XiNnfloGobMGW0iLIx52KU7/NWcbAF8hxffr1nWGMW1dH5pE6MkvvmYFReJ9ERCfKPxtkABrL4XyYCPgyxA3CEYuaDTuvhTKcdbggLW/O33rs1aOo2o4G4M6jxweW5/aSsJGYDsRsJox6qMRUk0ryq3ZuIsRcB2okxBt+kO7R7k16wLHoOW0ykM1rQdRu0dj1nzf5x3wDmQ78AUqu6QCF8YEagAAAABJRU5ErkJggg==);background-size:22px;background-repeat:no-repeat;background-position:center;opacity:.5}.kolor-picker .sampler:hover{opacity:1}.kolor-picker .preview-block{display:inline-block;vertical-align:middle;float:right}.kolor-picker input{height:26px;width:150px;background-color:transparent;padding:0;margin:0 10px 0 0;border-radius:3px;text-align:center;color:#fff;font-size:14px;font-family:SourceSansPro-Regular}.kolor-picker .preview-wrapper{display:inline-block;width:31px;height:26px;border:2px solid #555b60;border-radius:3px;vertical-align:middle;background-image:url(data:image/gif;base64,R0lGODlhDAAMAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAwAAAIWhB+ph5ps3IMyQFBvzVRq3zmfGC5QAQA7)}.kolor-picker .preview{height:100%}";
|
data/lib/kolor-picker/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: kolor-picker
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Chen, Yi-Cyuan
|
8
|
-
autorequire:
|
8
|
+
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2021-07-15 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: actionview
|
@@ -125,7 +125,7 @@ homepage: https://github.com/emn178/kolor-picker-rails
|
|
125
125
|
licenses:
|
126
126
|
- MIT
|
127
127
|
metadata: {}
|
128
|
-
post_install_message:
|
128
|
+
post_install_message:
|
129
129
|
rdoc_options: []
|
130
130
|
require_paths:
|
131
131
|
- lib
|
@@ -140,9 +140,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
140
140
|
- !ruby/object:Gem::Version
|
141
141
|
version: '0'
|
142
142
|
requirements: []
|
143
|
-
|
144
|
-
|
145
|
-
signing_key:
|
143
|
+
rubygems_version: 3.0.8
|
144
|
+
signing_key:
|
146
145
|
specification_version: 4
|
147
146
|
summary: Integrate with kolor-picker to provide color picker and form helper.
|
148
147
|
test_files: []
|