Skip to content

Instantly share code, notes, and snippets.

@jenswittmann
Created July 31, 2018 12:52
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save jenswittmann/e26ee4a3740cc7acf865e041a7af66f5 to your computer and use it in GitHub Desktop.
Save jenswittmann/e26ee4a3740cc7acf865e041a7af66f5 to your computer and use it in GitHub Desktop.
Custom MODX Collections renderer for Image+ with cropping
collections.renderer.imageplus = function(value, metaData, record, rowIndex, colIndex, store) {
if (value != '' && value != null) {
var data = Ext.decode(value);
var url = MODx.config.connectors_url + 'system/phpthumb.php?imageplus=1';
var params = {};
params.src = 'upload/'+MODx.config['collections.renderer_image_path'] + data.sourceImg.src;
params.w = 100;
if (data.sourceImg.src.indexOf('.png') !== -1) {
params.f = 'png';
}
params.sx = data.crop.x;
params.sy = data.crop.y;
params.sw = data.crop.width;
params.sh = data.crop.height;
params.aoe = 1;
for (var i in params) {
url += '&' + i + '=' + params[i];
}
return '<img alt="" src="' + url + '" width="' + (params.w || 80) + '">';
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment