Netsyms/colorPicker
2
0
Fork 0
mirror of https://github.com/PitPik/colorPicker.git synced 2025-09-24 16:40:57 -06:00
Code Issues Releases Wiki Activity

Add namespace

Browse Source 
Add a namespace to allow storing the colorpicker into "namespace" instead "window".
Need: create the variable CPNamespace before calling executing the script.
This commit is contained in:
Ruben Almeida 2017-01-27 00:14:56 +01:00 committed by GitHub
parent 3341878f17
commit b307eaeeae
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
javascript_implementation/jsColor.js
View File

@ -1,5 +1,5 @@
(function (window) { (function (window, namespace) {
window.jsColorPicker = function(selectors, config) { namespace.jsColorPicker = function(selectors, config) {
var renderCallback = function(colors, mode) { var renderCallback = function(colors, mode) {
var options = this, var options = this,
input = options.input, input = options.input,
@ -54,18 +54,18 @@
); );
} }
cookieTXT = '\'' + cookieTXT.join('\',\'') + '\''; cookieTXT = '\'' + cookieTXT.join('\',\'') + '\'';
ColorPicker.docCookies('colorPickerMemos' + (options.noAlpha ? 'NoAlpha' : ''), cookieTXT); namespace.ColorPicker.docCookies('colorPickerMemos' + (options.noAlpha ? 'NoAlpha' : ''), cookieTXT);
} else if (action === 'resizeApp') { } else if (action === 'resizeApp') {
ColorPicker.docCookies('colorPickerSize', colorPicker.color.options.currentSize); namespace.ColorPicker.docCookies('colorPickerSize', colorPicker.color.options.currentSize);
} else if (action === 'modeChange') { } else if (action === 'modeChange') {
var mode = colorPicker.color.options.mode; var mode = colorPicker.color.options.mode;
ColorPicker.docCookies('colorPickerMode', mode.type + '-' + mode.z); namespace.ColorPicker.docCookies('colorPickerMode', mode.type + '-' + mode.z);
} }
}, },
createInstance = function(elm, config) { createInstance = function(elm, config) {
var initConfig = { var initConfig = {
klass: window.ColorPicker, klass: namespace.ColorPicker,
input: elm, input: elm,
patch: elm, patch: elm,
isIE8: !!document.all && !document.addEventListener, // Opera??? isIE8: !!document.all && !document.addEventListener, // Opera???
@ -77,14 +77,14 @@
/* --- regular colorPicker options from this point --- */ /* --- regular colorPicker options from this point --- */
color: extractValue(elm), color: extractValue(elm),
initStyle: 'display: none', initStyle: 'display: none',
mode: ColorPicker.docCookies('colorPickerMode') || 'hsv-h', mode: namespace.ColorPicker.docCookies('colorPickerMode') || 'hsv-h',
// memoryColors: (function(colors, config) { // memoryColors: (function(colors, config) {
// return config.noAlpha ? // return config.noAlpha ?
// colors.replace(/\,\d*\.*\d*\)/g, ',1)') : colors; // colors.replace(/\,\d*\.*\d*\)/g, ',1)') : colors;
// })($.docCookies('colorPickerMemos'), config || {}), // })($.docCookies('colorPickerMemos'), config || {}),
memoryColors: ColorPicker.docCookies('colorPickerMemos' + memoryColors: namespace.ColorPicker.docCookies('colorPickerMemos' +
((config || {}).noAlpha ? 'NoAlpha' : '')), ((config || {}).noAlpha ? 'NoAlpha' : '')),
size: ColorPicker.docCookies('colorPickerSize') || 1, size: namespace.ColorPicker.docCookies('colorPickerSize') || 1,
renderCallback: renderCallback, renderCallback: renderCallback,
actionCallback: actionCallback actionCallback: actionCallback
}; };
@ -96,10 +96,10 @@
}, },
doEventListeners = function(elm, multiple, off) { doEventListeners = function(elm, multiple, off) {
var ie8 = !document.addEventListener, var ie8 = !document.addEventListener,
onOff = off ? (ie8?'detachEvent':'removeEventListener') : (ie8?'attachEvent':'addEventListener'), onOff = off ? (ie8?'detachEvent':'removeEventListener') : (ie8?'attachEvent':'addEventListener'),
focusListener = function(e) { focusListener = function(e) {
var input = this, var input = this,
position = window.ColorPicker.getOrigin(input), position = namespace.ColorPicker.getOrigin(input),
index = multiple ? Array.prototype.indexOf.call(elms, this) : 0, index = multiple ? Array.prototype.indexOf.call(elms, this) : 0,
colorPicker = colorPickers[index] || colorPicker = colorPickers[index] ||
(colorPickers[index] = createInstance(this, config)), (colorPickers[index] = createInstance(this, config)),
@ -136,7 +136,7 @@
colorPickerUI = (colorPicker ? colorPicker.nodes.colorPicker : undefined), colorPickerUI = (colorPicker ? colorPicker.nodes.colorPicker : undefined),
animationSpeed = colorPicker ? colorPicker.color.options.animationSpeed : 0, animationSpeed = colorPicker ? colorPicker.color.options.animationSpeed : 0,
isColorPicker = colorPicker && (function(elm) { isColorPicker = colorPicker && (function(elm) {
while (elm) { while (elm && elm instanceof HTMLElement) {
if ((elm.className || '').indexOf('cp-app') !== -1) return elm; if ((elm.className || '').indexOf('cp-app') !== -1) return elm;
elm = elm.parentNode; elm = elm.parentNode;
} }
@ -167,11 +167,11 @@
} }
}, },
// this is a way to prevent data binding on HTMLElements // this is a way to prevent data binding on HTMLElements
colorPickers = window.jsColorPicker.colorPickers || [], colorPickers = namespace.jsColorPicker.colorPickers || [],
elms = document.querySelectorAll(selectors), elms = document.querySelectorAll(selectors),
testColors = new window.Colors({customBG: config.customBG, allMixDetails: true}); testColors = new namespace.Colors({customBG: config.customBG, allMixDetails: true});
window.jsColorPicker.colorPickers = colorPickers; namespace.jsColorPicker.colorPickers = colorPickers;
for (var n = 0, m = elms.length; n < m; n++) { for (var n = 0, m = elms.length; n < m; n++) {
var elm = elms[n]; var elm = elms[n];
@ -197,10 +197,10 @@
} }
}; };
return window.jsColorPicker.colorPickers; return namespace.jsColorPicker.colorPickers;
}; };
window.ColorPicker.docCookies = function(key, val, options) { namespace.ColorPicker.docCookies = function(key, val, options) {
var encode = encodeURIComponent, decode = decodeURIComponent, var encode = encodeURIComponent, decode = decodeURIComponent,
cookies, n, tmp, cache = {}, cookies, n, tmp, cache = {},
days; days;
@ -234,4 +234,4 @@
(options.secure ? '; secure' : ''); (options.secure ? '; secure' : '');
} }
}; };
})(this); })(this, CPNamespace||window);