Edit File by line

(function () {

[0] Fix | Delete

var colorpicker = (function () {

[1] Fix | Delete

'use strict';

[2] Fix | Delete

[3] Fix | Delete

var global = tinymce.util.Tools.resolve('tinymce.PluginManager');

[4] Fix | Delete

[5] Fix | Delete

var global$1 = tinymce.util.Tools.resolve('tinymce.util.Color');

[6] Fix | Delete

[7] Fix | Delete

var showPreview = function (win, hexColor) {

[8] Fix | Delete

win.find('#preview')[0].getEl().style.background = hexColor;

[9] Fix | Delete

};

[10] Fix | Delete

var setColor = function (win, value) {

[11] Fix | Delete

var color = global$1(value), rgb = color.toRgb();

[12] Fix | Delete

win.fromJSON({

[13] Fix | Delete

r: rgb.r,

[14] Fix | Delete

g: rgb.g,

[15] Fix | Delete

b: rgb.b,

[16] Fix | Delete

hex: color.toHex().substr(1)

[17] Fix | Delete

});

[18] Fix | Delete

showPreview(win, color.toHex());

[19] Fix | Delete

};

[20] Fix | Delete

var open = function (editor, callback, value) {

[21] Fix | Delete

var win = editor.windowManager.open({

[22] Fix | Delete

title: 'Color',

[23] Fix | Delete

items: {

[24] Fix | Delete

type: 'container',

[25] Fix | Delete

[26] Fix | Delete

direction: 'row',

[27] Fix | Delete

align: 'stretch',

[28] Fix | Delete

padding: 5,

[29] Fix | Delete

spacing: 10,

[30] Fix | Delete

items: [

[31] Fix | Delete

{

[32] Fix | Delete

type: 'colorpicker',

[33] Fix | Delete

value: value,

[34] Fix | Delete

onchange: function () {

[35] Fix | Delete

var rgb = this.rgb();

[36] Fix | Delete

if (win) {

[37] Fix | Delete

win.find('#r').value(rgb.r);

[38] Fix | Delete

win.find('#g').value(rgb.g);

[39] Fix | Delete

win.find('#b').value(rgb.b);

[40] Fix | Delete

win.find('#hex').value(this.value().substr(1));

[41] Fix | Delete

showPreview(win, this.value());

[42] Fix | Delete

}

[43] Fix | Delete

}

[44] Fix | Delete

[45] Fix | Delete

{

[46] Fix | Delete

type: 'form',

[47] Fix | Delete

padding: 0,

[48] Fix | Delete

labelGap: 5,

[49] Fix | Delete

defaults: {

[50] Fix | Delete

type: 'textbox',

[51] Fix | Delete

size: 7,

[52] Fix | Delete

value: '0',

[53] Fix | Delete

flex: 1,

[54] Fix | Delete

spellcheck: false,

[55] Fix | Delete

onchange: function () {

[56] Fix | Delete

var colorPickerCtrl = win.find('colorpicker')[0];

[57] Fix | Delete

var name, value;

[58] Fix | Delete

name = this.name();

[59] Fix | Delete

value = this.value();

[60] Fix | Delete

if (name === 'hex') {

[61] Fix | Delete

value = '#' + value;

[62] Fix | Delete

setColor(win, value);

[63] Fix | Delete

colorPickerCtrl.value(value);

[64] Fix | Delete

return;

[65] Fix | Delete

}

[66] Fix | Delete

value = {

[67] Fix | Delete

r: win.find('#r').value(),

[68] Fix | Delete

g: win.find('#g').value(),

[69] Fix | Delete

b: win.find('#b').value()

[70] Fix | Delete

};

[71] Fix | Delete

colorPickerCtrl.value(value);

[72] Fix | Delete

setColor(win, value);

[73] Fix | Delete

}

[74] Fix | Delete

[75] Fix | Delete

items: [

[76] Fix | Delete

{

[77] Fix | Delete

[78] Fix | Delete

label: 'R',

[79] Fix | Delete

autofocus: 1

[80] Fix | Delete

[81] Fix | Delete

{

[82] Fix | Delete

[83] Fix | Delete

label: 'G'

[84] Fix | Delete

[85] Fix | Delete

{

[86] Fix | Delete

[87] Fix | Delete

label: 'B'

[88] Fix | Delete

[89] Fix | Delete

{

[90] Fix | Delete

[91] Fix | Delete

label: '#',

[92] Fix | Delete

value: '000000'

[93] Fix | Delete

[94] Fix | Delete

{

[95] Fix | Delete

[96] Fix | Delete

type: 'container',

[97] Fix | Delete

border: 1

[98] Fix | Delete

}

[99] Fix | Delete

]

[100] Fix | Delete

}

[101] Fix | Delete

]

[102] Fix | Delete

[103] Fix | Delete

onSubmit: function () {

[104] Fix | Delete

callback('#' + win.toJSON().hex);

[105] Fix | Delete

}

[106] Fix | Delete

});

[107] Fix | Delete

setColor(win, value);

[108] Fix | Delete

};

[109] Fix | Delete

var Dialog = { open: open };

[110] Fix | Delete

[111] Fix | Delete

global.add('colorpicker', function (editor) {

[112] Fix | Delete

if (!editor.settings.color_picker_callback) {

[113] Fix | Delete

editor.settings.color_picker_callback = function (callback, value) {

[114] Fix | Delete

Dialog.open(editor, callback, value);

[115] Fix | Delete

};

[116] Fix | Delete

}

[117] Fix | Delete

});

[118] Fix | Delete

function Plugin () {

[119] Fix | Delete

}

[120] Fix | Delete

[121] Fix | Delete

return Plugin;

[122] Fix | Delete

[123] Fix | Delete

}());

[124] Fix | Delete

})();

[125] Fix | Delete

[126] Fix | Delete