You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
1.9 KiB
78 lines
1.9 KiB
var FormImageCrop = function () {
|
|
|
|
|
|
var demo2 = function() {
|
|
var jcrop_api;
|
|
|
|
$('#demo2').Jcrop({
|
|
onChange: showCoords,
|
|
onSelect: showCoords,
|
|
onRelease: clearCoords
|
|
},function(){
|
|
jcrop_api = this;
|
|
});
|
|
|
|
$('#coords').on('change','input',function(e){
|
|
var x1 = $('#x1').val(),
|
|
x2 = $('#x2').val(),
|
|
y1 = $('#y1').val(),
|
|
y2 = $('#y2').val();
|
|
jcrop_api.setSelect([x1,y1,x2,y2]);
|
|
});
|
|
|
|
// Simple event handler, called from onChange and onSelect
|
|
// event handlers, as per the Jcrop invocation above
|
|
function showCoords(c)
|
|
{
|
|
$('#x1').val(c.x);
|
|
$('#y1').val(c.y);
|
|
$('#x2').val(c.x2);
|
|
$('#y2').val(c.y2);
|
|
$('#w').val(c.w);
|
|
$('#h').val(c.h);
|
|
};
|
|
|
|
function clearCoords()
|
|
{
|
|
$('#coords input').val('');
|
|
};
|
|
}
|
|
|
|
|
|
var handleResponsive = function() {
|
|
if ($(window).width() <= 1024 && $(window).width() >= 678) {
|
|
$('.responsive-1024').each(function(){
|
|
$(this).attr("data-class", $(this).attr("class"));
|
|
$(this).attr("class", 'responsive-1024 col-md-12');
|
|
});
|
|
} else {
|
|
$('.responsive-1024').each(function(){
|
|
if ($(this).attr("data-class")) {
|
|
$(this).attr("class", $(this).attr("data-class"));
|
|
$(this).removeAttr("data-class");
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
return {
|
|
//main function to initiate the module
|
|
init: function () {
|
|
|
|
if (!jQuery().Jcrop) {;
|
|
return;
|
|
}
|
|
|
|
App.addResizeHandler(handleResponsive);
|
|
handleResponsive();
|
|
|
|
demo2();
|
|
}
|
|
|
|
};
|
|
|
|
}();
|
|
|
|
jQuery(document).ready(function() {
|
|
FormImageCrop.init();
|
|
});
|