kolor-picker 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- 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: []
|