Index: ctools/js/stylizer.js
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
<+>\n(function ($) {\n Drupal.CTools = Drupal.CTools || {};\n Drupal.CTools.Stylizer = {};\n\n Drupal.CTools.Stylizer.addFarbtastic = function(context) {\n // This behavior attaches by ID, so is only valid once on a page.\n if ($('ctools_stylizer_color_scheme_form .color-form.Stylizer-processed').size()) {\n return;\n }\n\n var form = $('.color-form', context);\n var inputs = [];\n var hooks = [];\n var locks = [];\n var focused = null;\n\n // Add Farbtastic\n $(form).prepend('').addClass('color-processed');\n var farb = $.farbtastic('#placeholder');\n\n // Decode reference colors to HSL\n /*var reference = Drupal.settings.Stylizer.reference.clone();\n for (i in reference) {\n reference[i] = farb.RGBToHSL(farb.unpack(reference[i]));\n } */\n\n // Set up colorscheme selector\n $('#edit-scheme', form).change(function () {\n var colors = this.options[this.selectedIndex].value;\n if (colors != '') {\n colors = colors.split(',');\n for (i in colors) {\n callback(inputs[i], colors[i], false, true);\n }\n }\n });\n\n /**\n * Shift a given color, using a reference pair (ref in HSL).\n *\n * This algorithm ensures relative ordering on the saturation and luminance\n * axes is preserved, and performs a simple hue shift.\n *\n * It is also symmetrical. If: shift_color(c, a, b) == d,\n * then shift_color(d, b, a) == c.\n */\n function shift_color(given, ref1, ref2) {\n // Convert to HSL\n given = farb.RGBToHSL(farb.unpack(given));\n\n // Hue: apply delta\n given[0] += ref2[0] - ref1[0];\n\n // Saturation: interpolate\n if (ref1[1] == 0 || ref2[1] == 0) {\n given[1] = ref2[1];\n }\n else {\n var d = ref1[1] / ref2[1];\n if (d > 1) {\n given[1] /= d;\n }\n else {\n given[1] = 1 - (1 - given[1]) * d;\n }\n }\n\n // Luminance: interpolate\n if (ref1[2] == 0 || ref2[2] == 0) {\n given[2] = ref2[2];\n }\n else {\n var d = ref1[2] / ref2[2];\n if (d > 1) {\n given[2] /= d;\n }\n else {\n given[2] = 1 - (1 - given[2]) * d;\n }\n }\n\n return farb.pack(farb.HSLToRGB(given));\n }\n\n /**\n * Callback for Farbtastic when a new color is chosen.\n */\n function callback(input, color, propagate, colorscheme) {\n // Set background/foreground color\n $(input).css({\n backgroundColor: color,\n 'color': farb.RGBToHSL(farb.unpack(color))[2] > 0.5 ? '#000' : '#fff'\n });\n\n // Change input value\n if (input.value && input.value != color) {\n input.value = color;\n\n // Update locked values\n if (propagate) {\n var i = input.i;\n for (j = i + 1; ; ++j) {\n if (!locks[j - 1] || $(locks[j - 1]).is('.unlocked')) break;\n var matched = shift_color(color, reference[input.key], reference[inputs[j].key]);\n callback(inputs[j], matched, false);\n }\n for (j = i - 1; ; --j) {\n if (!locks[j] || $(locks[j]).is('.unlocked')) break;\n var matched = shift_color(color, reference[input.key], reference[inputs[j].key]);\n callback(inputs[j], matched, false);\n }\n\n }\n\n // Reset colorscheme selector\n if (!colorscheme) {\n resetScheme();\n }\n }\n\n }\n\n /**\n * Reset the color scheme selector.\n */\n function resetScheme() {\n $('#edit-scheme', form).each(function () {\n this.selectedIndex = this.options.length - 1;\n });\n }\n\n // Focus the Farbtastic on a particular field.\n function focus() {\n var input = this;\n // Remove old bindings\n focused && $(focused).unbind('keyup', farb.updateValue)\n .unbind('keyup', resetScheme)\n .parent().removeClass('item-selected');\n\n // Add new bindings\n focused = this;\n farb.linkTo(function (color) { callback(input, color, true, false); });\n farb.setColor(this.value);\n $(focused).keyup(farb.updateValue).keyup(resetScheme)\n .parent().addClass('item-selected');\n }\n\n // Initialize color fields\n $('#palette input.form-text', form)\n .each(function () {\n // Extract palette field name\n this.key = this.id.substring(13);\n\n // Link to color picker temporarily to initialize.\n farb.linkTo(function () {}).setColor('#000').linkTo(this);\n\n // Add lock\n var i = inputs.length;\n if (inputs.length) {\n var lock = $('').toggle(\n function () {\n $(this).addClass('unlocked');\n $(hooks[i - 1]).attr('class',\n locks[i - 2] && $(locks[i - 2]).is(':not(.unlocked)') ? 'hook up' : 'hook'\n );\n $(hooks[i]).attr('class',\n locks[i] && $(locks[i]).is(':not(.unlocked)') ? 'hook down' : 'hook'\n );\n },\n function () {\n $(this).removeClass('unlocked');\n $(hooks[i - 1]).attr('class',\n locks[i - 2] && $(locks[i - 2]).is(':not(.unlocked)') ? 'hook both' : 'hook down'\n );\n $(hooks[i]).attr('class',\n locks[i] && $(locks[i]).is(':not(.unlocked)') ? 'hook both' : 'hook up'\n );\n }\n );\n $(this).after(lock);\n locks.push(lock);\n };\n\n // Add hook\n var $this = $(this);\n var hook = $('');\n $this.after(hook);\n hooks.push(hook);\n\n $this.parent().find('.lock').click();\n this.i = i;\n inputs.push(this);\n })\n .focus(focus);\n\n $('#palette label', form);\n\n // Focus first color\n focus.call(inputs[0]);\n };\n\n Drupal.behaviors.CToolsColorSettings = {\n attach: function() {\n $('.ctools-stylizer-color-edit:not(.ctools-color-processed)')\n .addClass('ctools-color-processed')\n .each(function() {\n Drupal.CTools.Stylizer.addFarbtastic('#' + $(this).attr('id'));\n });\n\n $('div.form-item div.ctools-style-icon:not(.ctools-color-processed)')\n .addClass('ctools-color-processed')\n .click(function() {\n $widget = $('input', $(this).parent());\n // Toggle if a checkbox, turn on if a radio.\n $widget.attr('checked', !$widget.attr('checked') || $widget.is('input[type=radio]'));\n });\n }\n }\n})(jQuery);\n
===================================================================
--- ctools/js/stylizer.js (revision 8b29a6943d798318a70f4ed4c61e424af972d0f3)
+++ ctools/js/stylizer.js (revision )
@@ -5,7 +5,7 @@
Drupal.CTools.Stylizer.addFarbtastic = function(context) {
// This behavior attaches by ID, so is only valid once on a page.
- if ($('ctools_stylizer_color_scheme_form .color-form.Stylizer-processed').size()) {
+ if ($('#ctools_stylizer_color_scheme_form .color-form.Stylizer-processed').size()) {
return;
}