/**

[0] Fix | Delete

* @class elFinder command "resize"

[1] Fix | Delete

* Open dialog to resize image

[2] Fix | Delete

*

[3] Fix | Delete

* @author Dmitry (dio) Levashov

[4] Fix | Delete

* @author Alexey Sukhotin

[5] Fix | Delete

* @author Naoki Sawada

[6] Fix | Delete

* @author Sergio Jovani

[7] Fix | Delete

**/

[8] Fix | Delete

elFinder.prototype.commands.resize = function() {

[9] Fix | Delete

"use strict";

[10] Fix | Delete

var fm = this.fm,

[11] Fix | Delete

losslessRotate = 0,

[12] Fix | Delete

getBounceBox = function(w, h, theta) {

[13] Fix | Delete

var srcPts = [

[14] Fix | Delete

{x: w/2, y: h/2},

[15] Fix | Delete

{x: -w/2, y: h/2},

[16] Fix | Delete

{x: -w/2, y: -h/2},

[17] Fix | Delete

{x: w/2, y: -h/2}

[18] Fix | Delete

],

[19] Fix | Delete

dstPts = [],

[20] Fix | Delete

min = {x: Number.MAX_VALUE, y: Number.MAX_VALUE},

[21] Fix | Delete

max = {x: Number.MIN_VALUE, y: Number.MIN_VALUE};

[22] Fix | Delete

jQuery.each(srcPts, function(i, srcPt){

[23] Fix | Delete

dstPts.push({

[24] Fix | Delete

x: srcPt.x * Math.cos(theta) - srcPt.y * Math.sin(theta),

[25] Fix | Delete

y: srcPt.x * Math.sin(theta) + srcPt.y * Math.cos(theta)

[26] Fix | Delete

});

[27] Fix | Delete

});

[28] Fix | Delete

jQuery.each(dstPts, function(i, pt) {

[29] Fix | Delete

min.x = Math.min(min.x, pt.x);

[30] Fix | Delete

min.y = Math.min(min.y, pt.y);

[31] Fix | Delete

max.x = Math.max(max.x, pt.x);

[32] Fix | Delete

max.y = Math.max(max.y, pt.y);

[33] Fix | Delete

});

[34] Fix | Delete

return {

[35] Fix | Delete

width: max.x - min.x, height: max.y - min.y

[36] Fix | Delete

};

[37] Fix | Delete

};

[38] Fix | Delete

[39] Fix | Delete

this.updateOnSelect = false;

[40] Fix | Delete

[41] Fix | Delete

this.getstate = function() {

[42] Fix | Delete

var sel = fm.selectedFiles();

[43] Fix | Delete

return sel.length == 1 && sel[0].read && sel[0].write && sel[0].mime.indexOf('image/') !== -1 ? 0 : -1;

[44] Fix | Delete

};

[45] Fix | Delete

[46] Fix | Delete

this.resizeRequest = function(data, f, dfrd) {

[47] Fix | Delete

var file = f || fm.file(data.target),

[48] Fix | Delete

tmb = file? file.tmb : null,

[49] Fix | Delete

enabled = fm.isCommandEnabled('resize', data.target);

[50] Fix | Delete

[51] Fix | Delete

if (enabled && (! file || (file && file.read && file.write && file.mime.indexOf('image/') !== -1 ))) {

[52] Fix | Delete

return fm.request({

[53] Fix | Delete

data : Object.assign(data, {

[54] Fix | Delete

cmd : 'resize'

[55] Fix | Delete

}),

[56] Fix | Delete

notify : {type : 'resize', cnt : 1}

[57] Fix | Delete

})

[58] Fix | Delete

.fail(function(error) {

[59] Fix | Delete

if (dfrd) {

[60] Fix | Delete

dfrd.reject(error);

[61] Fix | Delete

}

[62] Fix | Delete

})

[63] Fix | Delete

.done(function() {

[64] Fix | Delete

if (data.quality) {

[65] Fix | Delete

fm.storage('jpgQuality', data.quality === fm.option('jpgQuality')? null : data.quality);

[66] Fix | Delete

}

[67] Fix | Delete

dfrd && dfrd.resolve();

[68] Fix | Delete

});

[69] Fix | Delete

} else {

[70] Fix | Delete

var error;

[71] Fix | Delete

[72] Fix | Delete

if (file) {

[73] Fix | Delete

if (file.mime.indexOf('image/') === -1) {

[74] Fix | Delete

error = ['errResize', file.name, 'errUsupportType'];

[75] Fix | Delete

} else {

[76] Fix | Delete

error = ['errResize', file.name, 'errPerm'];

[77] Fix | Delete

}

[78] Fix | Delete

} else {

[79] Fix | Delete

error = ['errResize', data.target, 'errPerm'];

[80] Fix | Delete

}

[81] Fix | Delete

[82] Fix | Delete

if (dfrd) {

[83] Fix | Delete

dfrd.reject(error);

[84] Fix | Delete

} else {

[85] Fix | Delete

fm.error(error);

[86] Fix | Delete

}

[87] Fix | Delete

return jQuery.Deferred().reject(error);

[88] Fix | Delete

}

[89] Fix | Delete

};

[90] Fix | Delete

[91] Fix | Delete

this.exec = function(hashes) {

[92] Fix | Delete

var self = this,

[93] Fix | Delete

files = this.files(hashes),

[94] Fix | Delete

dfrd = jQuery.Deferred(),

[95] Fix | Delete

api2 = (fm.api > 1),

[96] Fix | Delete

options = this.options,

[97] Fix | Delete

dialogWidth = 650,

[98] Fix | Delete

fmnode = fm.getUI(),

[99] Fix | Delete

ctrgrup = jQuery().controlgroup? 'controlgroup' : 'buttonset',

[100] Fix | Delete

grid8Def = typeof options.grid8px === 'undefined' || options.grid8px !== 'disable'? true : false,

[101] Fix | Delete

presetSize = Array.isArray(options.presetSize)? options.presetSize : [],

[102] Fix | Delete

clactive = 'elfinder-dialog-active',

[103] Fix | Delete

clsediting = fm.res('class', 'editing'),

[104] Fix | Delete

open = function(file, id, src) {

[105] Fix | Delete

var isJpeg = (file.mime === 'image/jpeg'),

[106] Fix | Delete

dialog = jQuery('<div class="elfinder-resize-container"></div>'),

[107] Fix | Delete

input = '<input type="number" class="ui-corner-all"/>',

[108] Fix | Delete

row = '<div class="elfinder-resize-row"></div>',

[109] Fix | Delete

label = '<div class="elfinder-resize-label"></div>',

[110] Fix | Delete

changeTm = null,

[111] Fix | Delete

operate = false,

[112] Fix | Delete

opStart = function() { operate = true; },

[113] Fix | Delete

opStop = function() {

[114] Fix | Delete

if (operate) {

[115] Fix | Delete

operate = false;

[116] Fix | Delete

control.trigger('change');

[117] Fix | Delete

}

[118] Fix | Delete

},

[119] Fix | Delete

control = jQuery('<div class="elfinder-resize-control"></div>')

[120] Fix | Delete

.on('focus', 'input[type=text],input[type=number]', function() {

[121] Fix | Delete

jQuery(this).trigger('select');

[122] Fix | Delete

})

[123] Fix | Delete

.on('change', function() {

[124] Fix | Delete

changeTm && cancelAnimationFrame(changeTm);

[125] Fix | Delete

changeTm = requestAnimationFrame(function() {

[126] Fix | Delete

var panel, quty, canvas, ctx, img, sx, sy, sw, sh, deg, theta, bb;

[127] Fix | Delete

if (sizeImg && ! operate && (canvas = sizeImg.data('canvas'))) {

[128] Fix | Delete

panel = control.children('div.elfinder-resize-control-panel:visible');

[129] Fix | Delete

quty = panel.find('input.elfinder-resize-quality');

[130] Fix | Delete

if (quty.is(':visible')) {

[131] Fix | Delete

ctx = sizeImg.data('ctx');

[132] Fix | Delete

img = sizeImg.get(0);

[133] Fix | Delete

if (panel.hasClass('elfinder-resize-uiresize')) {

[134] Fix | Delete

// resize

[135] Fix | Delete

sw = canvas.width = width.val();

[136] Fix | Delete

sh = canvas.height = height.val();

[137] Fix | Delete

ctx.drawImage(img, 0, 0, sw, sh);

[138] Fix | Delete

} else if (panel.hasClass('elfinder-resize-uicrop')) {

[139] Fix | Delete

// crop

[140] Fix | Delete

sx = pointX.val();

[141] Fix | Delete

sy = pointY.val();

[142] Fix | Delete

sw = offsetX.val();

[143] Fix | Delete

sh = offsetY.val();

[144] Fix | Delete

canvas.width = sw;

[145] Fix | Delete

canvas.height = sh;

[146] Fix | Delete

ctx.drawImage(img, sx, sy, sw, sh, 0, 0, sw, sh);

[147] Fix | Delete

} else {

[148] Fix | Delete

// rotate

[149] Fix | Delete

deg = degree.val();

[150] Fix | Delete

theta = (degree.val() * Math.PI) / 180;

[151] Fix | Delete

bb = getBounceBox(owidth, oheight, theta);

[152] Fix | Delete

sw = canvas.width = bb.width;

[153] Fix | Delete

sh = canvas.height = bb.height;

[154] Fix | Delete

ctx.save();

[155] Fix | Delete

if (deg % 90 !== 0) {

[156] Fix | Delete

ctx.fillStyle = bg.val() || '#FFF';

[157] Fix | Delete

ctx.fillRect(0, 0, sw, sh);

[158] Fix | Delete

}

[159] Fix | Delete

ctx.translate(sw / 2, sh / 2);

[160] Fix | Delete

ctx.rotate(theta);

[161] Fix | Delete

ctx.drawImage(img, -img.width/2, -img.height/2, owidth, oheight);

[162] Fix | Delete

ctx.restore();

[163] Fix | Delete

}

[164] Fix | Delete

canvas.toBlob(function(blob) {

[165] Fix | Delete

if (blob) {

[166] Fix | Delete

size1 = blob.size;

[167] Fix | Delete

quty.next('span').text(' (' + fm.formatSize(blob.size) + ')');

[168] Fix | Delete

}

[169] Fix | Delete

}, 'image/jpeg', Math.max(Math.min(quty.val(), 100), 1) / 100);

[170] Fix | Delete

}

[171] Fix | Delete

}

[172] Fix | Delete

});

[173] Fix | Delete

})

[174] Fix | Delete

.on('mouseup', 'input', function(e) {

[175] Fix | Delete

jQuery(e.target).trigger('change');

[176] Fix | Delete

}),

[177] Fix | Delete

preview = jQuery('<div class="elfinder-resize-preview"></div>')

[178] Fix | Delete

.on('touchmove', function(e) {

[179] Fix | Delete

if (jQuery(e.target).hasClass('touch-punch')) {

[180] Fix | Delete

e.stopPropagation();

[181] Fix | Delete

e.preventDefault();

[182] Fix | Delete

}

[183] Fix | Delete

}),

[184] Fix | Delete

spinner = jQuery('<div class="elfinder-resize-loading">'+fm.i18n('ntfloadimg')+'</div>'),

[185] Fix | Delete

rhandle = jQuery('<div class="elfinder-resize-handle touch-punch"></div>'),

[186] Fix | Delete

rhandlec = jQuery('<div class="elfinder-resize-handle touch-punch"></div>'),

[187] Fix | Delete

uiresize = jQuery('<div class="elfinder-resize-uiresize elfinder-resize-control-panel"></div>'),

[188] Fix | Delete

uicrop = jQuery('<div class="elfinder-resize-uicrop elfinder-resize-control-panel"></div>'),

[189] Fix | Delete

uirotate = jQuery('<div class="elfinder-resize-rotate elfinder-resize-control-panel"></div>'),

[190] Fix | Delete

uideg270 = jQuery('<button></button>').attr('title',fm.i18n('rotate-cw')).append(jQuery('<span class="elfinder-button-icon elfinder-button-icon-rotate-l"></span>')),

[191] Fix | Delete

uideg90 = jQuery('<button></button>').attr('title',fm.i18n('rotate-ccw')).append(jQuery('<span class="elfinder-button-icon elfinder-button-icon-rotate-r"></span>')),

[192] Fix | Delete

uiprop = jQuery('<span ></span>'),

[193] Fix | Delete

reset = jQuery('<button class="elfinder-resize-reset">').text(fm.i18n('reset'))

[194] Fix | Delete

.on('click', function() {

[195] Fix | Delete

resetView();

[196] Fix | Delete

})

[197] Fix | Delete

.button({

[198] Fix | Delete

icons: {

[199] Fix | Delete

primary: 'ui-icon-arrowrefresh-1-n'

[200] Fix | Delete

},

[201] Fix | Delete

text: false

[202] Fix | Delete

}),

[203] Fix | Delete

uitype = jQuery('<div class="elfinder-resize-type"></div>')

[204] Fix | Delete

.append('<input type="radio" name="type" id="'+id+'-resize" value="resize" checked="checked" /><label for="'+id+'-resize">'+fm.i18n('resize')+'</label>',

[205] Fix | Delete

'<input class="api2" type="radio" name="type" id="'+id+'-crop" value="crop" /><label class="api2" for="'+id+'-crop">'+fm.i18n('crop')+'</label>',

[206] Fix | Delete

'<input class="api2" type="radio" name="type" id="'+id+'-rotate" value="rotate" /><label class="api2" for="'+id+'-rotate">'+fm.i18n('rotate')+'</label>'),

[207] Fix | Delete

mode = 'resize',

[208] Fix | Delete

type = uitype[ctrgrup]()[ctrgrup]('disable').find('input')

[209] Fix | Delete

.on('change', function() {

[210] Fix | Delete

mode = jQuery(this).val();

[211] Fix | Delete

[212] Fix | Delete

resetView();

[213] Fix | Delete

resizable(true);

[214] Fix | Delete

croppable(true);

[215] Fix | Delete

rotateable(true);

[216] Fix | Delete

[217] Fix | Delete

if (mode == 'resize') {

[218] Fix | Delete

uiresize.show();

[219] Fix | Delete

uirotate.hide();

[220] Fix | Delete

uicrop.hide();

[221] Fix | Delete

resizable();

[222] Fix | Delete

isJpeg && grid8px.insertAfter(uiresize.find('.elfinder-resize-grid8'));

[223] Fix | Delete

}

[224] Fix | Delete

else if (mode == 'crop') {

[225] Fix | Delete

uirotate.hide();

[226] Fix | Delete

uiresize.hide();

[227] Fix | Delete

uicrop.show();

[228] Fix | Delete

croppable();

[229] Fix | Delete

isJpeg && grid8px.insertAfter(uicrop.find('.elfinder-resize-grid8'));

[230] Fix | Delete

} else if (mode == 'rotate') {

[231] Fix | Delete

uiresize.hide();

[232] Fix | Delete

uicrop.hide();

[233] Fix | Delete

uirotate.show();

[234] Fix | Delete

rotateable();

[235] Fix | Delete

}

[236] Fix | Delete

}),

[237] Fix | Delete

width = jQuery(input)

[238] Fix | Delete

.on('change', function() {

[239] Fix | Delete

var w = round(parseInt(width.val())),

[240] Fix | Delete

h = round(cratio ? w/ratio : parseInt(height.val()));

[241] Fix | Delete

[242] Fix | Delete

if (w > 0 && h > 0) {

[243] Fix | Delete

resize.updateView(w, h);

[244] Fix | Delete

width.val(w);

[245] Fix | Delete

height.val(h);

[246] Fix | Delete

}

[247] Fix | Delete

}).addClass('elfinder-focus'),

[248] Fix | Delete

height = jQuery(input)

[249] Fix | Delete

.on('change', function() {

[250] Fix | Delete

var h = round(parseInt(height.val())),

[251] Fix | Delete

w = round(cratio ? h*ratio : parseInt(width.val()));

[252] Fix | Delete

[253] Fix | Delete

if (w > 0 && h > 0) {

[254] Fix | Delete

resize.updateView(w, h);

[255] Fix | Delete

width.val(w);

[256] Fix | Delete

height.val(h);

[257] Fix | Delete

}

[258] Fix | Delete

}),

[259] Fix | Delete

pointX = jQuery(input).on('change', function(){crop.updateView();}),

[260] Fix | Delete

pointY = jQuery(input).on('change', function(){crop.updateView();}),

[261] Fix | Delete

offsetX = jQuery(input).on('change', function(){crop.updateView('w');}),

[262] Fix | Delete

offsetY = jQuery(input).on('change', function(){crop.updateView('h');}),

[263] Fix | Delete

quality = isJpeg && api2?

[264] Fix | Delete

jQuery(input).val(fm.storage('jpgQuality') > 0? fm.storage('jpgQuality') : fm.option('jpgQuality'))

[265] Fix | Delete

.addClass('elfinder-resize-quality')

[266] Fix | Delete

.attr('min', '1').attr('max', '100').attr('title', '1 - 100')

[267] Fix | Delete

.on('blur', function(){

[268] Fix | Delete

var q = Math.min(100, Math.max(1, parseInt(this.value)));

[269] Fix | Delete

control.find('input.elfinder-resize-quality').val(q);

[270] Fix | Delete

})

[271] Fix | Delete

: null,

[272] Fix | Delete

degree = jQuery('<input type="number" class="ui-corner-all" maxlength="3" value="0" />')

[273] Fix | Delete

.on('change', function() {

[274] Fix | Delete

rotate.update();

[275] Fix | Delete

}),

[276] Fix | Delete

uidegslider = jQuery('<div class="elfinder-resize-rotate-slider touch-punch"></div>')

[277] Fix | Delete

.slider({

[278] Fix | Delete

min: 0,

[279] Fix | Delete

max: 360,

[280] Fix | Delete

value: degree.val(),

[281] Fix | Delete

animate: true,

[282] Fix | Delete

start: opStart,

[283] Fix | Delete

stop: opStop,

[284] Fix | Delete

change: function(event, ui) {

[285] Fix | Delete

if (ui.value != uidegslider.slider('value')) {

[286] Fix | Delete

rotate.update(ui.value);

[287] Fix | Delete

}

[288] Fix | Delete

},

[289] Fix | Delete

slide: function(event, ui) {

[290] Fix | Delete

rotate.update(ui.value, false);

[291] Fix | Delete

}

[292] Fix | Delete

}).find('.ui-slider-handle')

[293] Fix | Delete

.addClass('elfinder-tabstop')

[294] Fix | Delete

.off('keydown')

[295] Fix | Delete

.on('keydown', function(e) {

[296] Fix | Delete

if (e.keyCode == jQuery.ui.keyCode.LEFT || e.keyCode == jQuery.ui.keyCode.RIGHT) {

[297] Fix | Delete

e.stopPropagation();

[298] Fix | Delete

e.preventDefault();

[299] Fix | Delete

rotate.update(Number(degree.val()) + (e.keyCode == jQuery.ui.keyCode.RIGHT? 1 : -1), false);

[300] Fix | Delete

}

[301] Fix | Delete

})

[302] Fix | Delete

.end(),

[303] Fix | Delete

pickimg,

[304] Fix | Delete

pickcanv,

[305] Fix | Delete

pickctx,

[306] Fix | Delete

pickc = {},

[307] Fix | Delete

pick = function(e) {

[308] Fix | Delete

var color, r, g, b, h, s, l;

[309] Fix | Delete

[310] Fix | Delete

try {

[311] Fix | Delete

color = pickc[Math.round(e.offsetX)][Math.round(e.offsetY)];

[312] Fix | Delete

} catch(e) {}

[313] Fix | Delete

if (!color) return;

[314] Fix | Delete

[315] Fix | Delete

r = color[0]; g = color[1]; b = color[2];

[316] Fix | Delete

h = color[3]; s = color[4]; l = color[5];

[317] Fix | Delete

[318] Fix | Delete

setbg(r, g, b, (e.type === 'click'));

[319] Fix | Delete

},

[320] Fix | Delete

palpick = function(e) {

[321] Fix | Delete

setbg(jQuery(this).css('backgroundColor'), '', '', (e.type === 'click'));

[322] Fix | Delete

},

[323] Fix | Delete

setbg = function(r, g, b, off) {

[324] Fix | Delete

var s, m, cc;

[325] Fix | Delete

if (typeof r === 'string') {

[326] Fix | Delete

g = '';

[327] Fix | Delete

if (r && (s = jQuery('<span>').css('backgroundColor', r).css('backgroundColor')) && (m = s.match(/rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i))) {

[328] Fix | Delete

r = Number(m[1]);

[329] Fix | Delete

g = Number(m[2]);

[330] Fix | Delete

b = Number(m[3]);

[331] Fix | Delete

}

[332] Fix | Delete

}

[333] Fix | Delete

cc = (g === '')? r : '#' + getColorCode(r, g, b);

[334] Fix | Delete

bg.val(cc).css({ backgroundColor: cc, backgroundImage: 'none', color: (r+g+b < 384? '#fff' : '#000') });

[335] Fix | Delete

preview.css('backgroundColor', cc);

[336] Fix | Delete

if (off) {

[337] Fix | Delete

imgr.off('.picker').removeClass('elfinder-resize-picking');

[338] Fix | Delete

pallet.off('.picker').removeClass('elfinder-resize-picking');

[339] Fix | Delete

}

[340] Fix | Delete

},

[341] Fix | Delete

getColorCode = function(r, g, b) {

[342] Fix | Delete

return jQuery.map([r,g,b], function(c){return ('0'+parseInt(c).toString(16)).slice(-2);}).join('');

[343] Fix | Delete

},

[344] Fix | Delete

picker = jQuery('<button>').text(fm.i18n('colorPicker'))

[345] Fix | Delete

.on('click', function() {

[346] Fix | Delete

imgr.on('mousemove.picker click.picker', pick).addClass('elfinder-resize-picking');

[347] Fix | Delete

pallet.on('mousemove.picker click.picker', 'span', palpick).addClass('elfinder-resize-picking');

[348] Fix | Delete

})

[349] Fix | Delete

.button({

[350] Fix | Delete

icons: {

[351] Fix | Delete

primary: 'ui-icon-pin-s'

[352] Fix | Delete

},

[353] Fix | Delete

text: false

[354] Fix | Delete

}),

[355] Fix | Delete

reseter = jQuery('<button>').text(fm.i18n('reset'))

[356] Fix | Delete

.on('click', function() {

[357] Fix | Delete

setbg('', '', '', true);

[358] Fix | Delete

})

[359] Fix | Delete

.button({

[360] Fix | Delete

icons: {

[361] Fix | Delete

primary: 'ui-icon-arrowrefresh-1-n'

[362] Fix | Delete

},

[363] Fix | Delete

text: false

[364] Fix | Delete

}),

[365] Fix | Delete

bg = jQuery('<input class="ui-corner-all elfinder-resize-bg" type="text">')

[366] Fix | Delete

.on('focus', function() {

[367] Fix | Delete

jQuery(this).attr('style', '');

[368] Fix | Delete

})

[369] Fix | Delete

.on('blur', function() {

[370] Fix | Delete

setbg(jQuery(this).val());

[371] Fix | Delete

}),

[372] Fix | Delete

pallet = jQuery('<div class="elfinder-resize-pallet">').on('click', 'span', function() {

[373] Fix | Delete

setbg(jQuery(this).css('backgroundColor'));

[374] Fix | Delete

}),

[375] Fix | Delete

ratio = 1,

[376] Fix | Delete

prop = 1,

[377] Fix | Delete

owidth = 0,

[378] Fix | Delete

oheight = 0,

[379] Fix | Delete

cratio = true,

[380] Fix | Delete

cratioc = false,

[381] Fix | Delete

pwidth = 0,

[382] Fix | Delete

pheight = 0,

[383] Fix | Delete

rwidth = 0,

[384] Fix | Delete

rheight = 0,

[385] Fix | Delete

rdegree = 0,

[386] Fix | Delete

grid8 = isJpeg? grid8Def : false,

[387] Fix | Delete

constr = jQuery('<button>').html(fm.i18n('aspectRatio'))

[388] Fix | Delete

.on('click', function() {

[389] Fix | Delete

cratio = ! cratio;

[390] Fix | Delete

constr.button('option', {

[391] Fix | Delete

icons : { primary: cratio? 'ui-icon-locked' : 'ui-icon-unlocked'}

[392] Fix | Delete

});

[393] Fix | Delete

resize.fixHeight();

[394] Fix | Delete

rhandle.resizable('option', 'aspectRatio', cratio).data('uiResizable')._aspectRatio = cratio;

[395] Fix | Delete

})

[396] Fix | Delete

.button({

[397] Fix | Delete

icons : {

[398] Fix | Delete

primary: cratio? 'ui-icon-locked' : 'ui-icon-unlocked'

[399] Fix | Delete

},

[400] Fix | Delete

text: false

[401] Fix | Delete

}),

[402] Fix | Delete

constrc = jQuery('<button>').html(fm.i18n('aspectRatio'))

[403] Fix | Delete

.on('click', function() {

[404] Fix | Delete

cratioc = ! cratioc;

[405] Fix | Delete

constrc.button('option', {

[406] Fix | Delete

icons : { primary: cratioc? 'ui-icon-locked' : 'ui-icon-unlocked'}

[407] Fix | Delete

});

[408] Fix | Delete

rhandlec.resizable('option', 'aspectRatio', cratioc).data('uiResizable')._aspectRatio = cratioc;

[409] Fix | Delete

})

[410] Fix | Delete

.button({

[411] Fix | Delete

icons : {

[412] Fix | Delete

primary: cratioc? 'ui-icon-locked' : 'ui-icon-unlocked'

[413] Fix | Delete

},

[414] Fix | Delete

text: false

[415] Fix | Delete

}),

[416] Fix | Delete

grid8px = jQuery('<button>').html(fm.i18n(grid8? 'enabled' : 'disabled')).toggleClass('ui-state-active', grid8)

[417] Fix | Delete

.on('click', function() {

[418] Fix | Delete

grid8 = ! grid8;

[419] Fix | Delete

grid8px.html(fm.i18n(grid8? 'enabled' : 'disabled')).toggleClass('ui-state-active', grid8);

[420] Fix | Delete

setStep8();

[421] Fix | Delete

})

[422] Fix | Delete

.button(),

[423] Fix | Delete

setStep8 = function() {

[424] Fix | Delete

var step = grid8? 8 : 1;

[425] Fix | Delete

jQuery.each([width, height, offsetX, offsetY, pointX, pointY], function() {

[426] Fix | Delete

this.attr('step', step);

[427] Fix | Delete

});

[428] Fix | Delete

if (grid8) {

[429] Fix | Delete

width.val(round(width.val()));

[430] Fix | Delete

height.val(round(height.val()));

[431] Fix | Delete

offsetX.val(round(offsetX.val()));

[432] Fix | Delete

offsetY.val(round(offsetY.val()));

[433] Fix | Delete

pointX.val(round(pointX.val()));

[434] Fix | Delete

pointY.val(round(pointY.val()));

[435] Fix | Delete

if (uiresize.is(':visible')) {

[436] Fix | Delete

resize.updateView(width.val(), height.val());

[437] Fix | Delete

} else if (uicrop.is(':visible')) {

[438] Fix | Delete

crop.updateView();

[439] Fix | Delete

}

[440] Fix | Delete

}

[441] Fix | Delete

},

[442] Fix | Delete

setuprimg = function() {

[443] Fix | Delete

var r_scale,

[444] Fix | Delete

fail = function() {

[445] Fix | Delete

bg.parent().hide();

[446] Fix | Delete

pallet.hide();

[447] Fix | Delete

};

[448] Fix | Delete

r_scale = Math.min(pwidth, pheight) / Math.sqrt(Math.pow(owidth, 2) + Math.pow(oheight, 2));

[449] Fix | Delete

rwidth = Math.ceil(owidth * r_scale);

[450] Fix | Delete

rheight = Math.ceil(oheight * r_scale);

[451] Fix | Delete

imgr.width(rwidth)

[452] Fix | Delete

.height(rheight)

[453] Fix | Delete

.css('margin-top', (pheight-rheight)/2 + 'px')

[454] Fix | Delete

.css('margin-left', (pwidth-rwidth)/2 + 'px');

[455] Fix | Delete

if (imgr.is(':visible') && bg.is(':visible')) {

[456] Fix | Delete

if (file.mime !== 'image/png') {

[457] Fix | Delete

preview.css('backgroundColor', bg.val());

[458] Fix | Delete

pickimg = jQuery('<img>');

[459] Fix | Delete

if (fm.isCORS) {

[460] Fix | Delete

pickimg.attr('crossorigin', 'use-credentials');

[461] Fix | Delete

}

[462] Fix | Delete

pickimg.on('load', function() {

[463] Fix | Delete

if (pickcanv && pickcanv.width !== rwidth) {

[464] Fix | Delete

setColorData();

[465] Fix | Delete

}

[466] Fix | Delete

})

[467] Fix | Delete

.on('error', fail)

[468] Fix | Delete

.attr('src', canvSrc);

[469] Fix | Delete

} else {

[470] Fix | Delete

fail();

[471] Fix | Delete

}

[472] Fix | Delete

}

[473] Fix | Delete

},

[474] Fix | Delete

setupimg = function() {

[475] Fix | Delete

resize.updateView(owidth, oheight);

[476] Fix | Delete

setuprimg();

[477] Fix | Delete

basec

[478] Fix | Delete

.width(img.width())

[479] Fix | Delete

.height(img.height());

[480] Fix | Delete

imgc

[481] Fix | Delete

.width(img.width())

[482] Fix | Delete

.height(img.height());

[483] Fix | Delete

crop.updateView();

[484] Fix | Delete

jpgCalc();

[485] Fix | Delete

},

[486] Fix | Delete

setColorData = function() {

[487] Fix | Delete

if (pickctx) {

[488] Fix | Delete

var n, w, h, r, g, b, a, s, l, hsl, hue,

[489] Fix | Delete

data, scale, tx1, tx2, ty1, ty2, rgb,

[490] Fix | Delete

domi = {},

[491] Fix | Delete

domic = [],

[492] Fix | Delete

domiv, palc,

[493] Fix | Delete

rgbToHsl = function (r, g, b) {

[494] Fix | Delete

var h, s, l,

[495] Fix | Delete

max = Math.max(Math.max(r, g), b),

[496] Fix | Delete

min = Math.min(Math.min(r, g), b);

[497] Fix | Delete

[498] Fix | Delete

// Hue, 0 ~ 359

[499] Fix | Delete