lolita 3.3.4 → 3.3.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/lolita/PIE-custom.htc +87 -87
  3. data/app/assets/stylesheets/lolita/PIE.htc +81 -81
  4. data/app/assets/stylesheets/lolita/application.css +6 -6
  5. data/app/assets/stylesheets/lolita/default.css.erb +169 -169
  6. data/app/assets/stylesheets/lolita/jquery-ui-1.8.16.lolita.css.erb +567 -567
  7. data/app/controllers/lolita/field_data_controller.rb~ +45 -0
  8. data/app/helpers/components/lolita/configuration/list_component.rb +10 -10
  9. data/app/views/components/lolita/configuration/column/_first.html.haml +1 -1
  10. data/app/views/components/lolita/configuration/column/header/_first.html.haml +1 -1
  11. data/app/views/components/lolita/configuration/column/header/_sort.html.haml +6 -6
  12. data/app/views/components/lolita/configuration/columns/header/_display.html.haml +5 -5
  13. data/app/views/components/lolita/configuration/field/array/autocomplete/_display.html.haml~ +16 -0
  14. data/app/views/components/lolita/configuration/field/array/checkbox/_display.html.haml +7 -7
  15. data/app/views/components/lolita/configuration/filter/_display.html.haml +2 -2
  16. data/app/views/components/lolita/configuration/filter/_display.html.haml~ +9 -0
  17. data/app/views/components/lolita/configuration/search/_display.html.haml +2 -2
  18. data/app/views/kaminari/lolita/_first_page.html.erb +11 -11
  19. data/app/views/kaminari/lolita/_gap.html.erb +8 -8
  20. data/app/views/kaminari/lolita/_last_page.html.erb +11 -11
  21. data/app/views/kaminari/lolita/_next_page.html.erb +11 -11
  22. data/app/views/kaminari/lolita/_page.html.erb +12 -12
  23. data/app/views/kaminari/lolita/_paginator.html.erb +23 -23
  24. data/app/views/kaminari/lolita/_prev_page.html.erb +11 -11
  25. data/app/views/lolita/info/index.html.erb +232 -232
  26. data/lib/lolita/adapter/field_helper.rb +18 -18
  27. data/lib/lolita/configuration/field/big_decimal.rb +12 -12
  28. data/lib/lolita/configuration/field/boolean.rb +12 -12
  29. data/lib/lolita/configuration/field/date.rb +12 -12
  30. data/lib/lolita/configuration/field/hidden.rb +12 -12
  31. data/lib/lolita/configuration/field/integer.rb +11 -11
  32. data/lib/lolita/configuration/field/string.rb +16 -16
  33. data/lib/lolita/configuration/field/time.rb +13 -13
  34. data/lib/lolita/configuration/field_set.rb +25 -25
  35. data/lib/lolita/configuration/filter.rb +1 -7
  36. data/lib/lolita/configuration/filter.rb~ +122 -0
  37. data/lib/lolita/configuration/nested_form.rb +104 -104
  38. data/lib/lolita/configuration/search.rb +104 -104
  39. data/lib/lolita/dbi/base.rb +56 -56
  40. data/lib/lolita/hooks/named_hook.rb +125 -125
  41. data/lib/lolita/lazy_loader.rb +54 -54
  42. data/lib/lolita/navigation/tree.rb +132 -132
  43. data/lib/lolita/ruby_ext/accessors.rb +26 -26
  44. data/lib/lolita/search/simple.rb +75 -75
  45. data/lib/lolita/support/formatter.rb +62 -62
  46. data/lib/lolita/support/formatter/rails.rb +56 -56
  47. data/lib/lolita/test/matchers.rb +77 -77
  48. data/lib/lolita/version.rb +1 -1
  49. data/lib/lolita/version.rb~ +30 -0
  50. data/spec/builder_spec.rb +120 -120
  51. data/spec/configuration/filter_spec.rb +1 -30
  52. data/spec/configuration/filter_spec.rb~ +167 -0
  53. data/spec/rails_app/app/controllers/application_controller.rb +3 -3
  54. data/spec/rails_app/app/helpers/application_helper.rb +3 -3
  55. data/spec/rails_app/app/mongoid/address.rb +7 -7
  56. data/spec/rails_app/app/mongoid/comment.rb +5 -5
  57. data/spec/rails_app/app/mongoid/preference.rb +5 -5
  58. data/spec/rails_app/app/mongoid/profile.rb +13 -13
  59. data/spec/rails_app/app/mongoid/tag.rb +3 -3
  60. data/spec/rails_app/app/views/components/lolita/configuration/list/_body_cell.html.erb +1 -1
  61. data/spec/rails_app/config/environment.rb +5 -5
  62. data/spec/rails_app/config/environments/production.rb +37 -37
  63. data/spec/rails_app/config/environments/test.rb +37 -37
  64. data/spec/rails_app/config/initializers/backtrace_silencers.rb +7 -7
  65. data/spec/rails_app/config/initializers/inflections.rb +2 -2
  66. data/spec/rails_app/config/initializers/secret_token.rb +1 -1
  67. data/spec/rails_app/lib/lolita/configuration/field/my_custom_collection.rb +13 -13
  68. data/spec/rails_app/log/development.log +753 -14016
  69. data/spec/rails_app/public/javascripts/jquery-1.5.1.min.js +15 -15
  70. data/spec/rails_app/public/javascripts/lolita/main.js +6 -6
  71. data/spec/rails_app/public/javascripts/modernizr-1.7.min.js +1 -1
  72. data/spec/rails_app/public/javascripts/rails.js +137 -137
  73. data/spec/rails_app/public/javascripts/tinymce/langs/en.js +221 -221
  74. data/spec/rails_app/public/javascripts/tinymce/license.txt +504 -504
  75. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/about.htm +52 -52
  76. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/anchor.htm +26 -26
  77. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/charmap.htm +51 -51
  78. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/color_picker.htm +74 -74
  79. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/editor_template_src.js +1328 -1328
  80. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/image.htm +80 -80
  81. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/about.js +73 -73
  82. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/anchor.js +42 -42
  83. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/charmap.js +354 -354
  84. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/color_picker.js +329 -329
  85. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/image.js +247 -247
  86. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/link.js +153 -153
  87. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/source_editor.js +56 -56
  88. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/langs/en.js +68 -68
  89. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/langs/en_dlg.js +53 -53
  90. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/link.htm +57 -57
  91. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/shortcuts.htm +47 -47
  92. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/content.css +66 -66
  93. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/dialog.css +117 -117
  94. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/ui.css +988 -988
  95. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/source_editor.htm +25 -25
  96. data/spec/rails_app/public/javascripts/tinymce/tiny_mce_popup.js +4 -4
  97. data/spec/rails_app/public/stylesheets/lolita/default.css +169 -169
  98. data/spec/rails_app/public/stylesheets/lolita/style.css +214 -214
  99. data/vendor/assets/javascripts/jquery-numeric.js +279 -279
  100. data/vendor/assets/javascripts/modernizr_1_7_min.js +1 -1
  101. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/content.css +66 -66
  102. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/dialog.css +117 -117
  103. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/ui.css +988 -988
  104. data/vendor/assets/stylesheets/jquery-ui-1.8.16.custom.css +567 -567
  105. metadata +347 -340
@@ -1,329 +1,329 @@
1
- tinyMCEPopup.requireLangPack();
2
-
3
- var detail = 50, strhex = "0123456789ABCDEF", i, isMouseDown = false, isMouseOver = false;
4
-
5
- var colors = [
6
- "#000000","#000033","#000066","#000099","#0000cc","#0000ff","#330000","#330033",
7
- "#330066","#330099","#3300cc","#3300ff","#660000","#660033","#660066","#660099",
8
- "#6600cc","#6600ff","#990000","#990033","#990066","#990099","#9900cc","#9900ff",
9
- "#cc0000","#cc0033","#cc0066","#cc0099","#cc00cc","#cc00ff","#ff0000","#ff0033",
10
- "#ff0066","#ff0099","#ff00cc","#ff00ff","#003300","#003333","#003366","#003399",
11
- "#0033cc","#0033ff","#333300","#333333","#333366","#333399","#3333cc","#3333ff",
12
- "#663300","#663333","#663366","#663399","#6633cc","#6633ff","#993300","#993333",
13
- "#993366","#993399","#9933cc","#9933ff","#cc3300","#cc3333","#cc3366","#cc3399",
14
- "#cc33cc","#cc33ff","#ff3300","#ff3333","#ff3366","#ff3399","#ff33cc","#ff33ff",
15
- "#006600","#006633","#006666","#006699","#0066cc","#0066ff","#336600","#336633",
16
- "#336666","#336699","#3366cc","#3366ff","#666600","#666633","#666666","#666699",
17
- "#6666cc","#6666ff","#996600","#996633","#996666","#996699","#9966cc","#9966ff",
18
- "#cc6600","#cc6633","#cc6666","#cc6699","#cc66cc","#cc66ff","#ff6600","#ff6633",
19
- "#ff6666","#ff6699","#ff66cc","#ff66ff","#009900","#009933","#009966","#009999",
20
- "#0099cc","#0099ff","#339900","#339933","#339966","#339999","#3399cc","#3399ff",
21
- "#669900","#669933","#669966","#669999","#6699cc","#6699ff","#999900","#999933",
22
- "#999966","#999999","#9999cc","#9999ff","#cc9900","#cc9933","#cc9966","#cc9999",
23
- "#cc99cc","#cc99ff","#ff9900","#ff9933","#ff9966","#ff9999","#ff99cc","#ff99ff",
24
- "#00cc00","#00cc33","#00cc66","#00cc99","#00cccc","#00ccff","#33cc00","#33cc33",
25
- "#33cc66","#33cc99","#33cccc","#33ccff","#66cc00","#66cc33","#66cc66","#66cc99",
26
- "#66cccc","#66ccff","#99cc00","#99cc33","#99cc66","#99cc99","#99cccc","#99ccff",
27
- "#cccc00","#cccc33","#cccc66","#cccc99","#cccccc","#ccccff","#ffcc00","#ffcc33",
28
- "#ffcc66","#ffcc99","#ffcccc","#ffccff","#00ff00","#00ff33","#00ff66","#00ff99",
29
- "#00ffcc","#00ffff","#33ff00","#33ff33","#33ff66","#33ff99","#33ffcc","#33ffff",
30
- "#66ff00","#66ff33","#66ff66","#66ff99","#66ffcc","#66ffff","#99ff00","#99ff33",
31
- "#99ff66","#99ff99","#99ffcc","#99ffff","#ccff00","#ccff33","#ccff66","#ccff99",
32
- "#ccffcc","#ccffff","#ffff00","#ffff33","#ffff66","#ffff99","#ffffcc","#ffffff"
33
- ];
34
-
35
- var named = {
36
- '#F0F8FF':'Alice Blue','#FAEBD7':'Antique White','#00FFFF':'Aqua','#7FFFD4':'Aquamarine','#F0FFFF':'Azure','#F5F5DC':'Beige',
37
- '#FFE4C4':'Bisque','#000000':'Black','#FFEBCD':'Blanched Almond','#0000FF':'Blue','#8A2BE2':'Blue Violet','#A52A2A':'Brown',
38
- '#DEB887':'Burly Wood','#5F9EA0':'Cadet Blue','#7FFF00':'Chartreuse','#D2691E':'Chocolate','#FF7F50':'Coral','#6495ED':'Cornflower Blue',
39
- '#FFF8DC':'Cornsilk','#DC143C':'Crimson','#00FFFF':'Cyan','#00008B':'Dark Blue','#008B8B':'Dark Cyan','#B8860B':'Dark Golden Rod',
40
- '#A9A9A9':'Dark Gray','#A9A9A9':'Dark Grey','#006400':'Dark Green','#BDB76B':'Dark Khaki','#8B008B':'Dark Magenta','#556B2F':'Dark Olive Green',
41
- '#FF8C00':'Darkorange','#9932CC':'Dark Orchid','#8B0000':'Dark Red','#E9967A':'Dark Salmon','#8FBC8F':'Dark Sea Green','#483D8B':'Dark Slate Blue',
42
- '#2F4F4F':'Dark Slate Gray','#2F4F4F':'Dark Slate Grey','#00CED1':'Dark Turquoise','#9400D3':'Dark Violet','#FF1493':'Deep Pink','#00BFFF':'Deep Sky Blue',
43
- '#696969':'Dim Gray','#696969':'Dim Grey','#1E90FF':'Dodger Blue','#B22222':'Fire Brick','#FFFAF0':'Floral White','#228B22':'Forest Green',
44
- '#FF00FF':'Fuchsia','#DCDCDC':'Gainsboro','#F8F8FF':'Ghost White','#FFD700':'Gold','#DAA520':'Golden Rod','#808080':'Gray','#808080':'Grey',
45
- '#008000':'Green','#ADFF2F':'Green Yellow','#F0FFF0':'Honey Dew','#FF69B4':'Hot Pink','#CD5C5C':'Indian Red','#4B0082':'Indigo','#FFFFF0':'Ivory',
46
- '#F0E68C':'Khaki','#E6E6FA':'Lavender','#FFF0F5':'Lavender Blush','#7CFC00':'Lawn Green','#FFFACD':'Lemon Chiffon','#ADD8E6':'Light Blue',
47
- '#F08080':'Light Coral','#E0FFFF':'Light Cyan','#FAFAD2':'Light Golden Rod Yellow','#D3D3D3':'Light Gray','#D3D3D3':'Light Grey','#90EE90':'Light Green',
48
- '#FFB6C1':'Light Pink','#FFA07A':'Light Salmon','#20B2AA':'Light Sea Green','#87CEFA':'Light Sky Blue','#778899':'Light Slate Gray','#778899':'Light Slate Grey',
49
- '#B0C4DE':'Light Steel Blue','#FFFFE0':'Light Yellow','#00FF00':'Lime','#32CD32':'Lime Green','#FAF0E6':'Linen','#FF00FF':'Magenta','#800000':'Maroon',
50
- '#66CDAA':'Medium Aqua Marine','#0000CD':'Medium Blue','#BA55D3':'Medium Orchid','#9370D8':'Medium Purple','#3CB371':'Medium Sea Green','#7B68EE':'Medium Slate Blue',
51
- '#00FA9A':'Medium Spring Green','#48D1CC':'Medium Turquoise','#C71585':'Medium Violet Red','#191970':'Midnight Blue','#F5FFFA':'Mint Cream','#FFE4E1':'Misty Rose','#FFE4B5':'Moccasin',
52
- '#FFDEAD':'Navajo White','#000080':'Navy','#FDF5E6':'Old Lace','#808000':'Olive','#6B8E23':'Olive Drab','#FFA500':'Orange','#FF4500':'Orange Red','#DA70D6':'Orchid',
53
- '#EEE8AA':'Pale Golden Rod','#98FB98':'Pale Green','#AFEEEE':'Pale Turquoise','#D87093':'Pale Violet Red','#FFEFD5':'Papaya Whip','#FFDAB9':'Peach Puff',
54
- '#CD853F':'Peru','#FFC0CB':'Pink','#DDA0DD':'Plum','#B0E0E6':'Powder Blue','#800080':'Purple','#FF0000':'Red','#BC8F8F':'Rosy Brown','#4169E1':'Royal Blue',
55
- '#8B4513':'Saddle Brown','#FA8072':'Salmon','#F4A460':'Sandy Brown','#2E8B57':'Sea Green','#FFF5EE':'Sea Shell','#A0522D':'Sienna','#C0C0C0':'Silver',
56
- '#87CEEB':'Sky Blue','#6A5ACD':'Slate Blue','#708090':'Slate Gray','#708090':'Slate Grey','#FFFAFA':'Snow','#00FF7F':'Spring Green',
57
- '#4682B4':'Steel Blue','#D2B48C':'Tan','#008080':'Teal','#D8BFD8':'Thistle','#FF6347':'Tomato','#40E0D0':'Turquoise','#EE82EE':'Violet',
58
- '#F5DEB3':'Wheat','#FFFFFF':'White','#F5F5F5':'White Smoke','#FFFF00':'Yellow','#9ACD32':'Yellow Green'
59
- };
60
-
61
- var namedLookup = {};
62
-
63
- function init() {
64
- var inputColor = convertRGBToHex(tinyMCEPopup.getWindowArg('input_color')), key, value;
65
-
66
- tinyMCEPopup.resizeToInnerSize();
67
-
68
- generatePicker();
69
- generateWebColors();
70
- generateNamedColors();
71
-
72
- if (inputColor) {
73
- changeFinalColor(inputColor);
74
-
75
- col = convertHexToRGB(inputColor);
76
-
77
- if (col)
78
- updateLight(col.r, col.g, col.b);
79
- }
80
-
81
- for (key in named) {
82
- value = named[key];
83
- namedLookup[value.replace(/\s+/, '').toLowerCase()] = key.replace(/#/, '').toLowerCase();
84
- }
85
- }
86
-
87
- function toHexColor(color) {
88
- var matches, red, green, blue, toInt = parseInt;
89
-
90
- function hex(value) {
91
- value = parseInt(value).toString(16);
92
-
93
- return value.length > 1 ? value : '0' + value; // Padd with leading zero
94
- };
95
-
96
- color = color.replace(/[\s#]+/g, '').toLowerCase();
97
- color = namedLookup[color] || color;
98
- matches = /^rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)|([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})|([a-f0-9])([a-f0-9])([a-f0-9])$/.exec(color);
99
-
100
- if (matches) {
101
- if (matches[1]) {
102
- red = toInt(matches[1]);
103
- green = toInt(matches[2]);
104
- blue = toInt(matches[3]);
105
- } else if (matches[4]) {
106
- red = toInt(matches[4], 16);
107
- green = toInt(matches[5], 16);
108
- blue = toInt(matches[6], 16);
109
- } else if (matches[7]) {
110
- red = toInt(matches[7] + matches[7], 16);
111
- green = toInt(matches[8] + matches[8], 16);
112
- blue = toInt(matches[9] + matches[9], 16);
113
- }
114
-
115
- return '#' + hex(red) + hex(green) + hex(blue);
116
- }
117
-
118
- return '';
119
- }
120
-
121
- function insertAction() {
122
- var color = document.getElementById("color").value, f = tinyMCEPopup.getWindowArg('func');
123
-
124
- tinyMCEPopup.restoreSelection();
125
-
126
- if (f)
127
- f(toHexColor(color));
128
-
129
- tinyMCEPopup.close();
130
- }
131
-
132
- function showColor(color, name) {
133
- if (name)
134
- document.getElementById("colorname").innerHTML = name;
135
-
136
- document.getElementById("preview").style.backgroundColor = color;
137
- document.getElementById("color").value = color.toUpperCase();
138
- }
139
-
140
- function convertRGBToHex(col) {
141
- var re = new RegExp("rgb\\s*\\(\\s*([0-9]+).*,\\s*([0-9]+).*,\\s*([0-9]+).*\\)", "gi");
142
-
143
- if (!col)
144
- return col;
145
-
146
- var rgb = col.replace(re, "$1,$2,$3").split(',');
147
- if (rgb.length == 3) {
148
- r = parseInt(rgb[0]).toString(16);
149
- g = parseInt(rgb[1]).toString(16);
150
- b = parseInt(rgb[2]).toString(16);
151
-
152
- r = r.length == 1 ? '0' + r : r;
153
- g = g.length == 1 ? '0' + g : g;
154
- b = b.length == 1 ? '0' + b : b;
155
-
156
- return "#" + r + g + b;
157
- }
158
-
159
- return col;
160
- }
161
-
162
- function convertHexToRGB(col) {
163
- if (col.indexOf('#') != -1) {
164
- col = col.replace(new RegExp('[^0-9A-F]', 'gi'), '');
165
-
166
- r = parseInt(col.substring(0, 2), 16);
167
- g = parseInt(col.substring(2, 4), 16);
168
- b = parseInt(col.substring(4, 6), 16);
169
-
170
- return {r : r, g : g, b : b};
171
- }
172
-
173
- return null;
174
- }
175
-
176
- function generatePicker() {
177
- var el = document.getElementById('light'), h = '', i;
178
-
179
- for (i = 0; i < detail; i++){
180
- h += '<div id="gs'+i+'" style="background-color:#000000; width:15px; height:3px; border-style:none; border-width:0px;"'
181
- + ' onclick="changeFinalColor(this.style.backgroundColor)"'
182
- + ' onmousedown="isMouseDown = true; return false;"'
183
- + ' onmouseup="isMouseDown = false;"'
184
- + ' onmousemove="if (isMouseDown && isMouseOver) changeFinalColor(this.style.backgroundColor); return false;"'
185
- + ' onmouseover="isMouseOver = true;"'
186
- + ' onmouseout="isMouseOver = false;"'
187
- + '></div>';
188
- }
189
-
190
- el.innerHTML = h;
191
- }
192
-
193
- function generateWebColors() {
194
- var el = document.getElementById('webcolors'), h = '', i;
195
-
196
- if (el.className == 'generated')
197
- return;
198
-
199
- // TODO: VoiceOver doesn't seem to support legend as a label referenced by labelledby.
200
- h += '<div role="listbox" aria-labelledby="webcolors_title" tabindex="0"><table role="presentation" border="0" cellspacing="1" cellpadding="0">'
201
- + '<tr>';
202
-
203
- for (i=0; i<colors.length; i++) {
204
- h += '<td bgcolor="' + colors[i] + '" width="10" height="10">'
205
- + '<a href="javascript:insertAction();" role="option" tabindex="-1" aria-labelledby="web_colors_' + i + '" onfocus="showColor(\'' + colors[i] + '\');" onmouseover="showColor(\'' + colors[i] + '\');" style="display:block;width:10px;height:10px;overflow:hidden;">';
206
- if (tinyMCEPopup.editor.forcedHighContrastMode) {
207
- h += '<canvas class="mceColorSwatch" height="10" width="10" data-color="' + colors[i] + '"></canvas>';
208
- }
209
- h += '<span class="mceVoiceLabel" style="display:none;" id="web_colors_' + i + '">' + colors[i].toUpperCase() + '</span>';
210
- h += '</a></td>';
211
- if ((i+1) % 18 == 0)
212
- h += '</tr><tr>';
213
- }
214
-
215
- h += '</table></div>';
216
-
217
- el.innerHTML = h;
218
- el.className = 'generated';
219
-
220
- paintCanvas(el);
221
- enableKeyboardNavigation(el.firstChild);
222
- }
223
-
224
- function paintCanvas(el) {
225
- tinyMCEPopup.getWin().tinymce.each(tinyMCEPopup.dom.select('canvas.mceColorSwatch', el), function(canvas) {
226
- var context;
227
- if (canvas.getContext && (context = canvas.getContext("2d"))) {
228
- context.fillStyle = canvas.getAttribute('data-color');
229
- context.fillRect(0, 0, 10, 10);
230
- }
231
- });
232
- }
233
- function generateNamedColors() {
234
- var el = document.getElementById('namedcolors'), h = '', n, v, i = 0;
235
-
236
- if (el.className == 'generated')
237
- return;
238
-
239
- for (n in named) {
240
- v = named[n];
241
- h += '<a href="javascript:insertAction();" role="option" tabindex="-1" aria-labelledby="named_colors_' + i + '" onfocus="showColor(\'' + n + '\',\'' + v + '\');" onmouseover="showColor(\'' + n + '\',\'' + v + '\');" style="background-color: ' + n + '">';
242
- if (tinyMCEPopup.editor.forcedHighContrastMode) {
243
- h += '<canvas class="mceColorSwatch" height="10" width="10" data-color="' + colors[i] + '"></canvas>';
244
- }
245
- h += '<span class="mceVoiceLabel" style="display:none;" id="named_colors_' + i + '">' + v + '</span>';
246
- h += '</a>';
247
- i++;
248
- }
249
-
250
- el.innerHTML = h;
251
- el.className = 'generated';
252
-
253
- paintCanvas(el);
254
- enableKeyboardNavigation(el);
255
- }
256
-
257
- function enableKeyboardNavigation(el) {
258
- tinyMCEPopup.editor.windowManager.createInstance('tinymce.ui.KeyboardNavigation', {
259
- root: el,
260
- items: tinyMCEPopup.dom.select('a', el)
261
- }, tinyMCEPopup.dom);
262
- }
263
-
264
- function dechex(n) {
265
- return strhex.charAt(Math.floor(n / 16)) + strhex.charAt(n % 16);
266
- }
267
-
268
- function computeColor(e) {
269
- var x, y, partWidth, partDetail, imHeight, r, g, b, coef, i, finalCoef, finalR, finalG, finalB;
270
-
271
- x = e.offsetX ? e.offsetX : (e.target ? e.clientX - e.target.x : 0);
272
- y = e.offsetY ? e.offsetY : (e.target ? e.clientY - e.target.y : 0);
273
-
274
- partWidth = document.getElementById('colors').width / 6;
275
- partDetail = detail / 2;
276
- imHeight = document.getElementById('colors').height;
277
-
278
- r = (x >= 0)*(x < partWidth)*255 + (x >= partWidth)*(x < 2*partWidth)*(2*255 - x * 255 / partWidth) + (x >= 4*partWidth)*(x < 5*partWidth)*(-4*255 + x * 255 / partWidth) + (x >= 5*partWidth)*(x < 6*partWidth)*255;
279
- g = (x >= 0)*(x < partWidth)*(x * 255 / partWidth) + (x >= partWidth)*(x < 3*partWidth)*255 + (x >= 3*partWidth)*(x < 4*partWidth)*(4*255 - x * 255 / partWidth);
280
- b = (x >= 2*partWidth)*(x < 3*partWidth)*(-2*255 + x * 255 / partWidth) + (x >= 3*partWidth)*(x < 5*partWidth)*255 + (x >= 5*partWidth)*(x < 6*partWidth)*(6*255 - x * 255 / partWidth);
281
-
282
- coef = (imHeight - y) / imHeight;
283
- r = 128 + (r - 128) * coef;
284
- g = 128 + (g - 128) * coef;
285
- b = 128 + (b - 128) * coef;
286
-
287
- changeFinalColor('#' + dechex(r) + dechex(g) + dechex(b));
288
- updateLight(r, g, b);
289
- }
290
-
291
- function updateLight(r, g, b) {
292
- var i, partDetail = detail / 2, finalCoef, finalR, finalG, finalB, color;
293
-
294
- for (i=0; i<detail; i++) {
295
- if ((i>=0) && (i<partDetail)) {
296
- finalCoef = i / partDetail;
297
- finalR = dechex(255 - (255 - r) * finalCoef);
298
- finalG = dechex(255 - (255 - g) * finalCoef);
299
- finalB = dechex(255 - (255 - b) * finalCoef);
300
- } else {
301
- finalCoef = 2 - i / partDetail;
302
- finalR = dechex(r * finalCoef);
303
- finalG = dechex(g * finalCoef);
304
- finalB = dechex(b * finalCoef);
305
- }
306
-
307
- color = finalR + finalG + finalB;
308
-
309
- setCol('gs' + i, '#'+color);
310
- }
311
- }
312
-
313
- function changeFinalColor(color) {
314
- if (color.indexOf('#') == -1)
315
- color = convertRGBToHex(color);
316
-
317
- setCol('preview', color);
318
- document.getElementById('color').value = color;
319
- }
320
-
321
- function setCol(e, c) {
322
- try {
323
- document.getElementById(e).style.backgroundColor = c;
324
- } catch (ex) {
325
- // Ignore IE warning
326
- }
327
- }
328
-
329
- tinyMCEPopup.onInit.add(init);
1
+ tinyMCEPopup.requireLangPack();
2
+
3
+ var detail = 50, strhex = "0123456789ABCDEF", i, isMouseDown = false, isMouseOver = false;
4
+
5
+ var colors = [
6
+ "#000000","#000033","#000066","#000099","#0000cc","#0000ff","#330000","#330033",
7
+ "#330066","#330099","#3300cc","#3300ff","#660000","#660033","#660066","#660099",
8
+ "#6600cc","#6600ff","#990000","#990033","#990066","#990099","#9900cc","#9900ff",
9
+ "#cc0000","#cc0033","#cc0066","#cc0099","#cc00cc","#cc00ff","#ff0000","#ff0033",
10
+ "#ff0066","#ff0099","#ff00cc","#ff00ff","#003300","#003333","#003366","#003399",
11
+ "#0033cc","#0033ff","#333300","#333333","#333366","#333399","#3333cc","#3333ff",
12
+ "#663300","#663333","#663366","#663399","#6633cc","#6633ff","#993300","#993333",
13
+ "#993366","#993399","#9933cc","#9933ff","#cc3300","#cc3333","#cc3366","#cc3399",
14
+ "#cc33cc","#cc33ff","#ff3300","#ff3333","#ff3366","#ff3399","#ff33cc","#ff33ff",
15
+ "#006600","#006633","#006666","#006699","#0066cc","#0066ff","#336600","#336633",
16
+ "#336666","#336699","#3366cc","#3366ff","#666600","#666633","#666666","#666699",
17
+ "#6666cc","#6666ff","#996600","#996633","#996666","#996699","#9966cc","#9966ff",
18
+ "#cc6600","#cc6633","#cc6666","#cc6699","#cc66cc","#cc66ff","#ff6600","#ff6633",
19
+ "#ff6666","#ff6699","#ff66cc","#ff66ff","#009900","#009933","#009966","#009999",
20
+ "#0099cc","#0099ff","#339900","#339933","#339966","#339999","#3399cc","#3399ff",
21
+ "#669900","#669933","#669966","#669999","#6699cc","#6699ff","#999900","#999933",
22
+ "#999966","#999999","#9999cc","#9999ff","#cc9900","#cc9933","#cc9966","#cc9999",
23
+ "#cc99cc","#cc99ff","#ff9900","#ff9933","#ff9966","#ff9999","#ff99cc","#ff99ff",
24
+ "#00cc00","#00cc33","#00cc66","#00cc99","#00cccc","#00ccff","#33cc00","#33cc33",
25
+ "#33cc66","#33cc99","#33cccc","#33ccff","#66cc00","#66cc33","#66cc66","#66cc99",
26
+ "#66cccc","#66ccff","#99cc00","#99cc33","#99cc66","#99cc99","#99cccc","#99ccff",
27
+ "#cccc00","#cccc33","#cccc66","#cccc99","#cccccc","#ccccff","#ffcc00","#ffcc33",
28
+ "#ffcc66","#ffcc99","#ffcccc","#ffccff","#00ff00","#00ff33","#00ff66","#00ff99",
29
+ "#00ffcc","#00ffff","#33ff00","#33ff33","#33ff66","#33ff99","#33ffcc","#33ffff",
30
+ "#66ff00","#66ff33","#66ff66","#66ff99","#66ffcc","#66ffff","#99ff00","#99ff33",
31
+ "#99ff66","#99ff99","#99ffcc","#99ffff","#ccff00","#ccff33","#ccff66","#ccff99",
32
+ "#ccffcc","#ccffff","#ffff00","#ffff33","#ffff66","#ffff99","#ffffcc","#ffffff"
33
+ ];
34
+
35
+ var named = {
36
+ '#F0F8FF':'Alice Blue','#FAEBD7':'Antique White','#00FFFF':'Aqua','#7FFFD4':'Aquamarine','#F0FFFF':'Azure','#F5F5DC':'Beige',
37
+ '#FFE4C4':'Bisque','#000000':'Black','#FFEBCD':'Blanched Almond','#0000FF':'Blue','#8A2BE2':'Blue Violet','#A52A2A':'Brown',
38
+ '#DEB887':'Burly Wood','#5F9EA0':'Cadet Blue','#7FFF00':'Chartreuse','#D2691E':'Chocolate','#FF7F50':'Coral','#6495ED':'Cornflower Blue',
39
+ '#FFF8DC':'Cornsilk','#DC143C':'Crimson','#00FFFF':'Cyan','#00008B':'Dark Blue','#008B8B':'Dark Cyan','#B8860B':'Dark Golden Rod',
40
+ '#A9A9A9':'Dark Gray','#A9A9A9':'Dark Grey','#006400':'Dark Green','#BDB76B':'Dark Khaki','#8B008B':'Dark Magenta','#556B2F':'Dark Olive Green',
41
+ '#FF8C00':'Darkorange','#9932CC':'Dark Orchid','#8B0000':'Dark Red','#E9967A':'Dark Salmon','#8FBC8F':'Dark Sea Green','#483D8B':'Dark Slate Blue',
42
+ '#2F4F4F':'Dark Slate Gray','#2F4F4F':'Dark Slate Grey','#00CED1':'Dark Turquoise','#9400D3':'Dark Violet','#FF1493':'Deep Pink','#00BFFF':'Deep Sky Blue',
43
+ '#696969':'Dim Gray','#696969':'Dim Grey','#1E90FF':'Dodger Blue','#B22222':'Fire Brick','#FFFAF0':'Floral White','#228B22':'Forest Green',
44
+ '#FF00FF':'Fuchsia','#DCDCDC':'Gainsboro','#F8F8FF':'Ghost White','#FFD700':'Gold','#DAA520':'Golden Rod','#808080':'Gray','#808080':'Grey',
45
+ '#008000':'Green','#ADFF2F':'Green Yellow','#F0FFF0':'Honey Dew','#FF69B4':'Hot Pink','#CD5C5C':'Indian Red','#4B0082':'Indigo','#FFFFF0':'Ivory',
46
+ '#F0E68C':'Khaki','#E6E6FA':'Lavender','#FFF0F5':'Lavender Blush','#7CFC00':'Lawn Green','#FFFACD':'Lemon Chiffon','#ADD8E6':'Light Blue',
47
+ '#F08080':'Light Coral','#E0FFFF':'Light Cyan','#FAFAD2':'Light Golden Rod Yellow','#D3D3D3':'Light Gray','#D3D3D3':'Light Grey','#90EE90':'Light Green',
48
+ '#FFB6C1':'Light Pink','#FFA07A':'Light Salmon','#20B2AA':'Light Sea Green','#87CEFA':'Light Sky Blue','#778899':'Light Slate Gray','#778899':'Light Slate Grey',
49
+ '#B0C4DE':'Light Steel Blue','#FFFFE0':'Light Yellow','#00FF00':'Lime','#32CD32':'Lime Green','#FAF0E6':'Linen','#FF00FF':'Magenta','#800000':'Maroon',
50
+ '#66CDAA':'Medium Aqua Marine','#0000CD':'Medium Blue','#BA55D3':'Medium Orchid','#9370D8':'Medium Purple','#3CB371':'Medium Sea Green','#7B68EE':'Medium Slate Blue',
51
+ '#00FA9A':'Medium Spring Green','#48D1CC':'Medium Turquoise','#C71585':'Medium Violet Red','#191970':'Midnight Blue','#F5FFFA':'Mint Cream','#FFE4E1':'Misty Rose','#FFE4B5':'Moccasin',
52
+ '#FFDEAD':'Navajo White','#000080':'Navy','#FDF5E6':'Old Lace','#808000':'Olive','#6B8E23':'Olive Drab','#FFA500':'Orange','#FF4500':'Orange Red','#DA70D6':'Orchid',
53
+ '#EEE8AA':'Pale Golden Rod','#98FB98':'Pale Green','#AFEEEE':'Pale Turquoise','#D87093':'Pale Violet Red','#FFEFD5':'Papaya Whip','#FFDAB9':'Peach Puff',
54
+ '#CD853F':'Peru','#FFC0CB':'Pink','#DDA0DD':'Plum','#B0E0E6':'Powder Blue','#800080':'Purple','#FF0000':'Red','#BC8F8F':'Rosy Brown','#4169E1':'Royal Blue',
55
+ '#8B4513':'Saddle Brown','#FA8072':'Salmon','#F4A460':'Sandy Brown','#2E8B57':'Sea Green','#FFF5EE':'Sea Shell','#A0522D':'Sienna','#C0C0C0':'Silver',
56
+ '#87CEEB':'Sky Blue','#6A5ACD':'Slate Blue','#708090':'Slate Gray','#708090':'Slate Grey','#FFFAFA':'Snow','#00FF7F':'Spring Green',
57
+ '#4682B4':'Steel Blue','#D2B48C':'Tan','#008080':'Teal','#D8BFD8':'Thistle','#FF6347':'Tomato','#40E0D0':'Turquoise','#EE82EE':'Violet',
58
+ '#F5DEB3':'Wheat','#FFFFFF':'White','#F5F5F5':'White Smoke','#FFFF00':'Yellow','#9ACD32':'Yellow Green'
59
+ };
60
+
61
+ var namedLookup = {};
62
+
63
+ function init() {
64
+ var inputColor = convertRGBToHex(tinyMCEPopup.getWindowArg('input_color')), key, value;
65
+
66
+ tinyMCEPopup.resizeToInnerSize();
67
+
68
+ generatePicker();
69
+ generateWebColors();
70
+ generateNamedColors();
71
+
72
+ if (inputColor) {
73
+ changeFinalColor(inputColor);
74
+
75
+ col = convertHexToRGB(inputColor);
76
+
77
+ if (col)
78
+ updateLight(col.r, col.g, col.b);
79
+ }
80
+
81
+ for (key in named) {
82
+ value = named[key];
83
+ namedLookup[value.replace(/\s+/, '').toLowerCase()] = key.replace(/#/, '').toLowerCase();
84
+ }
85
+ }
86
+
87
+ function toHexColor(color) {
88
+ var matches, red, green, blue, toInt = parseInt;
89
+
90
+ function hex(value) {
91
+ value = parseInt(value).toString(16);
92
+
93
+ return value.length > 1 ? value : '0' + value; // Padd with leading zero
94
+ };
95
+
96
+ color = color.replace(/[\s#]+/g, '').toLowerCase();
97
+ color = namedLookup[color] || color;
98
+ matches = /^rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)|([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})|([a-f0-9])([a-f0-9])([a-f0-9])$/.exec(color);
99
+
100
+ if (matches) {
101
+ if (matches[1]) {
102
+ red = toInt(matches[1]);
103
+ green = toInt(matches[2]);
104
+ blue = toInt(matches[3]);
105
+ } else if (matches[4]) {
106
+ red = toInt(matches[4], 16);
107
+ green = toInt(matches[5], 16);
108
+ blue = toInt(matches[6], 16);
109
+ } else if (matches[7]) {
110
+ red = toInt(matches[7] + matches[7], 16);
111
+ green = toInt(matches[8] + matches[8], 16);
112
+ blue = toInt(matches[9] + matches[9], 16);
113
+ }
114
+
115
+ return '#' + hex(red) + hex(green) + hex(blue);
116
+ }
117
+
118
+ return '';
119
+ }
120
+
121
+ function insertAction() {
122
+ var color = document.getElementById("color").value, f = tinyMCEPopup.getWindowArg('func');
123
+
124
+ tinyMCEPopup.restoreSelection();
125
+
126
+ if (f)
127
+ f(toHexColor(color));
128
+
129
+ tinyMCEPopup.close();
130
+ }
131
+
132
+ function showColor(color, name) {
133
+ if (name)
134
+ document.getElementById("colorname").innerHTML = name;
135
+
136
+ document.getElementById("preview").style.backgroundColor = color;
137
+ document.getElementById("color").value = color.toUpperCase();
138
+ }
139
+
140
+ function convertRGBToHex(col) {
141
+ var re = new RegExp("rgb\\s*\\(\\s*([0-9]+).*,\\s*([0-9]+).*,\\s*([0-9]+).*\\)", "gi");
142
+
143
+ if (!col)
144
+ return col;
145
+
146
+ var rgb = col.replace(re, "$1,$2,$3").split(',');
147
+ if (rgb.length == 3) {
148
+ r = parseInt(rgb[0]).toString(16);
149
+ g = parseInt(rgb[1]).toString(16);
150
+ b = parseInt(rgb[2]).toString(16);
151
+
152
+ r = r.length == 1 ? '0' + r : r;
153
+ g = g.length == 1 ? '0' + g : g;
154
+ b = b.length == 1 ? '0' + b : b;
155
+
156
+ return "#" + r + g + b;
157
+ }
158
+
159
+ return col;
160
+ }
161
+
162
+ function convertHexToRGB(col) {
163
+ if (col.indexOf('#') != -1) {
164
+ col = col.replace(new RegExp('[^0-9A-F]', 'gi'), '');
165
+
166
+ r = parseInt(col.substring(0, 2), 16);
167
+ g = parseInt(col.substring(2, 4), 16);
168
+ b = parseInt(col.substring(4, 6), 16);
169
+
170
+ return {r : r, g : g, b : b};
171
+ }
172
+
173
+ return null;
174
+ }
175
+
176
+ function generatePicker() {
177
+ var el = document.getElementById('light'), h = '', i;
178
+
179
+ for (i = 0; i < detail; i++){
180
+ h += '<div id="gs'+i+'" style="background-color:#000000; width:15px; height:3px; border-style:none; border-width:0px;"'
181
+ + ' onclick="changeFinalColor(this.style.backgroundColor)"'
182
+ + ' onmousedown="isMouseDown = true; return false;"'
183
+ + ' onmouseup="isMouseDown = false;"'
184
+ + ' onmousemove="if (isMouseDown && isMouseOver) changeFinalColor(this.style.backgroundColor); return false;"'
185
+ + ' onmouseover="isMouseOver = true;"'
186
+ + ' onmouseout="isMouseOver = false;"'
187
+ + '></div>';
188
+ }
189
+
190
+ el.innerHTML = h;
191
+ }
192
+
193
+ function generateWebColors() {
194
+ var el = document.getElementById('webcolors'), h = '', i;
195
+
196
+ if (el.className == 'generated')
197
+ return;
198
+
199
+ // TODO: VoiceOver doesn't seem to support legend as a label referenced by labelledby.
200
+ h += '<div role="listbox" aria-labelledby="webcolors_title" tabindex="0"><table role="presentation" border="0" cellspacing="1" cellpadding="0">'
201
+ + '<tr>';
202
+
203
+ for (i=0; i<colors.length; i++) {
204
+ h += '<td bgcolor="' + colors[i] + '" width="10" height="10">'
205
+ + '<a href="javascript:insertAction();" role="option" tabindex="-1" aria-labelledby="web_colors_' + i + '" onfocus="showColor(\'' + colors[i] + '\');" onmouseover="showColor(\'' + colors[i] + '\');" style="display:block;width:10px;height:10px;overflow:hidden;">';
206
+ if (tinyMCEPopup.editor.forcedHighContrastMode) {
207
+ h += '<canvas class="mceColorSwatch" height="10" width="10" data-color="' + colors[i] + '"></canvas>';
208
+ }
209
+ h += '<span class="mceVoiceLabel" style="display:none;" id="web_colors_' + i + '">' + colors[i].toUpperCase() + '</span>';
210
+ h += '</a></td>';
211
+ if ((i+1) % 18 == 0)
212
+ h += '</tr><tr>';
213
+ }
214
+
215
+ h += '</table></div>';
216
+
217
+ el.innerHTML = h;
218
+ el.className = 'generated';
219
+
220
+ paintCanvas(el);
221
+ enableKeyboardNavigation(el.firstChild);
222
+ }
223
+
224
+ function paintCanvas(el) {
225
+ tinyMCEPopup.getWin().tinymce.each(tinyMCEPopup.dom.select('canvas.mceColorSwatch', el), function(canvas) {
226
+ var context;
227
+ if (canvas.getContext && (context = canvas.getContext("2d"))) {
228
+ context.fillStyle = canvas.getAttribute('data-color');
229
+ context.fillRect(0, 0, 10, 10);
230
+ }
231
+ });
232
+ }
233
+ function generateNamedColors() {
234
+ var el = document.getElementById('namedcolors'), h = '', n, v, i = 0;
235
+
236
+ if (el.className == 'generated')
237
+ return;
238
+
239
+ for (n in named) {
240
+ v = named[n];
241
+ h += '<a href="javascript:insertAction();" role="option" tabindex="-1" aria-labelledby="named_colors_' + i + '" onfocus="showColor(\'' + n + '\',\'' + v + '\');" onmouseover="showColor(\'' + n + '\',\'' + v + '\');" style="background-color: ' + n + '">';
242
+ if (tinyMCEPopup.editor.forcedHighContrastMode) {
243
+ h += '<canvas class="mceColorSwatch" height="10" width="10" data-color="' + colors[i] + '"></canvas>';
244
+ }
245
+ h += '<span class="mceVoiceLabel" style="display:none;" id="named_colors_' + i + '">' + v + '</span>';
246
+ h += '</a>';
247
+ i++;
248
+ }
249
+
250
+ el.innerHTML = h;
251
+ el.className = 'generated';
252
+
253
+ paintCanvas(el);
254
+ enableKeyboardNavigation(el);
255
+ }
256
+
257
+ function enableKeyboardNavigation(el) {
258
+ tinyMCEPopup.editor.windowManager.createInstance('tinymce.ui.KeyboardNavigation', {
259
+ root: el,
260
+ items: tinyMCEPopup.dom.select('a', el)
261
+ }, tinyMCEPopup.dom);
262
+ }
263
+
264
+ function dechex(n) {
265
+ return strhex.charAt(Math.floor(n / 16)) + strhex.charAt(n % 16);
266
+ }
267
+
268
+ function computeColor(e) {
269
+ var x, y, partWidth, partDetail, imHeight, r, g, b, coef, i, finalCoef, finalR, finalG, finalB;
270
+
271
+ x = e.offsetX ? e.offsetX : (e.target ? e.clientX - e.target.x : 0);
272
+ y = e.offsetY ? e.offsetY : (e.target ? e.clientY - e.target.y : 0);
273
+
274
+ partWidth = document.getElementById('colors').width / 6;
275
+ partDetail = detail / 2;
276
+ imHeight = document.getElementById('colors').height;
277
+
278
+ r = (x >= 0)*(x < partWidth)*255 + (x >= partWidth)*(x < 2*partWidth)*(2*255 - x * 255 / partWidth) + (x >= 4*partWidth)*(x < 5*partWidth)*(-4*255 + x * 255 / partWidth) + (x >= 5*partWidth)*(x < 6*partWidth)*255;
279
+ g = (x >= 0)*(x < partWidth)*(x * 255 / partWidth) + (x >= partWidth)*(x < 3*partWidth)*255 + (x >= 3*partWidth)*(x < 4*partWidth)*(4*255 - x * 255 / partWidth);
280
+ b = (x >= 2*partWidth)*(x < 3*partWidth)*(-2*255 + x * 255 / partWidth) + (x >= 3*partWidth)*(x < 5*partWidth)*255 + (x >= 5*partWidth)*(x < 6*partWidth)*(6*255 - x * 255 / partWidth);
281
+
282
+ coef = (imHeight - y) / imHeight;
283
+ r = 128 + (r - 128) * coef;
284
+ g = 128 + (g - 128) * coef;
285
+ b = 128 + (b - 128) * coef;
286
+
287
+ changeFinalColor('#' + dechex(r) + dechex(g) + dechex(b));
288
+ updateLight(r, g, b);
289
+ }
290
+
291
+ function updateLight(r, g, b) {
292
+ var i, partDetail = detail / 2, finalCoef, finalR, finalG, finalB, color;
293
+
294
+ for (i=0; i<detail; i++) {
295
+ if ((i>=0) && (i<partDetail)) {
296
+ finalCoef = i / partDetail;
297
+ finalR = dechex(255 - (255 - r) * finalCoef);
298
+ finalG = dechex(255 - (255 - g) * finalCoef);
299
+ finalB = dechex(255 - (255 - b) * finalCoef);
300
+ } else {
301
+ finalCoef = 2 - i / partDetail;
302
+ finalR = dechex(r * finalCoef);
303
+ finalG = dechex(g * finalCoef);
304
+ finalB = dechex(b * finalCoef);
305
+ }
306
+
307
+ color = finalR + finalG + finalB;
308
+
309
+ setCol('gs' + i, '#'+color);
310
+ }
311
+ }
312
+
313
+ function changeFinalColor(color) {
314
+ if (color.indexOf('#') == -1)
315
+ color = convertRGBToHex(color);
316
+
317
+ setCol('preview', color);
318
+ document.getElementById('color').value = color;
319
+ }
320
+
321
+ function setCol(e, c) {
322
+ try {
323
+ document.getElementById(e).style.backgroundColor = c;
324
+ } catch (ex) {
325
+ // Ignore IE warning
326
+ }
327
+ }
328
+
329
+ tinyMCEPopup.onInit.add(init);