Remove event.js and event.js.php. Recreating in angular
This commit is contained in:
Kyle Johnson
parent
a1d9f25c75
commit
501b762b81
|
|
@ -1,754 +0,0 @@
|
||||||
function setButtonState( element, butClass )
|
|
||||||
{
|
|
||||||
element.className = butClass;
|
|
||||||
element.disabled = (butClass != 'inactive');
|
|
||||||
}
|
|
||||||
|
|
||||||
function changeScale()
|
|
||||||
{
|
|
||||||
var scale = $('scale').get('value');
|
|
||||||
var baseWidth = eventData.Width;
|
|
||||||
var baseHeight = eventData.Height;
|
|
||||||
var newWidth = ( baseWidth * scale ) / SCALE_BASE;
|
|
||||||
var newHeight = ( baseHeight * scale ) / SCALE_BASE;
|
|
||||||
|
|
||||||
streamScale( scale );
|
|
||||||
|
|
||||||
/*Stream could be an applet so can't use moo tools*/
|
|
||||||
var streamImg = document.getElementById('evtStream');
|
|
||||||
streamImg.style.width = newWidth + "px";
|
|
||||||
streamImg.style.height = newHeight + "px";
|
|
||||||
}
|
|
||||||
|
|
||||||
function changeReplayMode()
|
|
||||||
{
|
|
||||||
var replayMode = $('replayMode').get('value');
|
|
||||||
|
|
||||||
Cookie.write( 'replayMode', replayMode, { duration: 10*365 })
|
|
||||||
|
|
||||||
refreshWindow();
|
|
||||||
}
|
|
||||||
|
|
||||||
var streamParms = "view=request&request=stream&connkey="+connKey;
|
|
||||||
var streamCmdTimer = null;
|
|
||||||
|
|
||||||
var streamStatus = null;
|
|
||||||
var lastEventId = 0;
|
|
||||||
|
|
||||||
function getCmdResponse( respObj, respText )
|
|
||||||
{
|
|
||||||
if ( checkStreamForErrors( "getCmdResponse" ,respObj ) )
|
|
||||||
return;
|
|
||||||
|
|
||||||
if ( streamCmdTimer )
|
|
||||||
streamCmdTimer = clearTimeout( streamCmdTimer );
|
|
||||||
|
|
||||||
streamStatus = respObj.status;
|
|
||||||
|
|
||||||
var eventId = streamStatus.event;
|
|
||||||
if ( eventId != lastEventId )
|
|
||||||
{
|
|
||||||
eventQuery( eventId );
|
|
||||||
lastEventId = eventId;
|
|
||||||
}
|
|
||||||
if ( streamStatus.paused == true )
|
|
||||||
{
|
|
||||||
$('modeValue').set( 'text', "Paused" );
|
|
||||||
$('rate').addClass( 'hidden' );
|
|
||||||
streamPause( false );
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
$('modeValue').set( 'text', "Replay" );
|
|
||||||
$('rateValue').set( 'text', streamStatus.rate );
|
|
||||||
$('rate').removeClass( 'hidden' );
|
|
||||||
streamPlay( false );
|
|
||||||
}
|
|
||||||
$('progressValue').set( 'text', secsToTime( parseInt(streamStatus.progress) ) );
|
|
||||||
$('zoomValue').set( 'text', streamStatus.zoom );
|
|
||||||
if ( streamStatus.zoom == "1.0" )
|
|
||||||
setButtonState( $('zoomOutBtn'), 'unavail' );
|
|
||||||
else
|
|
||||||
setButtonState( $('zoomOutBtn'), 'inactive' );
|
|
||||||
|
|
||||||
updateProgressBar();
|
|
||||||
|
|
||||||
streamCmdTimer = streamQuery.delay( streamTimeout );
|
|
||||||
}
|
|
||||||
|
|
||||||
var streamReq = new Request.JSON( { url: thisUrl, method: 'post', timeout: AJAX_TIMEOUT, link: 'chain', onSuccess: getCmdResponse } );
|
|
||||||
|
|
||||||
function streamPause( action )
|
|
||||||
{
|
|
||||||
setButtonState( $('pauseBtn'), 'active' );
|
|
||||||
setButtonState( $('playBtn'), 'inactive' );
|
|
||||||
setButtonState( $('fastFwdBtn'), 'unavail' );
|
|
||||||
setButtonState( $('slowFwdBtn'), 'inactive' );
|
|
||||||
setButtonState( $('slowRevBtn'), 'inactive' );
|
|
||||||
setButtonState( $('fastRevBtn'), 'unavail' );
|
|
||||||
if ( action )
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_PAUSE );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamPlay( action )
|
|
||||||
{
|
|
||||||
setButtonState( $('pauseBtn'), 'inactive' );
|
|
||||||
if (streamStatus)
|
|
||||||
setButtonState( $('playBtn'), streamStatus.rate==1?'active':'inactive' );
|
|
||||||
setButtonState( $('fastFwdBtn'), 'inactive' );
|
|
||||||
setButtonState( $('slowFwdBtn'), 'unavail' );
|
|
||||||
setButtonState( $('slowRevBtn'), 'unavail' );
|
|
||||||
setButtonState( $('fastRevBtn'), 'inactive' );
|
|
||||||
if ( action )
|
|
||||||
{
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_PLAY );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamFastFwd( action )
|
|
||||||
{
|
|
||||||
setButtonState( $('pauseBtn'), 'inactive' );
|
|
||||||
setButtonState( $('playBtn'), 'inactive' );
|
|
||||||
setButtonState( $('fastFwdBtn'), 'inactive' );
|
|
||||||
setButtonState( $('slowFwdBtn'), 'unavail' );
|
|
||||||
setButtonState( $('slowRevBtn'), 'unavail' );
|
|
||||||
setButtonState( $('fastRevBtn'), 'inactive' );
|
|
||||||
if ( action )
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_FASTFWD );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamSlowFwd( action )
|
|
||||||
{
|
|
||||||
setButtonState( $('pauseBtn'), 'inactive' );
|
|
||||||
setButtonState( $('playBtn'), 'inactive' );
|
|
||||||
setButtonState( $('fastFwdBtn'), 'unavail' );
|
|
||||||
setButtonState( $('slowFwdBtn'), 'active' );
|
|
||||||
setButtonState( $('slowRevBtn'), 'inactive' );
|
|
||||||
setButtonState( $('fastRevBtn'), 'unavail' );
|
|
||||||
if ( action )
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_SLOWFWD );
|
|
||||||
setButtonState( $('pauseBtn'), 'active' );
|
|
||||||
setButtonState( $('slowFwdBtn'), 'inactive' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamSlowRev( action )
|
|
||||||
{
|
|
||||||
setButtonState( $('pauseBtn'), 'inactive' );
|
|
||||||
setButtonState( $('playBtn'), 'inactive' );
|
|
||||||
setButtonState( $('fastFwdBtn'), 'unavail' );
|
|
||||||
setButtonState( $('slowFwdBtn'), 'inactive' );
|
|
||||||
setButtonState( $('slowRevBtn'), 'active' );
|
|
||||||
setButtonState( $('fastRevBtn'), 'unavail' );
|
|
||||||
if ( action )
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_SLOWREV );
|
|
||||||
setButtonState( $('pauseBtn'), 'active' );
|
|
||||||
setButtonState( $('slowRevBtn'), 'inactive' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamFastRev( action )
|
|
||||||
{
|
|
||||||
setButtonState( $('pauseBtn'), 'inactive' );
|
|
||||||
setButtonState( $('playBtn'), 'inactive' );
|
|
||||||
setButtonState( $('fastFwdBtn'), 'inactive' );
|
|
||||||
setButtonState( $('slowFwdBtn'), 'unavail' );
|
|
||||||
setButtonState( $('slowRevBtn'), 'unavail' );
|
|
||||||
setButtonState( $('fastRevBtn'), 'inactive' );
|
|
||||||
if ( action )
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_FASTREV );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamPrev( action )
|
|
||||||
{
|
|
||||||
streamPlay( false );
|
|
||||||
if ( action )
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_PREV );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamNext( action )
|
|
||||||
{
|
|
||||||
streamPlay( false );
|
|
||||||
if ( action )
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_NEXT );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamZoomIn( x, y )
|
|
||||||
{
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_ZOOMIN+"&x="+x+"&y="+y );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamZoomOut()
|
|
||||||
{
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_ZOOMOUT );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamScale( scale )
|
|
||||||
{
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_SCALE+"&scale="+scale );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamPan( x, y )
|
|
||||||
{
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_PAN+"&x="+x+"&y="+y );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamSeek( offset )
|
|
||||||
{
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_SEEK+"&offset="+offset );
|
|
||||||
}
|
|
||||||
|
|
||||||
function streamQuery()
|
|
||||||
{
|
|
||||||
streamReq.send( streamParms+"&command="+CMD_QUERY );
|
|
||||||
}
|
|
||||||
|
|
||||||
var slider = null;
|
|
||||||
var scroll = null;
|
|
||||||
|
|
||||||
function getEventResponse( respObj, respText )
|
|
||||||
{
|
|
||||||
if ( checkStreamForErrors( "getEventResponse", respObj ) )
|
|
||||||
return;
|
|
||||||
|
|
||||||
eventData = respObj.event;
|
|
||||||
if ( !$('eventStills').hasClass( 'hidden' ) && currEventId != eventData.Id )
|
|
||||||
resetEventStills();
|
|
||||||
currEventId = eventData.Id;
|
|
||||||
|
|
||||||
$('dataId').set( 'text', eventData.Id );
|
|
||||||
if ( eventData.Notes )
|
|
||||||
{
|
|
||||||
$('dataCause').setProperty( 'title', eventData.Notes );
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
$('dataCause').setProperty( 'title', causeString );
|
|
||||||
}
|
|
||||||
$('dataCause').set( 'text', eventData.Cause );
|
|
||||||
$('dataTime').set( 'text', eventData.StartTime );
|
|
||||||
$('dataDuration').set( 'text', eventData.Length );
|
|
||||||
$('dataFrames').set( 'text', eventData.Frames+"/"+eventData.AlarmFrames );
|
|
||||||
$('dataScore').set( 'text', eventData.TotScore+"/"+eventData.AvgScore+"/"+eventData.MaxScore );
|
|
||||||
$('eventName').setProperty( 'value', eventData.Name );
|
|
||||||
|
|
||||||
if ( canEditEvents )
|
|
||||||
{
|
|
||||||
if ( parseInt(eventData.Archived) )
|
|
||||||
{
|
|
||||||
$('archiveEvent').addClass( 'hidden' );
|
|
||||||
$('unarchiveEvent').removeClass( 'hidden' );
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
$('archiveEvent').removeClass( 'hidden' );
|
|
||||||
$('unarchiveEvent').addClass( 'hidden' );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//var eventImg = $('eventImage');
|
|
||||||
//eventImg.setStyles( { 'width': eventData.width, 'height': eventData.height } );
|
|
||||||
drawProgressBar();
|
|
||||||
nearEventsQuery( eventData.Id );
|
|
||||||
}
|
|
||||||
|
|
||||||
var eventReq = new Request.JSON( { url: thisUrl, method: 'post', timeout: AJAX_TIMEOUT, link: 'cancel', onSuccess: getEventResponse } );
|
|
||||||
|
|
||||||
function eventQuery( eventId )
|
|
||||||
{
|
|
||||||
var eventParms = "view=request&request=status&entity=event&id="+eventId;
|
|
||||||
eventReq.send( eventParms );
|
|
||||||
}
|
|
||||||
|
|
||||||
var prevEventId = 0;
|
|
||||||
var nextEventId = 0;
|
|
||||||
|
|
||||||
function getNearEventsResponse( respObj, respText )
|
|
||||||
{
|
|
||||||
if ( checkStreamForErrors( "getNearEventsResponse", respObj ) )
|
|
||||||
return;
|
|
||||||
prevEventId = respObj.nearevents.PrevEventId;
|
|
||||||
nextEventId = respObj.nearevents.NextEventId;
|
|
||||||
|
|
||||||
$('prevEventBtn').disabled = !prevEventId;
|
|
||||||
$('nextEventBtn').disabled = !nextEventId;
|
|
||||||
}
|
|
||||||
|
|
||||||
var nearEventsReq = new Request.JSON( { url: thisUrl, method: 'post', timeout: AJAX_TIMEOUT, link: 'cancel', onSuccess: getNearEventsResponse } );
|
|
||||||
|
|
||||||
function nearEventsQuery( eventId )
|
|
||||||
{
|
|
||||||
var parms = "view=request&request=status&entity=nearevents&id="+eventId;
|
|
||||||
nearEventsReq.send( parms );
|
|
||||||
}
|
|
||||||
|
|
||||||
var frameBatch = 40;
|
|
||||||
|
|
||||||
function loadEventThumb( event, frame, loadImage )
|
|
||||||
{
|
|
||||||
var thumbImg = $('eventThumb'+frame.FrameId);
|
|
||||||
if ( !thumbImg )
|
|
||||||
{
|
|
||||||
console.error( "No holder found for frame "+frame.FrameId );
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var img = new Asset.image( imagePrefix+frame.Image.imagePath,
|
|
||||||
{
|
|
||||||
'onload': ( function( loadImage )
|
|
||||||
{
|
|
||||||
thumbImg.setProperty( 'src', img.getProperty( 'src' ) );
|
|
||||||
thumbImg.removeClass( 'placeholder' );
|
|
||||||
thumbImg.setProperty( 'class', frame.Type=='Alarm'?'alarm':'normal' );
|
|
||||||
thumbImg.setProperty( 'title', frame.FrameId+' / '+((frame.Type=='Alarm')?frame.Score:0) );
|
|
||||||
thumbImg.removeEvents( 'click' );
|
|
||||||
thumbImg.addEvent( 'click', function() { locateImage( frame.FrameId, true ); } );
|
|
||||||
if ( loadImage )
|
|
||||||
loadEventImage( event, frame );
|
|
||||||
} ).pass( loadImage )
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateStillsSizes( noDelay )
|
|
||||||
{
|
|
||||||
var containerDim = $('eventThumbs').getSize();
|
|
||||||
|
|
||||||
var containerWidth = containerDim.x;
|
|
||||||
var containerHeight = containerDim.y;
|
|
||||||
var popupWidth = parseInt($('eventImage').getStyle( 'width' ));
|
|
||||||
var popupHeight = parseInt($('eventImage').getStyle( 'height' ));
|
|
||||||
|
|
||||||
var left = (containerWidth - popupWidth)/2;
|
|
||||||
if ( left < 0 ) left = 0;
|
|
||||||
var top = (containerHeight - popupHeight)/2;
|
|
||||||
if ( top < 0 ) top = 0;
|
|
||||||
if ( popupHeight == 0 && !noDelay ) // image not yet loaded lets give it another second
|
|
||||||
{
|
|
||||||
updateStillsSizes.pass( true ).delay( 50 );
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$('eventImagePanel').setStyles( {
|
|
||||||
'left': left,
|
|
||||||
'top': top
|
|
||||||
} );
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadEventImage( event, frame )
|
|
||||||
{
|
|
||||||
console.debug( "Loading "+event.Id+"/"+frame.FrameId );
|
|
||||||
var eventImg = $('eventImage');
|
|
||||||
var thumbImg = $('eventThumb'+frame.FrameId);
|
|
||||||
if ( eventImg.getProperty( 'src' ) != thumbImg.getProperty( 'src' ) )
|
|
||||||
{
|
|
||||||
var eventImagePanel = $('eventImagePanel');
|
|
||||||
|
|
||||||
if ( eventImagePanel.getStyle( 'display' ) != 'none' )
|
|
||||||
{
|
|
||||||
var lastThumbImg = $('eventThumb'+eventImg.getProperty( 'alt' ));
|
|
||||||
lastThumbImg.removeClass('selected');
|
|
||||||
lastThumbImg.setOpacity( 1.0 );
|
|
||||||
}
|
|
||||||
|
|
||||||
eventImg.setProperties( {
|
|
||||||
'class': frame.Type=='Alarm'?'alarm':'normal',
|
|
||||||
'src': thumbImg.getProperty( 'src' ),
|
|
||||||
'title': thumbImg.getProperty( 'title' ),
|
|
||||||
'alt': thumbImg.getProperty( 'alt' ),
|
|
||||||
'width': event.Width,
|
|
||||||
'height': event.Height
|
|
||||||
} );
|
|
||||||
$('eventImageBar').setStyle( 'width', event.Width );
|
|
||||||
if ( frame.Type=='Alarm' )
|
|
||||||
$('eventImageStats').removeClass( 'hidden' );
|
|
||||||
else
|
|
||||||
$('eventImageStats').addClass( 'hidden' );
|
|
||||||
thumbImg.addClass( 'selected' );
|
|
||||||
thumbImg.setOpacity( 0.5 );
|
|
||||||
|
|
||||||
if ( eventImagePanel.getStyle( 'display' ) == 'none' )
|
|
||||||
{
|
|
||||||
eventImagePanel.setOpacity( 0 );
|
|
||||||
updateStillsSizes();
|
|
||||||
eventImagePanel.setStyle( 'display', 'block' );
|
|
||||||
new Fx.Tween( eventImagePanel, { duration: 500, transition: Fx.Transitions.Sine } ).start( 'opacity', 0, 1 );
|
|
||||||
}
|
|
||||||
|
|
||||||
$('eventImageNo').set( 'text', frame.FrameId );
|
|
||||||
$('prevImageBtn').disabled = (frame.FrameId==1);
|
|
||||||
$('nextImageBtn').disabled = (frame.FrameId==event.Frames);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideEventImageComplete()
|
|
||||||
{
|
|
||||||
var eventImg = $('eventImage');
|
|
||||||
var thumbImg = $('eventThumb'+$('eventImage').getProperty( 'alt' ));
|
|
||||||
thumbImg.removeClass('selected');
|
|
||||||
thumbImg.setOpacity( 1.0 );
|
|
||||||
$('prevImageBtn').disabled = true;
|
|
||||||
$('nextImageBtn').disabled = true;
|
|
||||||
$('eventImagePanel').setStyle( 'display', 'none' );
|
|
||||||
$('eventImageStats').addClass( 'hidden' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideEventImage()
|
|
||||||
{
|
|
||||||
if ( $('eventImagePanel').getStyle( 'display' ) != 'none' )
|
|
||||||
new Fx.Tween( $('eventImagePanel'), { duration: 500, transition: Fx.Transitions.Sine, onComplete: hideEventImageComplete } ).start( 'opacity', 1, 0 );
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetEventStills()
|
|
||||||
{
|
|
||||||
hideEventImage();
|
|
||||||
$('eventThumbs').empty();
|
|
||||||
if ( true || !slider )
|
|
||||||
{
|
|
||||||
slider = new Slider( $('thumbsSlider'), $('thumbsKnob'), {
|
|
||||||
/*steps: eventData.Frames,*/
|
|
||||||
onChange: function( step )
|
|
||||||
{
|
|
||||||
if ( !step )
|
|
||||||
step = 0;
|
|
||||||
var fid = parseInt((step * eventData.Frames)/this.options.steps);
|
|
||||||
if ( fid < 1 )
|
|
||||||
fid = 1;
|
|
||||||
else if ( fid > eventData.Frames )
|
|
||||||
fid = eventData.Frames;
|
|
||||||
checkFrames( eventData.Id, fid );
|
|
||||||
scroll.toElement( 'eventThumb'+fid );
|
|
||||||
}
|
|
||||||
} ).set( 0 );
|
|
||||||
}
|
|
||||||
if ( $('eventThumbs').getStyle( 'height' ).match( /^\d+/ ) < (parseInt(eventData.Height)+80) )
|
|
||||||
$('eventThumbs').setStyle( 'height', (parseInt(eventData.Height)+80)+'px' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function getFrameResponse( respObj, respText )
|
|
||||||
{
|
|
||||||
if ( checkStreamForErrors( "getFrameResponse", respObj ) )
|
|
||||||
return;
|
|
||||||
|
|
||||||
var frame = respObj.frameimage;
|
|
||||||
|
|
||||||
if ( !eventData )
|
|
||||||
{
|
|
||||||
console.error( "No event "+frame.EventId+" found" );
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( !eventData['frames'] )
|
|
||||||
eventData['frames'] = new Object();
|
|
||||||
|
|
||||||
eventData['frames'][frame.FrameId] = frame;
|
|
||||||
|
|
||||||
loadEventThumb( eventData, frame, respObj.loopback=="true" );
|
|
||||||
}
|
|
||||||
|
|
||||||
var frameReq = new Request.JSON( { url: thisUrl, method: 'post', timeout: AJAX_TIMEOUT, link: 'chain', onSuccess: getFrameResponse } );
|
|
||||||
|
|
||||||
function frameQuery( eventId, frameId, loadImage )
|
|
||||||
{
|
|
||||||
var parms = "view=request&request=status&entity=frameimage&id[0]="+eventId+"&id[1]="+frameId+"&loopback="+loadImage;
|
|
||||||
frameReq.send( parms );
|
|
||||||
}
|
|
||||||
|
|
||||||
var currFrameId = null;
|
|
||||||
|
|
||||||
function checkFrames( eventId, frameId, loadImage )
|
|
||||||
{
|
|
||||||
if ( !eventData )
|
|
||||||
{
|
|
||||||
console.error( "No event "+eventId+" found" );
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( !eventData['frames'] )
|
|
||||||
eventData['frames'] = new Object();
|
|
||||||
|
|
||||||
currFrameId = frameId;
|
|
||||||
|
|
||||||
var loFid = frameId - frameBatch/2;
|
|
||||||
if ( loFid < 1 )
|
|
||||||
loFid = 1;
|
|
||||||
var hiFid = loFid + (frameBatch-1);
|
|
||||||
if ( hiFid > eventData.Frames )
|
|
||||||
hiFid = eventData.Frames;
|
|
||||||
|
|
||||||
for ( var fid = loFid; fid <= hiFid; fid++ )
|
|
||||||
{
|
|
||||||
if ( !$('eventThumb'+fid) )
|
|
||||||
{
|
|
||||||
var img = new Element( 'img', { 'id': 'eventThumb'+fid, 'src': 'graphics/transparent.gif', 'alt': fid, 'class': 'placeholder' } );
|
|
||||||
img.addEvent( 'click', function () { eventData['frames'][fid] = null; checkFrames( eventId, fid ) } );
|
|
||||||
frameQuery( eventId, fid, loadImage && (fid == frameId) );
|
|
||||||
var imgs = $('eventThumbs').getElements( 'img' );
|
|
||||||
var injected = false;
|
|
||||||
if ( fid < imgs.length )
|
|
||||||
{
|
|
||||||
img.inject( imgs[fid-1], 'before' );
|
|
||||||
injected = true;
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
injected = imgs.some(
|
|
||||||
function( thumbImg, index )
|
|
||||||
{
|
|
||||||
if ( parseInt(img.getProperty( 'alt' )) < parseInt(thumbImg.getProperty( 'alt' )) )
|
|
||||||
{
|
|
||||||
img.inject( thumbImg, 'before' );
|
|
||||||
return( true );
|
|
||||||
}
|
|
||||||
return( false );
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if ( !injected )
|
|
||||||
{
|
|
||||||
img.inject( $('eventThumbs') );
|
|
||||||
}
|
|
||||||
var scale = parseInt(img.getStyle('height'));
|
|
||||||
img.setStyles( {
|
|
||||||
'width': parseInt((eventData.Width*scale)/100),
|
|
||||||
'height': parseInt((eventData.Height*scale)/100)
|
|
||||||
} );
|
|
||||||
}
|
|
||||||
else if ( eventData['frames'][fid] )
|
|
||||||
{
|
|
||||||
if ( loadImage && (fid == frameId) )
|
|
||||||
{
|
|
||||||
loadEventImage( eventData, eventData['frames'][fid], loadImage );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$('prevThumbsBtn').disabled = (frameId==1);
|
|
||||||
$('nextThumbsBtn').disabled = (frameId==eventData.Frames);
|
|
||||||
}
|
|
||||||
|
|
||||||
function locateImage( frameId, loadImage )
|
|
||||||
{
|
|
||||||
if ( slider )
|
|
||||||
slider.fireEvent( 'tick', slider.toPosition( parseInt((frameId-1)*slider.options.steps/eventData.Frames) ));
|
|
||||||
checkFrames( eventData.Id, frameId, loadImage );
|
|
||||||
scroll.toElement( 'eventThumb'+frameId );
|
|
||||||
}
|
|
||||||
|
|
||||||
function prevImage()
|
|
||||||
{
|
|
||||||
if ( currFrameId > 1 )
|
|
||||||
locateImage( parseInt(currFrameId)-1, true );
|
|
||||||
}
|
|
||||||
|
|
||||||
function nextImage()
|
|
||||||
{
|
|
||||||
if ( currFrameId < eventData.Frames )
|
|
||||||
locateImage( parseInt(currFrameId)+1, true );
|
|
||||||
}
|
|
||||||
|
|
||||||
function prevThumbs()
|
|
||||||
{
|
|
||||||
if ( currFrameId > 1 )
|
|
||||||
locateImage( parseInt(currFrameId)>10?(parseInt(currFrameId)-10):1, $('eventImagePanel').getStyle('display')!="none" );
|
|
||||||
}
|
|
||||||
|
|
||||||
function nextThumbs()
|
|
||||||
{
|
|
||||||
if ( currFrameId < eventData.Frames )
|
|
||||||
locateImage( parseInt(currFrameId)<(eventData.Frames-10)?(parseInt(currFrameId)+10):eventData.Frames, $('eventImagePanel').getStyle('display')!="none" );
|
|
||||||
}
|
|
||||||
|
|
||||||
function prevEvent()
|
|
||||||
{
|
|
||||||
if ( prevEventId )
|
|
||||||
{
|
|
||||||
eventQuery( prevEventId );
|
|
||||||
streamPrev( true );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function nextEvent()
|
|
||||||
{
|
|
||||||
if ( nextEventId )
|
|
||||||
{
|
|
||||||
eventQuery( nextEventId );
|
|
||||||
streamNext( true );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getActResponse( respObj, respText )
|
|
||||||
{
|
|
||||||
if ( checkStreamForErrors( "getActResponse", respObj ) )
|
|
||||||
return;
|
|
||||||
|
|
||||||
if ( respObj.refreshParent )
|
|
||||||
refreshParentWindow();
|
|
||||||
|
|
||||||
if ( respObj.refreshEvent )
|
|
||||||
eventQuery( eventData.Id );
|
|
||||||
}
|
|
||||||
|
|
||||||
var actReq = new Request.JSON( { url: thisUrl, method: 'post', timeout: AJAX_TIMEOUT, link: 'cancel', onSuccess: getActResponse } );
|
|
||||||
|
|
||||||
function actQuery( action, parms )
|
|
||||||
{
|
|
||||||
var actParms = "view=request&request=event&id="+eventData.Id+"&action="+action;
|
|
||||||
if ( parms != null )
|
|
||||||
actParms += "&"+Object.toQueryString( parms );
|
|
||||||
actReq.send( actParms );
|
|
||||||
}
|
|
||||||
|
|
||||||
function deleteEvent()
|
|
||||||
{
|
|
||||||
actQuery( 'delete' );
|
|
||||||
streamNext( true );
|
|
||||||
}
|
|
||||||
|
|
||||||
function renameEvent()
|
|
||||||
{
|
|
||||||
var newName = $('eventName').get('value');
|
|
||||||
actQuery( 'rename', { eventName: newName } );
|
|
||||||
}
|
|
||||||
|
|
||||||
function editEvent()
|
|
||||||
{
|
|
||||||
createPopup( '?view=eventdetail&eid='+eventData.Id, 'zmEventDetail', 'eventdetail' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function exportEvent()
|
|
||||||
{
|
|
||||||
createPopup( '?view=export&eid='+eventData.Id, 'zmExport', 'export' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function archiveEvent()
|
|
||||||
{
|
|
||||||
actQuery( 'archive' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function unarchiveEvent()
|
|
||||||
{
|
|
||||||
actQuery( 'unarchive' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function showEventFrames()
|
|
||||||
{
|
|
||||||
createPopup( '?view=frames&eid='+eventData.Id, 'zmFrames', 'frames' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function showStream()
|
|
||||||
{
|
|
||||||
$('eventStills').addClass( 'hidden' );
|
|
||||||
$('eventStream').removeClass( 'hidden' );
|
|
||||||
$('streamEvent').addClass( 'hidden' );
|
|
||||||
$('stillsEvent').removeClass( 'hidden' );
|
|
||||||
|
|
||||||
//$(window).removeEvent( 'resize', updateStillsSizes );
|
|
||||||
}
|
|
||||||
|
|
||||||
function showStills()
|
|
||||||
{
|
|
||||||
$('eventStream').addClass( 'hidden' );
|
|
||||||
$('eventStills').removeClass( 'hidden' );
|
|
||||||
$('stillsEvent').addClass( 'hidden' );
|
|
||||||
$('streamEvent').removeClass( 'hidden' );
|
|
||||||
streamPause( true );
|
|
||||||
if ( !scroll )
|
|
||||||
{
|
|
||||||
scroll = new Fx.Scroll( 'eventThumbs', {
|
|
||||||
wait: false,
|
|
||||||
duration: 500,
|
|
||||||
offset: { 'x': 0, 'y': 0 },
|
|
||||||
transition: Fx.Transitions.Quad.easeInOut
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
resetEventStills();
|
|
||||||
$(window).addEvent( 'resize', updateStillsSizes );
|
|
||||||
}
|
|
||||||
|
|
||||||
function showFrameStats()
|
|
||||||
{
|
|
||||||
var fid = $('eventImageNo').get('text');
|
|
||||||
createPopup( '?view=stats&eid='+eventData.Id+'&fid='+fid, 'zmStats', 'stats', eventData.Width, eventData.Height );
|
|
||||||
}
|
|
||||||
|
|
||||||
function videoEvent()
|
|
||||||
{
|
|
||||||
createPopup( '?view=video&eid='+eventData.Id, 'zmVideo', 'video', eventData.Width, eventData.Height );
|
|
||||||
}
|
|
||||||
|
|
||||||
function drawProgressBar()
|
|
||||||
{
|
|
||||||
var barWidth = 0;
|
|
||||||
$('progressBar').addClass( 'invisible' );
|
|
||||||
var cells = $('progressBar').getElements( 'div' );
|
|
||||||
var cellWidth = parseInt( eventData.Width/$$(cells).length );
|
|
||||||
$$(cells).forEach(
|
|
||||||
function( cell, index )
|
|
||||||
{
|
|
||||||
if ( index == 0 )
|
|
||||||
$(cell).setStyles( { 'left': barWidth, 'width': cellWidth, 'borderLeft': 0 } );
|
|
||||||
else
|
|
||||||
$(cell).setStyles( { 'left': barWidth, 'width': cellWidth } );
|
|
||||||
var offset = parseInt((index*eventData.Length)/$$(cells).length);
|
|
||||||
$(cell).setProperty( 'title', '+'+secsToTime(offset)+'s' );
|
|
||||||
$(cell).removeEvent( 'click' );
|
|
||||||
$(cell).addEvent( 'click', function(){ streamSeek( offset ); } );
|
|
||||||
barWidth += $(cell).getCoordinates().width;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
$('progressBar').setStyle( 'width', barWidth );
|
|
||||||
$('progressBar').removeClass( 'invisible' );
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateProgressBar()
|
|
||||||
{
|
|
||||||
if ( eventData && streamStatus )
|
|
||||||
{
|
|
||||||
var cells = $('progressBar').getElements( 'div' );
|
|
||||||
var completeIndex = parseInt((($$(cells).length+1)*streamStatus.progress)/eventData.Length);
|
|
||||||
$$(cells).forEach(
|
|
||||||
function( cell, index )
|
|
||||||
{
|
|
||||||
if ( index < completeIndex )
|
|
||||||
{
|
|
||||||
if ( !$(cell).hasClass( 'complete' ) )
|
|
||||||
{
|
|
||||||
$(cell).addClass( 'complete' );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
if ( $(cell).hasClass( 'complete' ) )
|
|
||||||
{
|
|
||||||
$(cell).removeClass( 'complete' );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleClick( event )
|
|
||||||
{
|
|
||||||
var target = event.target;
|
|
||||||
var x = event.page.x - $(target).getLeft();
|
|
||||||
var y = event.page.y - $(target).getTop();
|
|
||||||
|
|
||||||
if ( event.shift )
|
|
||||||
streamPan( x, y );
|
|
||||||
else
|
|
||||||
streamZoomIn( x, y );
|
|
||||||
}
|
|
||||||
|
|
||||||
function initPage()
|
|
||||||
{
|
|
||||||
streamCmdTimer = streamQuery.delay( 250 );
|
|
||||||
eventQuery.pass( eventData.Id ).delay( 500 );
|
|
||||||
|
|
||||||
if ( canStreamNative )
|
|
||||||
{
|
|
||||||
var streamImg = $('imageFeed').getElement('img');
|
|
||||||
if ( !streamImg )
|
|
||||||
streamImg = $('imageFeed').getElement('object');
|
|
||||||
$(streamImg).addEvent( 'click', function( event ) { handleClick( event ); } );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Kick everything off
|
|
||||||
window.addEvent( 'domready', initPage );
|
|
||||||
|
|
@ -1,48 +0,0 @@
|
||||||
//
|
|
||||||
// Import constants
|
|
||||||
//
|
|
||||||
var CMD_NONE = <?= CMD_NONE ?>;
|
|
||||||
var CMD_PAUSE = <?= CMD_PAUSE ?>;
|
|
||||||
var CMD_PLAY = <?= CMD_PLAY ?>;
|
|
||||||
var CMD_STOP = <?= CMD_STOP ?>;
|
|
||||||
var CMD_FASTFWD = <?= CMD_FASTFWD ?>;
|
|
||||||
var CMD_SLOWFWD = <?= CMD_SLOWFWD ?>;
|
|
||||||
var CMD_SLOWREV = <?= CMD_SLOWREV ?>;
|
|
||||||
var CMD_FASTREV = <?= CMD_FASTREV ?>;
|
|
||||||
var CMD_ZOOMIN = <?= CMD_ZOOMIN ?>;
|
|
||||||
var CMD_ZOOMOUT = <?= CMD_ZOOMOUT ?>;
|
|
||||||
var CMD_PAN = <?= CMD_PAN ?>;
|
|
||||||
var CMD_SCALE = <?= CMD_SCALE ?>;
|
|
||||||
var CMD_PREV = <?= CMD_PREV ?>;
|
|
||||||
var CMD_NEXT = <?= CMD_NEXT ?>;
|
|
||||||
var CMD_SEEK = <?= CMD_SEEK ?>;
|
|
||||||
var CMD_QUERY = <?= CMD_QUERY ?>;
|
|
||||||
|
|
||||||
var SCALE_BASE = <?= SCALE_BASE ?>;
|
|
||||||
|
|
||||||
//
|
|
||||||
// PHP variables to JS
|
|
||||||
//
|
|
||||||
var connKey = '<?= $connkey ?>';
|
|
||||||
|
|
||||||
var eventData = {
|
|
||||||
Id: <?= $event['Id'] ?>,
|
|
||||||
Width: <?= $event['Width'] ?>,
|
|
||||||
Height: <?= $event['Height'] ?>,
|
|
||||||
Length: <?= $event['Length'] ?>
|
|
||||||
};
|
|
||||||
|
|
||||||
var filterQuery = '<?= isset($filterQuery)?validJsStr($filterQuery):'' ?>';
|
|
||||||
var sortQuery = '<?= isset($sortQuery)?validJsStr($sortQuery):'' ?>';
|
|
||||||
|
|
||||||
var scale = <?= $scale ?>;
|
|
||||||
var canEditEvents = <?= canEdit( 'Events' )?'true':'false' ?>;
|
|
||||||
var streamTimeout = <?= 1000*ZM_WEB_REFRESH_STATUS ?>;
|
|
||||||
|
|
||||||
var canStreamNative = <?= canStreamNative()?'true':'false' ?>;
|
|
||||||
|
|
||||||
//
|
|
||||||
// Strings
|
|
||||||
//
|
|
||||||
var deleteString = "<?= $SLANG['Delete'] ?>";
|
|
||||||
var causeString = "<?= $SLANG['AttrCause'] ?>";
|
|
||||||
Loading…
Reference in New Issue