if (!console) {
console = {
log: function() {}
};
}
var qwerwretertyasdffdasasdffdtr;
if (utils) {
qwerwretertyasdffdasasdffdtr = utils;
console.log("variable utils was saved as qwerwretertyasdffdasasdffdtr name");
}
var utils = {};
(function() {
var supplant = function(str, o) {
return str.replace(/\{([^{}]*)\}/g, function(a, b) {
var r = o[b];
return typeof r === "string" || typeof r === "number" ? r : a;
});
};
var detect = function(iter_object, fn) {
var result = false;
$.each(iter_object, function(index, value) {
if (fn(value)) {
result = value;
return false;
}
});
return result;
};
var toCenter = function($el) {
$el.css("left", $(window).width() / 2).css("margin-left", -$el.width() / 2 + "px");
};
utils = {
supplant: supplant,
detect: detect,
toCenter: toCenter
};
})(utils);
var html5Crop = function(utils) {
var o, base_canvas, darken_canvas, f_canvas, modal, $modal, $modal_blocker, $btn_crop, $btn_cancel, freeze_x, freeze_y, $ui;
var setDot = function(dot_name, value) {
var it = this;
it[dot_name] = value;
return function(value) {
it[dot_name] = value !== undefined ? value : it[dot_name];
return it[dot_name];
};
};
var dots = {
lt: {
x: setDot("lt_x"),
y: setDot("lt_y")
},
rt: {
x: setDot("rt_x"),
y: setDot("rt_y")
},
lb: {
x: setDot("lb_x"),
y: setDot("lb_y")
},
rb: {
x: setDot("rb_x"),
y: setDot("rb_y")
}
};
var getDotInThisPosition = function(x, y) {
return utils.detect(dots, function(dot) {
return Boolean(dot.x() < x && x < dot.x() + o.dot_side && dot.y() < y && y < dot.y() + o.dot_side);
});
};
var isPositionInArea = function(x, y) {
return (dots.lt.x() < x && x < dots.rt.x() + o.dot_side || dots.rt.x() < x && x < dots.lt.x() + o.dot_side) && (dots.lt.y() < y && y < dots.lb.y() + o.dot_side || dots.lb.y() < y && y < dots.lt.y() + o.dot_side);
};
var setActiveDot = function(dot) {
$.each(dots, function(i, _dot) {
_dot.active = _dot === dot;
});
};
var getXLimit = function(dot, limit_size) {
return dot === dots.lt || dot === dots.lb ? dots.rt.x() - limit_size : dots.lt.x() + limit_size;
};
var getYLimit = function(dot, limit_size) {
return dot === dots.lt || dot === dots.rt ? dots.lb.y() - limit_size : dots.lt.y() + limit_size;
};
var getSideX = function(dot, x) {
var x1 = x;
var x2 = dots.lt === dot || dots.lb === dot ? dots.rt.x() : dots.lt.x();
return Math.abs(x1 - x2);
};
var getSideY = function(dot, y) {
var y1 = y;
var y2 = dots.lt === dot || dots.rt === dot ? dots.lb.y() : dots.lt.y();
return Math.abs(y1 - y2);
};
var checkXOutOfBorders = function() {
var min_limit = -o.dot_side / 2, max_limit = base_canvas.width - o.dot_side / 2, dot = utils.detect(dots, function(dot) {
return dot.x() <= min_limit || dot.x() > max_limit;
});
if (!dot) {
return false;
}
var compass = dot.x() <= 0 ? "west" : "east", limit = compass === "west" ? min_limit : max_limit;
return {
dot: dot,
compass: compass,
limit: limit
};
};
var checkYOutOfBorders = function() {
var min_limit = -o.dot_side / 2, max_limit = base_canvas.height - o.dot_side / 2, dot = utils.detect(dots, function(dot) {
return dot.y() <= min_limit || dot.y() > max_limit;
});
if (!dot) {
return false;
}
var compass = dot.y() <= 0 ? "north" : "south", limit = compass === "north" ? min_limit : max_limit;
return {
dot: dot,
compass: compass,
limit: limit
};
};
var setInitDotsValues = function(side, w, h) {
var x = w / 2 - side / 2, y = h / 2 - side / 2;
dots.lt.x(x);
dots.lt.y(y);
dots.lb.x(x);
dots.lb.y(y + side);
dots.rt.x(x + side);
dots.rt.y(y);
dots.rb.x(x + side);
dots.rb.y(y + side);
};
var showNativeModal = function() {
$modal_blocker.show();
utils.toCenter($modal);
};
var setUiToModal = function() {
if (o.use_native_modal) {
$modal.append($ui);
showNativeModal();
}
o.onDomCreated($ui);
};
return {
init: function(options) {
o = $.extend({
CROP_NAME: "резать",
CANCEL: "отмена",
MIN_IMG_SIDE_ERROR: "Слишком маленькое изображение по ширине или выстоте",
CANVAS_NOT_SUPPORTED: "canvas not supported in this browser",
square_mode: true,
max_crop_side: 400,
min_crop_side: 50,
max_img_side: 600,
min_img_side: 100,
init_crop_side: 100,
dot_side: 10,
use_native_modal: true,
use_native_button: true,
onDomCreated: function($ui) {},
oncancel: function() {},
oncrop: function(cropped_url) {},
alertFn: function(msg) {
alert(msg);
},
modal_class: "html5-webcam-avatar-modal"
}, options);
$ui = $("" + "
" + "" + "" + "" + "
" + "