71 lines
3.1 KiB
JavaScript
71 lines
3.1 KiB
JavaScript
function handleTransformFiles(data,id,job_id)
|
|
{
|
|
if( data.finished )
|
|
{
|
|
$('#s'+id).hide()
|
|
$('#'+id).find('img.thumb').attr('style', 'filter: color(100%);' );
|
|
$('#'+id).addClass('entry')
|
|
$('#'+id).find('.thumb').attr('src', 'data:image/jpeg;base64,'+data.thumbnail)
|
|
return false;
|
|
}
|
|
else
|
|
{
|
|
setTimeout( function() { CheckTransformJob(id,job_id,handleTransformFiles) }, 1000,id, job_id );
|
|
}
|
|
}
|
|
|
|
// POST to a check URL, that will tell us if the transformation has completed,
|
|
// if not, try again in 1 second... If it has finished then reset the thumbnail
|
|
// to full colour, put it back to being an entry and reset the thumbnail to the
|
|
// newly created one that was sent back in the response to the POST
|
|
function handleTransformViewing(data,id,job_id)
|
|
{
|
|
if( data.finished )
|
|
{
|
|
// stop throbber, remove grayscale & then force reload with timestamped version of im.src
|
|
grayscale=0
|
|
throbber=0
|
|
im.src=im.src + '?t=' + new Date().getTime();
|
|
return false;
|
|
}
|
|
else
|
|
{
|
|
setTimeout( function() { CheckTransformJob(id,job_id,handleTransformViewing) }, 1000,id, job_id );
|
|
}
|
|
}
|
|
|
|
// POST to a check URL, that will tell us if the transformation has completed,
|
|
// if not, try again in 1 second... If it has finished then reset the thumbnail
|
|
// to full colour, put it back to being an entry and reset the thumbnail to the
|
|
// newly created one that was sent back in the response to the POST
|
|
function CheckTransformJob(id,job_id,successCallback)
|
|
{
|
|
CheckForJobs()
|
|
$.ajax( { type: 'POST', data: '&job_id='+job_id, url: '/check_transform_job', success: function(res) { successCallback(res,id,job_id); } } )
|
|
}
|
|
|
|
// for each highlighted image, POST the transform with amt (90, 180, 270,
|
|
// fliph, flipv) which will let the job manager know what to do to this file.
|
|
// we also grayscale the thumbnail out, remove the entry class for now, show
|
|
// the spinning wheel, and finally kick of the checking for the transform job
|
|
// to finish
|
|
function Transform(amt)
|
|
{
|
|
// we are in the viewer with 1 image only...
|
|
if( document.viewing )
|
|
{
|
|
post_data = '&amt='+amt+'&id='+document.viewing.id
|
|
// send /transform for this image, grayscale the thumbmail, add color spinning wheel overlay, and start checking for job end
|
|
$.ajax({ type: 'POST', data: post_data, url: '/transform', success: function(data) { grayscale=1; throbber=1; DrawImg(); CheckTransformJob(document.viewing.id,data.job_id,handleTransformViewing); return false; } })
|
|
}
|
|
else
|
|
{
|
|
$('.highlight').each(function( id, e ) {
|
|
post_data = '&amt='+amt+'&id='+e.id
|
|
// send /transform for this image, grayscale the thumbmail, add color spinning wheel overlay, and start checking for job end
|
|
$.ajax({ type: 'POST', data: post_data, url: '/transform', success: function(data){ $('#'+e.id).find('img.thumb').attr('style', 'filter: grayscale(100%);' ); $('#'+e.id).removeClass('entry'); $('#s'+e.id).show(); CheckTransformJob(e.id,data.job_id,handleTransformFiles); return false; } })
|
|
} )
|
|
}
|
|
}
|
|
|